@globalpayments/vega 2.20.1 → 2.22.0

package/dist/types/components/vega-selection-chip/vega-selection-chip.d.ts

@@ -0,0 +1,92 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
+import { VegaSelectionChipRenderer } from './slimmers/renderers/vega-selection-chip-renderer';
+import { VegaSelectionChipCheckedController } from './slimmers/controllers/vega-selection-chip-checked-cotroller';
+import { VegaSelectionChipStateController } from './slimmers/controllers/vega-selection-chip-state-controller';
+import { VegaSelectionChipShowErrorController } from './slimmers/controllers/vega-selection-chip-show-error-controller';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { ResponsiveType } from '../../types/ui.type';
+import { VegaSelectionChipSize, VegaSelectionChipTooltipProps, VegaSelectionChipVariant } from './interface';
+import { BackgroundColorsTokenType, BreakpointsTokenType } from '../../types/design-token.type';
+import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
+import { VegaSelectionChipGroupSelectType } from './vega-selection-chip-group/interface';
+export declare class VegaSelectionChip {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected readonly renderer: VegaSelectionChipRenderer;
+  protected readonly checkedController: VegaSelectionChipCheckedController;
+  protected readonly stateController: VegaSelectionChipStateController;
+  protected readonly showErrorController: VegaSelectionChipShowErrorController;
+  protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaSelectionChipElement>;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  host: HTMLVegaSelectionChipElement;
+  /**
+   * Indicates whether the parent selection chip group shows error message.
+   */
+  showError: boolean;
+  currentBreakpoint: BreakpointsTokenType;
+  selectType: VegaSelectionChipGroupSelectType;
+  /**
+   * Specifies the label or title for the selection chip.
+   * It provides descriptive text that helps identify
+   *    the purpose of the selection chip.
+   */
+  label: string;
+  /**
+   * Specifies the size of the selection chip.
+   */
+  size: ResponsiveType<VegaSelectionChipSize>;
+  watchSize(): void;
+  /**
+   * Determines the rendering style for the selection chip.
+   */
+  variant: VegaSelectionChipVariant;
+  /**
+   * Indicates if the selection chip is disabled.
+   */
+  disabled: boolean;
+  /**
+   * Determines if the selection chip is checked.
+   */
+  checked: boolean;
+  /**
+   * Defines the display behavior of the selection chip.
+   * This property controls how the chip is presented
+   *    in relation to surrounding elements.
+   */
+  block: boolean;
+  /**
+   * Specifies the tooltip displayed for the selection chip
+   *    when it is in a disabled state.
+   * This provides additional context or information about the chip's
+   *    functionality or reason for being disabled.
+   */
+  disabledTooltip: VegaSelectionChipTooltipProps;
+  /**
+   * Defines the background color of the swatch.
+   * It accepts a string value representing a valid
+   *    background color token,
+   *    which customizes the chip appearance.
+   */
+  swatchColor: BackgroundColorsTokenType;
+  /**
+   * Stores the value associated with the selection chip
+   *    when it is checked or unchecked.
+   */
+  value: string;
+  /**
+   * An event emitter notifying changes in the value of the selection chip,
+   *    whether triggered programmatically or through user interaction.
+   */
+  vegaChange: EventEmitter<string>;
+  /**
+   * An event emitter notifying changes in the value of the selection chip,
+   *    whether triggered programmatically or through user interaction.
+   *
+   * @eventSemantics namespace:native
+   */
+  change: EventEmitter<string>;
+  componentWillRender(): void;
+  render(): VegaSelectionChip;
+}

package/dist/types/components/vega-table/interface.d.ts

@@ -181,3 +181,9 @@ export declare type VegaTableRowExpandEvent = {
   rowKey: string;
   expanded: boolean;
 };
+export declare type VegaTableSortConfig = {
+  /**
+   * Table columns sorting support
+   */
+  type: 'multiple' | 'single';
+};

package/dist/types/components/vega-table/slimmers/controllers/vega-table-sort-controller.d.ts

@@ -1,6 +1,7 @@
 import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaTableColumnConfig, VegaTableDataSourceItem, VegaTableSortOrderType } from '../../interface';
 import { VegaTable } from '../../vega-table';
+import { VegaTableSorter } from './vega-table-sorter';
 /**
  * The sort controller for the vega-table
  */
@@ -9,6 +10,7 @@ export declare class VegaTableSortController extends VegaSlimmer {
   columns: VegaTable['columns'];
   changeEventEmitter: VegaTable['changeEventEmitter'];
   vegaTableDataSourceController: VegaTable['vegaTableDataSourceController'];
+  sortConfig: VegaTable['sortConfig'];
   /**
    * The callback of [watchColumns]{@link VegaTable.watchColumns}
    */
@@ -28,9 +30,8 @@ export declare class VegaTableSortController extends VegaSlimmer {
    * The method to sort the data by sorter which include prop name and order
    *
    * @param {VegaTableDataSourceItem[]} data - The source that will be sorted
-   * @param {string} sortProp - The prop name of which prop you want to sort by
-   * @param {VegaTableSortOrderType} sortOrder - The order of the sorter
+   * @param {VegaTableSorter[]} sorters - array of sorters ordered by sequence of columns to be sorted
    * @returns {VegaTableDataSourceItem[]} The sorted data source
    */
-  sortData: (data: VegaTableDataSourceItem[], sortProp: string, sortOrder: VegaTableSortOrderType) => VegaTableDataSourceItem[];
+  sortData(data: VegaTableDataSourceItem[], sorters: VegaTableSorter[]): VegaTableDataSourceItem[];
 }

package/dist/types/components/vega-table/slimmers/controllers/vega-table-sorter.d.ts

@@ -0,0 +1,33 @@
+import { Nullable } from '../../../../types/general';
+import { VegaTableDataSourceItem, VegaTableSortCompareFunction, VegaTableSorterType, VegaTableSortOrderType } from '../../interface';
+/**
+ * Vega Table Sorter
+ * This is a helper class for sorting table data based on defined columns to be sorted
+ * Supports multi-column sorting
+ */
+export declare class VegaTableSorter {
+  private prop;
+  private order;
+  private sorter;
+  constructor(prop: string, order: VegaTableSortOrderType, sorter: VegaTableSortCompareFunction);
+  /**
+   * Sort utility
+   *
+   * @param {VegaTableDataSourceItem} a column value
+   * @param {VegaTableDataSourceItem} b column value
+   * @returns {Nullable<number>} compare result
+   */
+  sort(a: VegaTableDataSourceItem, b: VegaTableDataSourceItem): Nullable<number>;
+  /**
+   * Get params from sorter object for external use
+   *
+   * @returns {{VegaTableSorterType}} sorter prop and order
+   */
+  toExternalFormat(): VegaTableSorterType;
+  /**
+   * Get sorter order value
+   *
+   * @returns {{VegaTableSortOrderType}} sorter order
+   */
+  getSortOrder(): VegaTableSortOrderType;
+}

package/dist/types/components/vega-table/slimmers/renderers/vega-table-header-renderer.d.ts

@@ -2,6 +2,7 @@ import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaTable } from '../../vega-table';
 export declare class VegaTableHeaderRenderer extends VegaSlimmer {
   showHeader: VegaTable['showHeader'];
+  sortersMap: VegaTable['sortersMap'];
   columns: VegaTable['columns'];
   rowSelection: VegaTable['rowSelection'];
   vegaTableSortController: VegaTable['vegaTableSortController'];

package/dist/types/components/vega-table/test/vega-table-sorter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/vega-table/vega-table.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { ImmutableSet } from '../../helpers/immutable/immutable-set';
 import { BreakpointsTokenType } from '../../types/design-token.type';
 import { ResponsiveType } from '../../types/ui.type';
-import { VegaTableChangePropType, VegaTableColumnConfig, VegaTableDataSourceItem, VegaTableDensityType, VegaTablePagination, VegaTableRowClickPropType, VegaTableRowSelectionConfig, VegaTableRowSelectProp, VegaTableSelectAllProp, VegaTableSorterType, VegaTableScrollConfig } from './interface';
+import { VegaTableChangePropType, VegaTableColumnConfig, VegaTableDataSourceItem, VegaTableDensityType, VegaTablePagination, VegaTableRowClickPropType, VegaTableRowSelectionConfig, VegaTableRowSelectProp, VegaTableSelectAllProp, VegaTableScrollConfig, VegaTableSortConfig } from './interface';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { VegaTableCellRenderer } from './slimmers/renderers/vega-table-cell-renderer';
 import { VegaTableExpandRowController } from './slimmers/controllers/vega-table-expand-row-controller';
@@ -26,6 +26,7 @@ import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event
 import { ImmutableMap } from '../../helpers/immutable/immutable-map';
 import { VegaTableRenderModeController } from './slimmers/controllers/vega-table-render-mode-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaTableSorter } from './slimmers/controllers/vega-table-sorter';
 export declare class VegaTable {
   protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly vegaTableRenderModeController: VegaTableRenderModeController;
@@ -71,7 +72,7 @@ export declare class VegaTable {
   expandedRowKeySet: ImmutableSet<string>;
   currentBreakpoint: BreakpointsTokenType;
   /** Current running sorters */
-  sortersMap: ImmutableMap<string, VegaTableSorterType>;
+  sortersMap: ImmutableMap<string, VegaTableSorter>;
   watchSortersMap(): void;
   /** The data for vega-table to render */
   currentData: VegaTableDataSourceItem[];
@@ -181,6 +182,12 @@ export declare class VegaTable {
    */
   scrollConfig?: VegaTableScrollConfig;
   watchScrollConfig(): void;
+  /**
+   * Defines the column sorting options
+   * Has optional property type: single | multiple
+   * If not specified, it defaults to multiple column sorting
+   */
+  sortConfig?: VegaTableSortConfig;
   /**
    * An event emitter notifying changes in the table data.
    */

package/dist/types/components.d.ts

@@ -43,10 +43,12 @@ import { VegaPageNotificationActionButtonConfig, VegaPageNotificationTypes } fro
 import { VegaPaginationItemType } from "./components/vega-pagination/types";
 import { PieChartOptions } from "./helpers/chart/pie-chart";
 import { VegaSegmentControlVariant, VegaSegmentProps } from "./components/vega-segment-control/types";
+import { VegaSelectionChipSize, VegaSelectionChipTooltipProps, VegaSelectionChipVariant } from "./components/vega-selection-chip/interface";
+import { VegaSelectionChipGroupSelectType } from "./components/vega-selection-chip/vega-selection-chip-group/interface";
 import { VegaSignatureCaptureMode, VegaSignatureValue } from "./components/vega-signature-capture/types";
 import { VegaSkeletonType } from "./components/vega-skeleton/interface";
 import { TabConfig, TabGroupVariant } from "./components/vega-tab-group/types";
-import { VegaTableChangePropType, VegaTableColumnBreakpoint, VegaTableColumnConfig, VegaTableDataSourceItem, VegaTableDensityType, VegaTableHeadCellClickEvent, VegaTablePagination, VegaTableRowClickEvent, VegaTableRowClickPropType, VegaTableRowExpandEvent, VegaTableRowSelectionConfig, VegaTableRowSelectProp, VegaTableScrollConfig, VegaTableSelectAllProp, VegaTableSorterConfig, VegaTableSortOrderType } from "./components/vega-table/interface";
+import { VegaTableChangePropType, VegaTableColumnBreakpoint, VegaTableColumnConfig, VegaTableDataSourceItem, VegaTableDensityType, VegaTableHeadCellClickEvent, VegaTablePagination, VegaTableRowClickEvent, VegaTableRowClickPropType, VegaTableRowExpandEvent, VegaTableRowSelectionConfig, VegaTableRowSelectProp, VegaTableScrollConfig, VegaTableSelectAllProp, VegaTableSortConfig, VegaTableSorterConfig, VegaTableSortOrderType } from "./components/vega-table/interface";
 import { VegaTextTooltipProps } from "./components/vega-text/types";
 import { TimePickerModeType, TimePickerValueType } from "./components/vega-time-picker/types";
 import { SourceItemType } from "./components/vega-virtual-scroll/types";
@@ -499,6 +501,10 @@ export namespace Components {
           * Defines the configuration options for the more action button's dropdown menu.
          */
         "moreActionDropdownProps": DropdownPropsForCalendar;
+        /**
+          * Controls the visibility of the calendar's event color bar.
+         */
+        "showEventColorBar": boolean;
         /**
           * Specifies the time format of the calendar.
          */
@@ -1403,7 +1409,7 @@ export namespace Components {
         /**
           * Defines the specific type or category of the input field.  It specifies the intended format or purpose of the    data to be entered by the user.
          */
-        "type": 'text' | 'email' | 'password' | 'number';
+        "type": 'text' | 'email' | 'password' | 'number' | 'hidden';
         /**
           * Defines custom validation rules for the input field.
          */
@@ -2087,6 +2093,78 @@ export namespace Components {
          */
         "variant": VegaSegmentControlVariant;
     }
+    interface VegaSelectionChip {
+        /**
+          * Defines the display behavior of the selection chip. This property controls how the chip is presented    in relation to surrounding elements.
+         */
+        "block": boolean;
+        /**
+          * Determines if the selection chip is checked.
+         */
+        "checked": boolean;
+        /**
+          * Indicates if the selection chip is disabled.
+         */
+        "disabled": boolean;
+        /**
+          * Specifies the tooltip displayed for the selection chip    when it is in a disabled state. This provides additional context or information about the chip's    functionality or reason for being disabled.
+         */
+        "disabledTooltip": VegaSelectionChipTooltipProps;
+        /**
+          * Specifies the label or title for the selection chip. It provides descriptive text that helps identify    the purpose of the selection chip.
+         */
+        "label": string;
+        /**
+          * Specifies the size of the selection chip.
+         */
+        "size": ResponsiveType<VegaSelectionChipSize>;
+        /**
+          * Defines the background color of the swatch. It accepts a string value representing a valid    background color token,    which customizes the chip appearance.
+         */
+        "swatchColor": BackgroundColorsTokenType;
+        /**
+          * Stores the value associated with the selection chip    when it is checked or unchecked.
+         */
+        "value": string;
+        /**
+          * Determines the rendering style for the selection chip.
+         */
+        "variant": VegaSelectionChipVariant;
+    }
+    interface VegaSelectionChipGroup {
+        /**
+          * Indicates if the selection chip group is disabled.
+         */
+        "disabled": boolean;
+        /**
+          * Provides a supplementary prompt message that    assists users in selecting the appropriate    value for the selection chip group.
+         */
+        "hint": string;
+        /**
+          * Sets the validation status for the selection chip group.
+         */
+        "isValid": boolean;
+        /**
+          * Specifies the label or title for the selection chip group.    It provides descriptive text that helps identify    the purpose of the selection chip group.
+         */
+        "label": string;
+        /**
+          * Indicates whether at least one selection chip in the    selection chip group must be checked to pass    form validation.
+         */
+        "required": boolean;
+        /**
+          * Determines the selection method for the chip group.
+         */
+        "selectType": VegaSelectionChipGroupSelectType;
+        /**
+          * Defines custom validation rules for the selection chip group field.
+         */
+        "validationRules": FormFieldValidationRule<unknown>[];
+        /**
+          * Stores the selected values of the nested selection chips    within the selection chip group.
+         */
+        "value": string | string[];
+    }
     interface VegaSelectionTile {
         /**
           * Determines if the selection tile is checked.
@@ -2432,6 +2510,10 @@ export namespace Components {
           * Specifies whether the table header should be displayed.
          */
         "showHeader": boolean;
+        /**
+          * Defines the column sorting options Has optional property type: single | multiple If not specified, it defaults to multiple column sorting
+         */
+        "sortConfig"?: VegaTableSortConfig;
         /**
           * Invoke this method to start the edit mode for the row    with the specified `rowKey`.
           * @VegaWarning Note: This method only works with editable tables.
@@ -2901,6 +2983,14 @@ export interface VegaSegmentControlCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaSegmentControlElement;
 }
+export interface VegaSelectionChipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaSelectionChipElement;
+}
+export interface VegaSelectionChipGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaSelectionChipGroupElement;
+}
 export interface VegaSelectionTileCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaSelectionTileElement;
@@ -3348,6 +3438,18 @@ declare global {
         prototype: HTMLVegaSegmentControlElement;
         new (): HTMLVegaSegmentControlElement;
     };
+    interface HTMLVegaSelectionChipElement extends Components.VegaSelectionChip, HTMLStencilElement {
+    }
+    var HTMLVegaSelectionChipElement: {
+        prototype: HTMLVegaSelectionChipElement;
+        new (): HTMLVegaSelectionChipElement;
+    };
+    interface HTMLVegaSelectionChipGroupElement extends Components.VegaSelectionChipGroup, HTMLStencilElement {
+    }
+    var HTMLVegaSelectionChipGroupElement: {
+        prototype: HTMLVegaSelectionChipGroupElement;
+        new (): HTMLVegaSelectionChipGroupElement;
+    };
     interface HTMLVegaSelectionTileElement extends Components.VegaSelectionTile, HTMLStencilElement {
     }
     var HTMLVegaSelectionTileElement: {
@@ -3560,6 +3662,8 @@ declare global {
         "vega-radio-group": HTMLVegaRadioGroupElement;
         "vega-section-title": HTMLVegaSectionTitleElement;
         "vega-segment-control": HTMLVegaSegmentControlElement;
+        "vega-selection-chip": HTMLVegaSelectionChipElement;
+        "vega-selection-chip-group": HTMLVegaSelectionChipGroupElement;
         "vega-selection-tile": HTMLVegaSelectionTileElement;
         "vega-selection-tile-group": HTMLVegaSelectionTileGroupElement;
         "vega-signature-capture": HTMLVegaSignatureCaptureElement;
@@ -4161,6 +4265,10 @@ declare namespace LocalJSX {
           * An event emitter notifying that a calendar more action menu item has been clicked.
          */
         "onVegaMoreActionClick"?: (event: VegaCalendarCustomEvent<string>) => void;
+        /**
+          * Controls the visibility of the calendar's event color bar.
+         */
+        "showEventColorBar"?: boolean;
         /**
           * Specifies the time format of the calendar.
          */
@@ -5197,7 +5305,7 @@ declare namespace LocalJSX {
         /**
           * Defines the specific type or category of the input field.  It specifies the intended format or purpose of the    data to be entered by the user.
          */
-        "type"?: 'text' | 'email' | 'password' | 'number';
+        "type"?: 'text' | 'email' | 'password' | 'number' | 'hidden';
         /**
           * Defines custom validation rules for the input field.
          */
@@ -6050,6 +6158,96 @@ declare namespace LocalJSX {
          */
         "variant"?: VegaSegmentControlVariant;
     }
+    interface VegaSelectionChip {
+        /**
+          * Defines the display behavior of the selection chip. This property controls how the chip is presented    in relation to surrounding elements.
+         */
+        "block"?: boolean;
+        /**
+          * Determines if the selection chip is checked.
+         */
+        "checked"?: boolean;
+        /**
+          * Indicates if the selection chip is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Specifies the tooltip displayed for the selection chip    when it is in a disabled state. This provides additional context or information about the chip's    functionality or reason for being disabled.
+         */
+        "disabledTooltip"?: VegaSelectionChipTooltipProps;
+        /**
+          * Specifies the label or title for the selection chip. It provides descriptive text that helps identify    the purpose of the selection chip.
+         */
+        "label"?: string;
+        /**
+          * An event emitter notifying changes in the value of the selection chip,    whether triggered programmatically or through user interaction.
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaSelectionChipCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying changes in the value of the selection chip,    whether triggered programmatically or through user interaction.
+         */
+        "onVegaChange"?: (event: VegaSelectionChipCustomEvent<string>) => void;
+        /**
+          * Specifies the size of the selection chip.
+         */
+        "size"?: ResponsiveType<VegaSelectionChipSize>;
+        /**
+          * Defines the background color of the swatch. It accepts a string value representing a valid    background color token,    which customizes the chip appearance.
+         */
+        "swatchColor"?: BackgroundColorsTokenType;
+        /**
+          * Stores the value associated with the selection chip    when it is checked or unchecked.
+         */
+        "value": string;
+        /**
+          * Determines the rendering style for the selection chip.
+         */
+        "variant"?: VegaSelectionChipVariant;
+    }
+    interface VegaSelectionChipGroup {
+        /**
+          * Indicates if the selection chip group is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Provides a supplementary prompt message that    assists users in selecting the appropriate    value for the selection chip group.
+         */
+        "hint"?: string;
+        /**
+          * Sets the validation status for the selection chip group.
+         */
+        "isValid"?: boolean;
+        /**
+          * Specifies the label or title for the selection chip group.    It provides descriptive text that helps identify    the purpose of the selection chip group.
+         */
+        "label"?: string;
+        /**
+          * An event emitter notifying changes in the value of the selection chip group,    whether triggered programmatically or through user interaction.
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaSelectionChipGroupCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying changes in the value of the selection chip group,    whether triggered programmatically or through user interaction.
+         */
+        "onVegaChange"?: (event: VegaSelectionChipGroupCustomEvent<string>) => void;
+        /**
+          * Indicates whether at least one selection chip in the    selection chip group must be checked to pass    form validation.
+         */
+        "required"?: boolean;
+        /**
+          * Determines the selection method for the chip group.
+         */
+        "selectType"?: VegaSelectionChipGroupSelectType;
+        /**
+          * Defines custom validation rules for the selection chip group field.
+         */
+        "validationRules"?: FormFieldValidationRule<unknown>[];
+        /**
+          * Stores the selected values of the nested selection chips    within the selection chip group.
+         */
+        "value"?: string | string[];
+    }
     interface VegaSelectionTile {
         /**
           * Determines if the selection tile is checked.
@@ -6400,6 +6598,10 @@ declare namespace LocalJSX {
           * Specifies whether the table header should be displayed.
          */
         "showHeader"?: boolean;
+        /**
+          * Defines the column sorting options Has optional property type: single | multiple If not specified, it defaults to multiple column sorting
+         */
+        "sortConfig"?: VegaTableSortConfig;
         /**
           * Specifies whether alternate colors should be applied    to the rows of the table.
          */
@@ -6819,6 +7021,8 @@ declare namespace LocalJSX {
         "vega-radio-group": VegaRadioGroup;
         "vega-section-title": VegaSectionTitle;
         "vega-segment-control": VegaSegmentControl;
+        "vega-selection-chip": VegaSelectionChip;
+        "vega-selection-chip-group": VegaSelectionChipGroup;
         "vega-selection-tile": VegaSelectionTile;
         "vega-selection-tile-group": VegaSelectionTileGroup;
         "vega-signature-capture": VegaSignatureCapture;
@@ -6916,6 +7120,8 @@ declare module "@stencil/core" {
             "vega-radio-group": LocalJSX.VegaRadioGroup & JSXBase.HTMLAttributes<HTMLVegaRadioGroupElement>;
             "vega-section-title": LocalJSX.VegaSectionTitle & JSXBase.HTMLAttributes<HTMLVegaSectionTitleElement>;
             "vega-segment-control": LocalJSX.VegaSegmentControl & JSXBase.HTMLAttributes<HTMLVegaSegmentControlElement>;
+            "vega-selection-chip": LocalJSX.VegaSelectionChip & JSXBase.HTMLAttributes<HTMLVegaSelectionChipElement>;
+            "vega-selection-chip-group": LocalJSX.VegaSelectionChipGroup & JSXBase.HTMLAttributes<HTMLVegaSelectionChipGroupElement>;
             "vega-selection-tile": LocalJSX.VegaSelectionTile & JSXBase.HTMLAttributes<HTMLVegaSelectionTileElement>;
             "vega-selection-tile-group": LocalJSX.VegaSelectionTileGroup & JSXBase.HTMLAttributes<HTMLVegaSelectionTileGroupElement>;
             "vega-signature-capture": LocalJSX.VegaSignatureCapture & JSXBase.HTMLAttributes<HTMLVegaSignatureCaptureElement>;

package/dist/types/helpers/formatter/string-formatter/custom-formatter-strategy.d.ts

@@ -6,6 +6,7 @@ export declare type CustomStringFormatter = (rawValue: string) => string;
  */
 export declare class CustomFormatterStrategy implements StringFormatStrategy {
   private readonly formatter;
+  private resetCaretPositionFlag;
   /**
    * The constructor function takes a CustomStringFormatter parameter and assigns it to the formatter
    * property of the class.
@@ -14,8 +15,9 @@ export declare class CustomFormatterStrategy implements StringFormatStrategy {
    * string formatter class that you are passing to the constructor of the class. This custom string
    * formatter class likely contains methods or properties related to formatting strings in a specific
    * way according to your requirements.
+   * @param {boolean} resetCaretPosition - The caret position should update to the last or keep the current position after format
    */
-  constructor(formatter: CustomStringFormatter);
+  constructor(formatter: CustomStringFormatter, resetCaretPosition?: boolean);
   /**
    * The format function in TypeScript takes a string input and returns the formatted output using a
    * formatter method.
@@ -31,14 +33,15 @@ export declare class CustomFormatterStrategy implements StringFormatStrategy {
    *
    * @param {string} input - The `input` parameter in the `calculateCaretPosition` function is a string
    * that represents the text input where you want to calculate the caret position.
+   * @param {number} caretPosition - The current position of caret
    * @returns {Nullable<number>} The `calculateCaretPosition` function is returning the length of the formatted input
    * string.
    */
-  calculateCaretPosition(input: string): Nullable<number>;
+  calculateCaretPosition(input: string, caretPosition: Nullable<number>): Nullable<number>;
   /**
    * Trigger the formatter at init
    *
-   * @returns {boolean} true
+   * @returns {boolean} true or false
    */
   shouldTriggerAtInit(): boolean;
 }

package/dist/types/helpers/slimmers/mutation-observer/mutation-observer-filters.d.ts

@@ -21,3 +21,10 @@ export declare const TagNameMutationFilter: (...tagNames: string[]) => MutationF
  * and an `HTMLElement` as parameters.
  */
 export declare const AttributeOldValueMutationFilter: () => MutationFilter;
+/**
+ * Filters mutations based on specified tag names or attribute changes.
+ *
+ * @param {string[]} tagNames - The tagName of need listened child.
+ * @returns {Function} - Filter function.
+ */
+export declare const TagNameAndAttributeMutationFilter: (...tagNames: string[]) => MutationFilter;

package/dist/types/helpers/slimmers/mutation-observer/mutation-observer-slimmer.d.ts

@@ -4,7 +4,7 @@ export declare type MutationObserverEntry = {
   target?: () => HTMLElement;
   options: MutationObserverInit;
   mutationFilter?: MutationFilter;
-  callback: () => void;
+  callback: (mutations?: MutationRecord[]) => void;
 };
 /**
  * The `MutationObserverSlimmer` class in TypeScript extends `VegaSlimmer` and implements a

package/dist/types/helpers/slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer.d.ts

@@ -0,0 +1,16 @@
+import { ClassPrototype, MethodKeysOf } from '../../../types/class.type';
+import { VegaPublicAPIRuntimeMetricsSlimmerBase } from './public-api-runtime-metrics-slimmer-base';
+/**
+ * The function `createComponentUsageRuntimeMetricsSlimmer` creates a slimmer version of a component
+ * usage runtime metrics object based on a given class prototype and optional method names to watch.
+ *
+ * @param {ClassPrototype} mapFromClass - The `mapFromClass` parameter is a ClassPrototype that represents the class
+ * from which the dynamic map will be created.
+ * @param {MethodKeysOf[]} [watchMethodNames] - The `watchMethodNames` parameter
+ * is an optional array of method names that you want to watch for in the component.
+ * @param {unknown[]} [initData] - The `initData` parameter allows you to
+ * pass an array of initial data to be used during the initialization of the component usage runtime
+ * metrics slimmer.
+ * @returns {VegaPublicAPIRuntimeMetricsSlimmerBase} The function creates a dynamic public api runtime metrics slimmer.
+ */
+export declare function createPublicAPIRuntimeMetricsSlimmer<T>(mapFromClass: ClassPrototype<T>, watchMethodNames: MethodKeysOf<T>[], initData: unknown[]): VegaPublicAPIRuntimeMetricsSlimmerBase;

package/dist/types/helpers/slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base.d.ts

@@ -0,0 +1,48 @@
+import { VegaSlimmer } from '../../../vega-slimmer/vega-slimmer-core';
+export declare type PublicAPIRuntimeMetricsDefinition = {
+  payloadKey: string;
+  payloadDescription: string;
+  canAccept: (className?: string, methodName?: string, args?: unknown[]) => boolean;
+  payloadValue: (className: string, methodName: string, args?: unknown[]) => boolean;
+};
+/**
+ * The `VegaPublicAPIRuntimeMetricsSlimmerBase` class is used for sending
+ * telemetry data to a telemetry service based on defined usage metrics for a public api.
+ */
+export declare class VegaPublicAPIRuntimeMetricsSlimmerBase extends VegaSlimmer {
+  private readonly className;
+  private readonly usageDefinitions;
+  /**
+   * The constructor initializes a private readonly property with an optional array of
+   * PublicAPIRuntimeMetricsDefinition.
+   *
+   * @param {string} [className] - The parameter show the class name of public api.
+   * @param {PublicAPIRuntimeMetricsDefinition[]} [usageDefinitions] - The `usageDefinitions`
+   * parameter in the constructor is of type `PublicAPIRuntimeMetricsDefinition<T>[]`, which is an
+   * array of `ComponentUsageRuntimeMetricsDefinition` objects. This parameter is optional as it is
+   * marked with a question mark `?`, meaning it can be omitted when creating an instance of
+   */
+  constructor(className: string, usageDefinitions: PublicAPIRuntimeMetricsDefinition[]);
+  /**
+   * register the observer when the slimmer method called
+   *
+   * @param {unknown[]} [args] - The `args` parameter passed in when the slimmer method is executed
+   * @param {string} [methodName] - The `methodName` parameter is the actual method name of the public API call.
+   */
+  sendPublicAPIPayloadToTelemetry(args: unknown[], methodName: string): void;
+  /**
+   * The function `getPublicAPIMetricsPayload` generates a payload containing public api
+   * metrics data.
+   *
+   * @param {string} [methodName] - The `methodName` parameter is the actual method name of the public API call.
+   * @param {unknown[]} [args] - The `args` parameter passed in when the slimmer method is executed
+   * @returns {Record<string, unknown>} The `getPublicAPIMetricsPayload` method returns an object with the following
+   * structure:
+   * {
+   * 	publicAPIName: string, // The public api name
+   * 	data: { // An object containing payload data with keys and boolean values
+   * 		'waitForVegaRenderFinished': true,
+   * }
+   */
+  private getPublicAPIMetricsPayload;
+}

package/dist/types/helpers/slimmers/runtime-metrics/test/public-api-runtime-metrics-slimmer-base.test.d.ts

@@ -0,0 +1 @@
+export {};