@globalpayments/vega 2.101.0 → 2.103.0

package/dist/types/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-pages-controller.d.ts

@@ -10,10 +10,12 @@ export declare class VegaTabGroupPagesController extends PageResizeObserverSlimm
   tabItems: VegaTabGroup['tabItems'];
   variant: VegaTabGroup['variant'];
   overflow: VegaTabGroup['overflow'];
+  tabItemWidth: VegaTabGroup['tabItemWidth'];
   private sliderStateController;
   private TAB_SIDE_BUTTON_WIDTH;
   private TAB_SIDE_BUTTON_AND_CONTENT_SPACE;
   private valuePaginator;
+  private wasUsingConstrainedLayout;
   private initTabPagesWithDebounce;
   /**
    * initial the tab pages when component call the componentDidLoad method
@@ -43,6 +45,12 @@ export declare class VegaTabGroupPagesController extends PageResizeObserverSlimm
    * On tab items value change, initialize tab pages
    */
   handleTabItemsChange(): void;
+  /**
+   * Recalculates pagination when the global tab-item width changes at runtime.
+   *
+   * {@link VegaTabGroup#watchTabItemWidthChange}
+   */
+  handleTabItemWidthChange(): void;
   /**
    * The function sets the tab items for a tab configuration.
    *
@@ -59,6 +67,12 @@ export declare class VegaTabGroupPagesController extends PageResizeObserverSlimm
    * initial the tab pages
    */
   private initTabPages;
+  /**
+   * Determines whether tab pages can be calculated directly from percentage widths.
+   *
+   * @returns {boolean} True when every constrained tab has a percentage width.
+   */
+  private shouldUsePercentageBasedCapacityPagination;
   /**
    * 1.To calculate the visual width of the tab, you need to subtract the space occupied by the left and right buttons
    * 2.If the current page is greater than 0, show the left button

package/dist/types/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-slider-state-controller.d.ts

@@ -2,7 +2,10 @@ import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
 /** The `VegaTabGroupSliderStateController` class manages the animation state of a tab group slider component. */
 export declare class VegaTabGroupSliderStateController extends VegaSlimmer {
   private tabListRenderer;
+  private constrainedTabLabelRenderer;
   private currentPageIndex;
+  private tabItemWidth;
+  private tabItems;
   private UPDATE_ANIMATION_FLAG_DELAY;
   private goToPageTaskQueue;
   /**

package/dist/types/components/vega-tab-group/slimmers/vega-tab-group/renderers/vega-tab-group-constrained-tab-label-renderer.d.ts

@@ -0,0 +1,17 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { TabConfig } from '../../../types';
+/** Renders full tab labels and enables tooltips only when constrained labels overflow. */
+export declare class VegaTabGroupConstrainedTabLabelRenderer extends VegaSlimmer {
+  private tabLabelRefs;
+  private tabTooltipRefs;
+  private positionRelativeTo;
+  componentDidRender(): void;
+  refreshTooltipTriggers(): void;
+  /**
+   * Renders a label that truncates visually and exposes its complete value through a tooltip on overflow.
+   *
+   * @param {TabConfig} item - The tab configuration.
+   * @returns {HTMLElement} The constrained tab label.
+   */
+  render(item: TabConfig): HTMLElement;
+}

package/dist/types/components/vega-tab-group/slimmers/vega-tab-group/renderers/vega-tab-group-tab-list-renderer.d.ts

@@ -9,8 +9,10 @@ export declare class VegaTabGroupTabListRenderer extends VegaSlimmer {
   private showCloseButton;
   private tabItems;
   private overflow;
+  private tabItemWidth;
   private positionRelativeTo;
   private closeButtonRenderer;
+  private constrainedTabLabelRenderer;
   private selectedTargetController;
   private voiceOverFocusController;
   private translationSlimmer;
@@ -28,5 +30,6 @@ export declare class VegaTabGroupTabListRenderer extends VegaSlimmer {
   private renderCounterBadgeDom;
   private getTabAriaLabel;
   private getCounterBadgeClassByCount;
+  private resolveTabWidth;
   private handleTabItemClick;
 }

package/dist/types/components/vega-tab-group/types.d.ts

@@ -1,3 +1,5 @@
+import { ResponsiveType, WidthType } from '../../types/ui.type';
+
 /**
  * Configuration object for a tab within a tab group.
  */
@@ -22,6 +24,14 @@ export type TabConfig = {
 	 * Whether the tab is disabled.
 	 */
 	disabled?: boolean;
+	/**
+	 * Optional custom width for this specific tab item.
+	 * Overrides the component-level `tabItemWidth` prop.
+	 * Can be a number (px), a CSS string (e.g. `'50%'`), a spacing token,
+	 *      or a responsive map (e.g. `{ default: '100%', M: '50%' }`).
+	 * Mixed per-item width configurations keep default gap and adaptive layout behavior.
+	 */
+	width?: ResponsiveType<WidthType>;
 };
 
 /**

package/dist/types/components/vega-tab-group/vega-tab-group.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { SpacingTokenType } from '../../types/design-token.type';
+import { ResponsiveType, WidthType } from '../../types/ui.type';
 import { VegaTabGroupRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-renderer';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { TabConfig, TabGroupOverflowType, TabGroupVariant } from './types';
@@ -11,6 +12,7 @@ import { VegaTabGroupSwitchPageButtonRenderer } from './slimmers/vega-tab-group/
 import { VegaTabGroupPanelController } from './slimmers/vega-tab-group/controllers/vega-tab-group-panel-controller';
 import { VegaTabGroupVoiceOverFocusController } from './slimmers/vega-tab-group/controllers/vega-tab-group-voice-over-focus-controller';
 import { VegaTabGroupTabListRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-tab-list-renderer';
+import { VegaTabGroupConstrainedTabLabelRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-constrained-tab-label-renderer';
 import { VegaTabGroupContentRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-content-renderer';
 import { VegaTabGroupSliderStateController } from './slimmers/vega-tab-group/controllers/vega-tab-group-slider-state-controller';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
@@ -28,6 +30,7 @@ export declare class VegaTabGroup {
   protected translationSlimmer: TranslationSlimmer<HTMLVegaTabGroupElement>;
   protected readonly vegaTabGroupDirectionButtonRenderer: VegaTabGroupSwitchPageButtonRenderer;
   protected readonly vegaTabGroupTabListRenderer: VegaTabGroupTabListRenderer;
+  protected readonly vegaTabGroupConstrainedTabLabelRenderer: VegaTabGroupConstrainedTabLabelRenderer;
   protected readonly vegaTabGroupCloseButtonRenderer: VegaTabGroupCloseButtonRenderer;
   protected readonly vegaTabGroupPagesController: VegaTabGroupPagesController;
   protected readonly vegaTabGroupSelectedTargetController: VegaTabGroupSelectedTargetController;
@@ -129,6 +132,25 @@ export declare class VegaTabGroup {
    * @vegaVersion 2.49.0
    */
   overflow: TabGroupOverflowType;
+  /**
+   * Sets a custom width for tab items in the tab list.
+   *
+   * - Supports a number (px), a CSS width value (for example `'50%'`),
+   *      a spacing token, or a responsive map (for example `{ default: '100%', M: '50%' }`).
+   * - If not provided, tab items use natural (adaptive) width.
+   * - Individual tabs can override this value through `TabConfig.width`.
+   * - Constrained layout mode (`vega-flex` width set to `100%`)
+   *      is enabled only when this prop is set, or when all tab items define `TabConfig.width`.
+   * - The configured gap is preserved for both constrained and mixed per-item width usage.
+   *
+   * @vegaVersion 2.102.0
+   */
+  tabItemWidth?: ResponsiveType<WidthType>;
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-tab-group-tab-item-width-customization}
+   */
+  watchTabItemWidthChange(): void;
   /**
    * An event emitter notifying the click event of a tab
    *    in the tab group.

package/dist/types/components.d.ts

@@ -18,7 +18,7 @@ import { VegaButtonCircleSize, VegaButtonCircleTooltip, VegaButtonCircleVariant
 import { DropdownPropsForButtonGroup, VegaButtonGroupIconAlign, VegaButtonGroupSize, VegaButtonGroupVariant } from "./components/vega-button-group/types";
 import { DropdownSourceGroup, DropdownSourceItem, VegaDropdownSearchTriggerByType, VegaDropdownSearchTriggerEventDetail, VegaDropdownSourceItem } from "./components/vega-dropdown/types";
 import { VegaButtonLinkTarget } from "./components/vega-button-link/types";
-import { CalendarEventActionsCallback, DisabledDate, DropdownPropsForCalendar, VegaCalendarChangeEventType, VegaCalendarDateClickInfo, VegaCalendarEventClickInfo, VegaCalendarEventEditInfo, VegaCalendarEventPreviewInfo, VegaCalendarEventPreviewPopoverProps, VegaCalendarPeriodType, VegaCalendarRawEvent, VegaCalendarViewModeType } from "./components/vega-calendar/types";
+import { CalendarEventActionsCallback, DisabledDate, DropdownPropsForCalendar, VegaCalendarChangeEventType, VegaCalendarDateClickInfo, VegaCalendarEventClickInfo, VegaCalendarEventDeleteInfo, VegaCalendarEventEditInfo, VegaCalendarEventPreviewInfo, VegaCalendarEventPreviewPopoverProps, VegaCalendarPeriodType, VegaCalendarRawEvent, VegaCalendarViewModeType } from "./components/vega-calendar/types";
 import { Nullable, TimeFormat } from "./types/general";
 import { CalendarEvent } from "./helpers/calendar/calendar-event";
 import { FormFieldValidationRule } from "./helpers/validator/rules/form-field-validation-rule";
@@ -51,6 +51,7 @@ import { VegaPageNotificationActionButtonConfig, VegaPageNotificationTypes } fro
 import { DropdownPropsForPagination, VegaPaginationItemType, VegaPaginationLayoutType, VegaPaginationPageSizeOption } from "./components/vega-pagination/types";
 import { PieChartOptions } from "./helpers/chart/pie-chart";
 import { VegaProgressTrackerDirectionType, VegaProgressTrackerStepItem } from "./components/vega-progress-tracker/type";
+import { VegaRichTextBookmarkEditorMode } from "./components/vega-rich-text-editor/extensions/bookmark/vega-rich-text-bookmark-editor/types";
 import { VegaRTEContent } from "./components/vega-rich-text-editor/dto/content-state";
 import { VegaRTEExtension } from "./components/vega-rich-text-editor/extensions/extension.abstract";
 import { RTETablePropertiesType, TableCellStylePropertiesMap, VegaRichTextEditorImage, VegaRTEColorSchema, VegaRTESourceEditConfig, VegaRTETextStyleItem, VegaRTEToolbarItem } from "./components/vega-rich-text-editor/interface";
@@ -700,6 +701,11 @@ export namespace Components {
           * @vegaVersion 2.59.0
          */
         "enabledEventPreview": boolean;
+        /**
+          * Controls whether the delete icon is shown for a calendar event.
+          * @vegaVersion 2.102.0
+         */
+        "eventDeletable": boolean;
         /**
           * Controls whether the calendar is editable, allowing users to interact with events and dates. When set to `false`, all interactive features such as clicking on events or dates will be disabled, making the calendar view-only.
           * @vegaVersion 2.87.0
@@ -2515,6 +2521,12 @@ export namespace Components {
           * @vegaVersion 1.0.5
          */
         "prefixIcon": string;
+        /**
+          * Text displayed before (to the left of) the input value inside the input field.
+          * @default undefined
+          * @vegaVersion 2.103.0
+         */
+        "prefixText": string;
         /**
           * Sets the input field as read-only, preventing direct keyboard input.  When set to `true`, prevents manual keyboard text entry in the input field on    all platforms. On touch devices, this typically suppresses the virtual keyboard.
           * @default false
@@ -2546,6 +2558,12 @@ export namespace Components {
           * @vegaVersion 1.3.0
          */
         "size": 'default' | 'small';
+        /**
+          * Text displayed after (to the right of) the input value inside the input field.
+          * @default undefined
+          * @vegaVersion 2.103.0
+         */
+        "suffixText": string;
         /**
           * Provides the data source for the input's autocomplete suggestion dropdown.  Pass an array of `VegaDropdownSourceItem` objects to enable the suggestions feature. The dropdown appears as the user types, filtering items that match the current input value. When the user selects a suggestion, the `vegaSuggestionItemClick` event is emitted.  **Important:** You must set this property to at least an empty array (`[]`) to enable the suggestion dropdown. If left `undefined`, the feature is disabled.
           * @vegaVersion 2.75.0
@@ -3824,6 +3842,38 @@ export namespace Components {
          */
         "vegaFlexProp": VegaFlexProps;
     }
+    interface VegaRichTextBookmarkEditor {
+        /**
+          * Provide a method to hide the bookmark editor popover
+          * @vegaVersion 2.102.0
+         */
+        "hide": () => Promise<void>;
+        /**
+          * Specifies whether the editor creates a new bookmark or edits an existing one.
+          * @vegaVersion 2.102.0
+         */
+        "mode": VegaRichTextBookmarkEditorMode;
+        /**
+          * Specifies the bookmark name being edited.
+          * @vegaVersion 2.102.0
+         */
+        "name": string;
+        /**
+          * Specifies the bookmark names already used by other bookmarks in the same document. Used to enforce bookmark name uniqueness.
+          * @vegaVersion 2.102.0
+         */
+        "reservedNames": string[];
+        /**
+          * Provide a method to show the bookmark editor popover
+          * @vegaVersion 2.102.0
+         */
+        "show": () => Promise<void>;
+        /**
+          * Specifies the target element for the popover.
+          * @vegaVersion 2.102.0
+         */
+        "target": HTMLElement;
+    }
     interface VegaRichTextContent {
         /**
           * Specifies the text or formatted information displayed by the rich text content, which can be either VegaRTEContent or VegaRTEContentBlock. It is recommended to use the VegaRTEContent type. Only in exceptional cases should the original data in the VegaRTEContentBlock type be used.
@@ -4594,6 +4644,11 @@ export namespace Components {
           * @vegaVersion 1.3.0
          */
         "showCloseButton": boolean;
+        /**
+          * Sets a custom width for tab items in the tab list.  - Supports a number (px), a CSS width value (for example `'50%'`),      a spacing token, or a responsive map (for example `{ default: '100%', M: '50%' }`). - If not provided, tab items use natural (adaptive) width. - Individual tabs can override this value through `TabConfig.width`. - Constrained layout mode (`vega-flex` width set to `100%`)      is enabled only when this prop is set, or when all tab items define `TabConfig.width`. - The configured gap is preserved for both constrained and mixed per-item width usage.
+          * @vegaVersion 2.102.0
+         */
+        "tabItemWidth"?: ResponsiveType<WidthType>;
         /**
           * Defines the tab items that appear within the tab group.  The `tabItems` property supports dynamic updates.  - When items are added or removed, the tab group      will update tabs and overflow layout automatically.
           * @vegaVersion 1.3.0
@@ -5540,6 +5595,10 @@ export interface VegaRadioGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaRadioGroupElement;
 }
+export interface VegaRichTextBookmarkEditorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaRichTextBookmarkEditorElement;
+}
 export interface VegaRichTextEditorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaRichTextEditorElement;
@@ -6109,6 +6168,12 @@ declare global {
         prototype: HTMLVegaRadioGroupElement;
         new (): HTMLVegaRadioGroupElement;
     };
+    interface HTMLVegaRichTextBookmarkEditorElement extends Components.VegaRichTextBookmarkEditor, HTMLStencilElement {
+    }
+    var HTMLVegaRichTextBookmarkEditorElement: {
+        prototype: HTMLVegaRichTextBookmarkEditorElement;
+        new (): HTMLVegaRichTextBookmarkEditorElement;
+    };
     interface HTMLVegaRichTextContentElement extends Components.VegaRichTextContent, HTMLStencilElement {
     }
     var HTMLVegaRichTextContentElement: {
@@ -6452,6 +6517,7 @@ declare global {
         "vega-progress-tracker-step": HTMLVegaProgressTrackerStepElement;
         "vega-radio": HTMLVegaRadioElement;
         "vega-radio-group": HTMLVegaRadioGroupElement;
+        "vega-rich-text-bookmark-editor": HTMLVegaRichTextBookmarkEditorElement;
         "vega-rich-text-content": HTMLVegaRichTextContentElement;
         "vega-rich-text-editor": HTMLVegaRichTextEditorElement;
         "vega-rich-text-editor-toolbar-button": HTMLVegaRichTextEditorToolbarButtonElement;
@@ -7271,6 +7337,11 @@ declare namespace LocalJSX {
           * @vegaVersion 2.59.0
          */
         "enabledEventPreview"?: boolean;
+        /**
+          * Controls whether the delete icon is shown for a calendar event.
+          * @vegaVersion 2.102.0
+         */
+        "eventDeletable"?: boolean;
         /**
           * Controls whether the calendar is editable, allowing users to interact with events and dates. When set to `false`, all interactive features such as clicking on events or dates will be disabled, making the calendar view-only.
           * @vegaVersion 2.87.0
@@ -7327,6 +7398,12 @@ declare namespace LocalJSX {
           * @vegaVersion 2.14.0
          */
         "onEventClick"?: (event: VegaCalendarCustomEvent<VegaCalendarEventClickInfo>) => void;
+        /**
+          * An event emitter notifying that the user clicked the delete action from the event preview popover.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.102.0
+         */
+        "onEventDelete"?: (event: VegaCalendarCustomEvent<VegaCalendarEventDeleteInfo>) => void;
         /**
           * An event emitter notifying that a calendar event edit action is triggered from the event preview popover.
           * @eventSemantics namespace:native
@@ -7365,6 +7442,11 @@ declare namespace LocalJSX {
           * @vegaVersion 2.14.0
          */
         "onVegaEventClick"?: (event: VegaCalendarCustomEvent<VegaCalendarEventClickInfo>) => void;
+        /**
+          * An event emitter notifying that the user clicked the delete action from the event preview popover.
+          * @vegaVersion 2.102.0
+         */
+        "onVegaEventDelete"?: (event: VegaCalendarCustomEvent<VegaCalendarEventDeleteInfo>) => void;
         /**
           * An event emitter notifying that a calendar event edit action is triggered from the event preview popover.
           * @vegaVersion 2.87.0
@@ -9580,6 +9662,12 @@ declare namespace LocalJSX {
           * @vegaVersion 1.0.5
          */
         "prefixIcon"?: string;
+        /**
+          * Text displayed before (to the left of) the input value inside the input field.
+          * @default undefined
+          * @vegaVersion 2.103.0
+         */
+        "prefixText"?: string;
         /**
           * Sets the input field as read-only, preventing direct keyboard input.  When set to `true`, prevents manual keyboard text entry in the input field on    all platforms. On touch devices, this typically suppresses the virtual keyboard.
           * @default false
@@ -9604,6 +9692,12 @@ declare namespace LocalJSX {
           * @vegaVersion 1.3.0
          */
         "size"?: 'default' | 'small';
+        /**
+          * Text displayed after (to the right of) the input value inside the input field.
+          * @default undefined
+          * @vegaVersion 2.103.0
+         */
+        "suffixText"?: string;
         /**
           * Provides the data source for the input's autocomplete suggestion dropdown.  Pass an array of `VegaDropdownSourceItem` objects to enable the suggestions feature. The dropdown appears as the user types, filtering items that match the current input value. When the user selects a suggestion, the `vegaSuggestionItemClick` event is emitted.  **Important:** You must set this property to at least an empty array (`[]`) to enable the suggestion dropdown. If left `undefined`, the feature is disabled.
           * @vegaVersion 2.75.0
@@ -11157,6 +11251,39 @@ declare namespace LocalJSX {
          */
         "vegaFlexProp"?: VegaFlexProps;
     }
+    interface VegaRichTextBookmarkEditor {
+        /**
+          * Specifies whether the editor creates a new bookmark or edits an existing one.
+          * @vegaVersion 2.102.0
+         */
+        "mode"?: VegaRichTextBookmarkEditorMode;
+        /**
+          * Specifies the bookmark name being edited.
+          * @vegaVersion 2.102.0
+         */
+        "name"?: string;
+        /**
+          * An event emitter notifying bookmark change.
+          * @vegaVersion 2.102.0
+         */
+        "onVegaChange"?: (event: VegaRichTextBookmarkEditorCustomEvent<| {
+				action: 'save';
+				name: string;
+		  }
+		| {
+				action: 'remove';
+		  }>) => void;
+        /**
+          * Specifies the bookmark names already used by other bookmarks in the same document. Used to enforce bookmark name uniqueness.
+          * @vegaVersion 2.102.0
+         */
+        "reservedNames"?: string[];
+        /**
+          * Specifies the target element for the popover.
+          * @vegaVersion 2.102.0
+         */
+        "target"?: HTMLElement;
+    }
     interface VegaRichTextContent {
         /**
           * Specifies the text or formatted information displayed by the rich text content, which can be either VegaRTEContent or VegaRTEContentBlock. It is recommended to use the VegaRTEContent type. Only in exceptional cases should the original data in the VegaRTEContentBlock type be used.
@@ -12105,6 +12232,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.3.0
          */
         "showCloseButton"?: boolean;
+        /**
+          * Sets a custom width for tab items in the tab list.  - Supports a number (px), a CSS width value (for example `'50%'`),      a spacing token, or a responsive map (for example `{ default: '100%', M: '50%' }`). - If not provided, tab items use natural (adaptive) width. - Individual tabs can override this value through `TabConfig.width`. - Constrained layout mode (`vega-flex` width set to `100%`)      is enabled only when this prop is set, or when all tab items define `TabConfig.width`. - The configured gap is preserved for both constrained and mixed per-item width usage.
+          * @vegaVersion 2.102.0
+         */
+        "tabItemWidth"?: ResponsiveType<WidthType>;
         /**
           * Defines the tab items that appear within the tab group.  The `tabItems` property supports dynamic updates.  - When items are added or removed, the tab group      will update tabs and overflow layout automatically.
           * @vegaVersion 1.3.0
@@ -13008,6 +13140,7 @@ declare namespace LocalJSX {
         "vega-progress-tracker-step": VegaProgressTrackerStep;
         "vega-radio": VegaRadio;
         "vega-radio-group": VegaRadioGroup;
+        "vega-rich-text-bookmark-editor": VegaRichTextBookmarkEditor;
         "vega-rich-text-content": VegaRichTextContent;
         "vega-rich-text-editor": VegaRichTextEditor;
         "vega-rich-text-editor-toolbar-button": VegaRichTextEditorToolbarButton;
@@ -13136,6 +13269,7 @@ declare module "@stencil/core" {
             "vega-progress-tracker-step": LocalJSX.VegaProgressTrackerStep & JSXBase.HTMLAttributes<HTMLVegaProgressTrackerStepElement>;
             "vega-radio": LocalJSX.VegaRadio & JSXBase.HTMLAttributes<HTMLVegaRadioElement>;
             "vega-radio-group": LocalJSX.VegaRadioGroup & JSXBase.HTMLAttributes<HTMLVegaRadioGroupElement>;
+            "vega-rich-text-bookmark-editor": LocalJSX.VegaRichTextBookmarkEditor & JSXBase.HTMLAttributes<HTMLVegaRichTextBookmarkEditorElement>;
             "vega-rich-text-content": LocalJSX.VegaRichTextContent & JSXBase.HTMLAttributes<HTMLVegaRichTextContentElement>;
             "vega-rich-text-editor": LocalJSX.VegaRichTextEditor & JSXBase.HTMLAttributes<HTMLVegaRichTextEditorElement>;
             "vega-rich-text-editor-toolbar-button": LocalJSX.VegaRichTextEditorToolbarButton & JSXBase.HTMLAttributes<HTMLVegaRichTextEditorToolbarButtonElement>;

package/dist/types/constants/ui.d.ts

@@ -13,5 +13,5 @@ export declare const FlexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
 export declare const BoxDisplay: readonly ["block", "inline-block", "none"];
 export declare const BorderStyle: readonly ["solid", "dashed", "dotted", "double", "none"];
 export declare const TextAlign: readonly ["start", "end", "left", "right", "center", "justify"];
-export declare const VegaNativeEventName: readonly ["change", "userChange", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "rowExpand", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "searchTrigger", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "eventPreview", "dateDblClick", "dateClick", "countryChange", "actionButtonClick", "moreActionClick", "expand", "rowSelect", "rowSelectAll", "retry", "selectedFileChange", "preview", "labelButtonClick", "imageInserted", "reset", "eventPreviewShow", "monthYearChange", "complete", "paste", "clear", "periodChange", "selectionChange", "suggestionItemClick", "nativeInputChange", "sourceCodeChange", "rowDragDrop", "eventEdit", "todayClick", "additionalLinkClick", "dropdownSelectAllClick"];
+export declare const VegaNativeEventName: readonly ["change", "userChange", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "rowExpand", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "searchTrigger", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "eventPreview", "dateDblClick", "dateClick", "countryChange", "actionButtonClick", "moreActionClick", "expand", "rowSelect", "rowSelectAll", "retry", "selectedFileChange", "preview", "labelButtonClick", "imageInserted", "reset", "eventPreviewShow", "monthYearChange", "complete", "paste", "clear", "periodChange", "selectionChange", "suggestionItemClick", "nativeInputChange", "sourceCodeChange", "rowDragDrop", "eventEdit", "todayClick", "additionalLinkClick", "dropdownSelectAllClick", "eventDelete"];
 export declare const CssStates: readonly ["default", "hover", "active", "focus-visible"];

package/dist/types/helpers/dialog/vega-dialog-controller.d.ts

@@ -1,5 +1,6 @@
 import { VegaDialogAction, VegaDialogActionButtonProps } from '../../components/vega-dialog/types';
 import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
+import { Discriminated } from '../discriminator/discriminated';
 export declare type VegaDialogOption = {
   title?: string;
   content?: string;
@@ -13,7 +14,8 @@ export declare type VegaDialogOption = {
 /**
  * The dialog controller
  */
-declare class VegaDialogController {
+export declare class VegaDialogController extends Discriminated {
+  static readonly typeName: string;
   protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   /**
    *
@@ -26,4 +28,3 @@ declare class VegaDialogController {
   open(options: VegaDialogOption): HTMLVegaDialogElement;
 }
 export declare const VegaDialog: VegaDialogController;
-export {};

package/dist/types/helpers/discriminator/discriminated.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Discriminated — packager-safe class-name discriminator.
+ *
+ * ## Problem
+ *
+ * Vega public helper / controller runtime metrics need a stable class-name
+ * identifier for telemetry. When Stencil packages the compiled JS, class
+ * names can be minified, so `this.constructor.name` or `SomeClass.typeName` may
+ * no longer return the original class name (see VP-857). This breaks
+ * runtime-metrics slimmer registrations that rely on `constructor.name`.
+ *
+ * ## Solution
+ *
+ * Any class that needs a packager-safe identifier extends
+ * {@link Discriminated} and explicitly declares two members whose string
+ * literals match the class name:
+ *
+ * ```ts
+ * class VegaZIndexManager extends Discriminated {
+ *     static readonly typeName: string =  'VegaZIndexManager';
+ *     readonly typeName: string = 'VegaZIndexManager';
+ *     // ...
+ * }
+ *
+ * createPublicAPIRuntimeMetricsSlimmer<VegaZIndexManager>(
+ *     VegaZIndexManager,
+ *     ['overrideZIndexBasicValues'],
+ *     ZIndexManagerRuntimeMetricsPayloadDefinition,
+ *     VegaZIndexManager.typeName,
+ * );
+ * ```
+ *
+ * The presence of both members and the literal-equals-class-name invariant
+ * are enforced by the ESLint rule
+ * `@globalpayments/vega-eslint/vega-mandatory-discriminated-typename`
+ * (auto-fixable), which also catches drift after rename refactors.
+ *
+ * ### Why both instance and static?
+ *
+ * Some call sites read `instance.typeName` (they already hold the object);
+ * others read `SomeClass.typeName` (they only hold the class reference at
+ * registration time). Declaring both keeps every call site clean.
+ */
+/**
+ * Root class for public helper / controller classes that need a stable
+ * runtime name. Concrete subclasses MUST declare a static `typeName` string
+ * literal equal to their own class name. The inherited instance getter exposes
+ * that same value through `instance.typeName`.
+ */
+export declare abstract class Discriminated {
+  /**
+   * Class-level discriminator. Concrete subclasses provide a packager-safe
+   * string literal instead of relying on `constructor.name`.
+   */
+  static readonly typeName: string;
+  /**
+   * Instance-level discriminator resolved from the subclass constructor's
+   * static `typeName` value.
+   *
+   * @returns {string} The subclass class-name string literal.
+   */
+  get typeName(): string;
+}
+/**
+ * Type guard for narrowing a `Discriminated` value to a specific concrete
+ * class by its `typeName`.
+ *
+ * @param {unknown} value The value to test.
+ * @param {string} typeName The expected type name. Prefer passing
+ *   `SomeClass.typeName` over a bare string so a rename refactor updates
+ *   every call site.
+ * @returns {boolean} True when the value is a `Discriminated` whose
+ *   `typeName` matches.
+ */
+export declare function isDiscriminatedType<T extends Discriminated>(value: unknown, typeName: string): value is T;

package/dist/types/helpers/event-manager/event-id/vega-event-id.d.ts

@@ -109,3 +109,4 @@ export declare const VegaNativeInputChange: VegaEventID;
 export declare const VegaSourceCodeChange: VegaEventID;
 export declare const VegaEventEdit: VegaEventID;
 export declare const VegaAdditionalLinkClick: VegaEventID;
+export declare const VegaEventDelete: VegaEventID;

package/dist/types/helpers/event-manager/vega-event-manager.d.ts

@@ -3,11 +3,13 @@ import { Nullable } from '../../types/general';
 import { VegaEventID } from './event-id/vega-event-id';
 import { VegaComponentName } from '../../types/ui.type';
 import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
+import { Discriminated } from '../discriminator/discriminated';
 /**
  * The VegaEventManager class provides methods for setting and retrieving event semantics configuration,
  * as well as getting the corresponding native event name for a given event.
  */
-declare class VegaEventManager {
+declare class VegaEventManager extends Discriminated {
+  static readonly typeName: string;
   protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   /**
    * The function sets the semantics configuration for event management.

package/dist/types/helpers/icon/icon-manager.d.ts

@@ -1,10 +1,12 @@
 import { Nullable } from '../../types/general';
 import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
 import { IconPayload } from './interface';
+import { Discriminated } from '../discriminator/discriminated';
 /**
  * Internal icon manager controller.
  */
-declare class IconManager {
+declare class IconManager extends Discriminated {
+  static readonly typeName: string;
   protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   private icons;
   /**

package/dist/types/helpers/loading-indicator/vega-loader-controller.d.ts

@@ -1,10 +1,12 @@
 import { VegaLoaderOptions } from './vega-loader';
 import { Nullable } from '../../types/general';
 import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
+import { Discriminated } from '../discriminator/discriminated';
 /**
  * Vega loader controller to control the loading indicator
  */
-declare class VegaLoaderController {
+declare class VegaLoaderController extends Discriminated {
+  static readonly typeName: string;
   private static readonly SPECIAL_ELEMENT_TO_WRAP_FULL_BODY;
   protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   /**

package/dist/types/helpers/notify/vega-notify-controller.d.ts

@@ -1,10 +1,12 @@
 import { VegaNotifyOption } from './vega-notify';
 import { PageResizeObserverSlimmer } from '../slimmers/page-resize-observer-slimmer';
 import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
+import { Discriminated } from '../discriminator/discriminated';
 /**
  * The page notification controller
  */
-declare class VegaNotifyController {
+declare class VegaNotifyController extends Discriminated {
+  static readonly typeName: string;
   protected readonly resizeObserverSlimmer: PageResizeObserverSlimmer;
   protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   private container;

package/dist/types/helpers/skeleton-loader/vega-skeleton-loader-controller.d.ts

@@ -1,9 +1,11 @@
 import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
 import { VegaSkeletonLoaderConfig } from './interface';
+import { Discriminated } from '../discriminator/discriminated';
 /**
  * Vega Skeleton Loader Controller to show skeletons in the target elements
  */
-declare class VegaSkeletonLoaderController {
+declare class VegaSkeletonLoaderController extends Discriminated {
+  static readonly typeName: string;
   private static readonly LOADER_DATA_SET_KEY;
   protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   private loaderMap;

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

@@ -14,4 +14,4 @@ import { VegaPublicAPIRuntimeMetricsSlimmerBase } from './public-api-runtime-met
  * @param {string} [publicAPIName] - Stable public API name to emit in telemetry.
  * @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[], publicAPIName?: string): VegaPublicAPIRuntimeMetricsSlimmerBase;
+export declare function createPublicAPIRuntimeMetricsSlimmer<T>(mapFromClass: ClassPrototype<T>, watchMethodNames: MethodKeysOf<T>[], initData: unknown[], publicAPIName: string): VegaPublicAPIRuntimeMetricsSlimmerBase;

package/dist/types/helpers/theme/theme-manager.d.ts

@@ -2,10 +2,12 @@ import { BrandOptions, VegaThemeOverrideColors } from './theme';
 import type { ActionColorAccessibilityResult } from './controllers/action-color-accessibility-validator';
 import './controllers/dark-mode-style-controller';
 import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
+import { Discriminated } from '../discriminator/discriminated';
 /**
  * Vega components theme manager
  */
-declare class ThemeManager {
+declare class ThemeManager extends Discriminated {
+  static readonly typeName: string;
   protected vegaPublicAPIRuntimeMetricsSlimmer: VegaPublicAPIRuntimeMetricsSlimmerBase;
   /**
    * It takes the colors you passed in, parses them into the correct format, and then applies them to the theme.