@globalpayments/vega 2.25.0 → 2.27.0

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

@@ -12,7 +12,7 @@ import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-ob
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaSelectionChipGroupSelectType } from './vega-selection-chip-group/interface';
 /**
- * @version 2.22.0
+ * @vegaVersion 2.22.0
  */
 export declare class VegaSelectionChip {
   protected readonly globalSlimmers: GlobalSlimmers;
@@ -35,32 +35,32 @@ export declare class VegaSelectionChip {
    * It provides descriptive text that helps identify
    *    the purpose of the selection chip.
    *
-   * @version 2.22.0
+   * @vegaVersion 2.22.0
    */
   label: string;
   /**
    * Specifies the size of the selection chip.
    *
-   * @version 2.22.0
+   * @vegaVersion 2.22.0
    */
   size: ResponsiveType<VegaSelectionChipSize>;
   watchSize(): void;
   /**
    * Determines the rendering style for the selection chip.
    *
-   * @version 2.22.0
+   * @vegaVersion 2.22.0
    */
   variant: VegaSelectionChipVariant;
   /**
    * Indicates if the selection chip is disabled.
    *
-   * @version 2.22.0
+   * @vegaVersion 2.22.0
    */
   disabled: boolean;
   /**
    * Determines if the selection chip is checked.
    *
-   * @version 2.22.0
+   * @vegaVersion 2.22.0
    */
   checked: boolean;
   /**
@@ -68,7 +68,7 @@ export declare class VegaSelectionChip {
    * This property controls how the chip is presented
    *    in relation to surrounding elements.
    *
-   * @version 2.22.0
+   * @vegaVersion 2.22.0
    */
   block: boolean;
   /**
@@ -77,7 +77,7 @@ export declare class VegaSelectionChip {
    * This provides additional context or information about the chip's
    *    functionality or reason for being disabled.
    *
-   * @version 2.22.0
+   * @vegaVersion 2.22.0
    */
   disabledTooltip: VegaSelectionChipTooltipProps;
   /**
@@ -86,20 +86,20 @@ export declare class VegaSelectionChip {
    *    background color token,
    *    which customizes the chip appearance.
    *
-   * @version 2.22.0
+   * @vegaVersion 2.22.0
    */
   swatchColor: BackgroundColorsTokenType;
   /**
    * Stores the value associated with the selection chip
    *    when it is checked or unchecked.
-   * @version 2.22.0
+   * @vegaVersion 2.22.0
    */
   value: string;
   /**
    * An event emitter notifying changes in the value of the selection chip,
    *    whether triggered programmatically or through user interaction.
    *
-   * @version 2.22.0
+   * @vegaVersion 2.22.0
    */
   vegaChange: EventEmitter<string>;
   /**
@@ -107,7 +107,7 @@ export declare class VegaSelectionChip {
    *    whether triggered programmatically or through user interaction.
    *
    * @eventSemantics namespace:native
-   * @version 2.22.0
+   * @vegaVersion 2.22.0
    */
   change: EventEmitter<string>;
   componentWillRender(): void;

package/dist/types/components/vega-selection-tile/vega-selection-tile-group/vega-selection-tile-group.d.ts

@@ -11,7 +11,7 @@ import { VegaSelectionTileGroupItemsController } from './slimmers/controllers/ve
 import { FormFieldValidationRule } from '../../../helpers/validator/rules/form-field-validation-rule';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 2.7.0
+ * @vegaVersion 2.7.0
  */
 export declare class VegaSelectionTileGroup {
   protected readonly globalSlimmers: GlobalSlimmers;
@@ -32,7 +32,7 @@ export declare class VegaSelectionTileGroup {
    *    It provides descriptive text that helps identify
    *    the purpose of the selection tile group.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   label: string;
   /**
@@ -40,7 +40,7 @@ export declare class VegaSelectionTileGroup {
    *    assists users in selecting the appropriate
    *    value for the selection tile group.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   hint: string;
   /**
@@ -51,7 +51,7 @@ export declare class VegaSelectionTileGroup {
    * - `checkbox`:
    *      Displays a checkbox for selection.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   selectType: 'radio' | 'checkbox';
   watchSelectType(): void;
@@ -59,7 +59,7 @@ export declare class VegaSelectionTileGroup {
    * Stores the selected values of the nested selection tiles
    *    within the selection tile group.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   value: string | string[];
   watchValue(): void;
@@ -67,7 +67,7 @@ export declare class VegaSelectionTileGroup {
    * Controls the layout of the nested selection tiles
    *    within the selection tile group.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   layout: 'vertical' | 'horizontal';
   /**
@@ -75,34 +75,34 @@ export declare class VegaSelectionTileGroup {
    *    selection tile group must be checked to pass
    *    form validation.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   required: boolean;
   /**
    * Indicates if the selection tile group is disabled.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   disabled: boolean;
   watchDisabled(): void;
   /**
    * Defines custom validation rules for the selection tile group field.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   validationRules: FormFieldValidationRule<unknown>[];
   watchValidationRules(): void;
   /**
    * Sets the validation status for the selection tile group.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   isValid: boolean;
   /**
    * An event emitter notifying changes in the value of the selection tile group,
    *    whether triggered programmatically or through user interaction.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   vegaChange: EventEmitter<string>;
   /**
@@ -110,7 +110,7 @@ export declare class VegaSelectionTileGroup {
    *    whether triggered programmatically or through user interaction.
    *
    * @eventSemantics namespace:native
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   change: EventEmitter<string>;
   render(): VegaSelectionTileGroup;

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

@@ -9,7 +9,7 @@ import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimm
 import { ChildNodesNotifyObserverSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-notify-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 2.7.0
+ * @vegaVersion 2.7.0
  */
 export declare class VegaSelectionTile {
   protected readonly globalSlimmers: GlobalSlimmers;
@@ -31,32 +31,32 @@ export declare class VegaSelectionTile {
    * Specifies the text content of the title displayed
    *    within the selection tile.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   titleText: string;
   /**
    * Specifies the text content of the note displayed
    *    within the selection tile.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   note: string;
   /**
    * Specifies the prefix icon displayed within the selection tile.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   prefixIcon: string;
   /**
    * Determines if the selection tile is disabled.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   disabled: boolean;
   /**
    * Determines if the selection tile is checked.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   checked: boolean;
   /**
@@ -67,21 +67,21 @@ export declare class VegaSelectionTile {
    * - `checkbox`:
    *      Displays a checkbox for selection.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   selectType: 'radio' | 'checkbox';
   /**
    * Determines the value that is associated with the selection-tile
    *    when it is checked or unchecked.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   value: string;
   /**
    * An event emitter notifying changes in the value of the selection tile,
    *    whether triggered programmatically or through user interaction.
    *
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   vegaChange: EventEmitter<string>;
   /**
@@ -89,7 +89,7 @@ export declare class VegaSelectionTile {
    *    whether triggered programmatically or through user interaction.
    *
    * @eventSemantics namespace:native
-   * @version 2.7.0
+   * @vegaVersion 2.7.0
    */
   change: EventEmitter<string>;
   render(): VegaSelectionTile;

package/dist/types/components/vega-signature-capture/slimmers/written-mode/renderers/written-mode-renderer.d.ts

@@ -11,6 +11,7 @@ export declare class WrittenModeRenderer extends VegaSlimmer {
   isDrawing: VegaSignatureCapture['isDrawing'];
   height: VegaSignatureCapture['height'];
   writtenModeSvgController: VegaSignatureCapture['writtenModeSvgController'];
+  protected translationSlimmer: VegaSignatureCapture['translationSlimmer'];
   private signatureCaptureContainerRef;
   getSignatureCaptureContainer(): HTMLElement;
   render(): HTMLElement;

package/dist/types/components/vega-signature-capture/vega-signature-capture.d.ts

@@ -11,11 +11,13 @@ import { FormFieldValidationRule } from '../../helpers/validator/rules/form-fiel
 import { HeightType, ResponsiveType } from '../../types/ui.type';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { BreakpointsTokenType } from '../../types/design-token.type';
+import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 /**
- * @version 2.19.0
+ * @vegaVersion 2.19.0
  */
 export declare class VegaSignatureCapture {
   protected readonly globalSlimmers: GlobalSlimmers;
+  protected translationSlimmer: TranslationSlimmer<HTMLVegaSignatureCaptureElement>;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaSignatureCaptureElement>;
   protected readonly vegaSignatureCaptureRenderer: VegaSignatureCaptureRenderer;
   protected readonly writtenModeRenderer: WrittenModeRenderer;
@@ -32,7 +34,7 @@ export declare class VegaSignatureCapture {
   /**
    * Specifies the mode of the signature capture
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   mode: VegaSignatureCaptureMode;
   /**
@@ -41,19 +43,19 @@ export declare class VegaSignatureCapture {
    * It provides descriptive text that helps identify the
    *    purpose or content expected in the signature capture.
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   label: string;
   /**
    * Determines whether the signature capture field is required.
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   required: boolean;
   /**
    * Determines whether the clear button is displayed.
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   showClearBtn: boolean;
   /**
@@ -62,7 +64,7 @@ export declare class VegaSignatureCapture {
    *
    * It indicates the expected format or pattern of the signature capture.
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   placeholder: string;
   /**
@@ -70,19 +72,19 @@ export declare class VegaSignatureCapture {
    *    providing visual context or enhancing the aesthetic appearance
    *    of the signature capture.
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   placeholderIcon: string;
   /**
    * Specifies whether the signature capture is disabled.
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   disabled: boolean;
   /**
    * Specifies the value of the signature capture
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   value: VegaSignatureValue | null;
   watchValue(newValue: VegaSignatureValue, oldValue: VegaSignatureValue): void;
@@ -90,46 +92,46 @@ export declare class VegaSignatureCapture {
    * Indicates whether the current value in the field is considered valid or
    *    invalid based on the defined validation rules.
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   isValid: boolean | null;
   /**
    * Determines whether the signature capture field should undergo automatic validation
    *    during the user's sign.
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   autoValidation: boolean;
   /**
    * Defines custom validation rules for the signature capture field.
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   validationRules: FormFieldValidationRule<unknown>[];
   watchValidationRules(): void;
   /**
    * Defines the height of the signature capture field.
    *
-   * @version 2.20.0
+   * @vegaVersion 2.20.0
    */
   height: ResponsiveType<HeightType>;
   /**
    * An event emitter notifying a value change.
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   vegaChange: EventEmitter<VegaSignatureValue>;
   /**
    * An event emitter notifying a value change.
    *
    * @eventSemantics namespace:native
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   change: EventEmitter<VegaSignatureValue>;
   /**
    * Invoke this method to clear the signature
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   clear(): Promise<void>;
   render(): VegaSignatureCapture;

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

@@ -10,7 +10,7 @@ import { VegaSkeletonEllipseRenderer } from './slimmers/renderers/vega-skeleton-
 import { HeightType, WidthType } from '../../types/ui.type';
 import { VegaSkeletonType } from './interface';
 /**
- * @version 2.15.0
+ * @vegaVersion 2.15.0
  */
 export declare class VegaSkeleton {
   protected readonly globalSlimmers: GlobalSlimmers;
@@ -26,26 +26,26 @@ export declare class VegaSkeleton {
   /**
    * Specifies the type of the skeleton.
    *
-   * @version 2.15.0
+   * @vegaVersion 2.15.0
    */
   type: VegaSkeletonType;
   /**
    * Specifies the width of the skeleton.
    *
-   * @version 2.15.0
+   * @vegaVersion 2.15.0
    */
   width: WidthType;
   /**
    * Specifies the height of the skeleton.
    * - This property is applicable only when {@link type} is set to is `image` or `ellipse`.
    *
-   * @version 2.15.0
+   * @vegaVersion 2.15.0
    */
   height: HeightType;
   /**
    * Indicates whether the skeleton displays an animation effect.
    *
-   * @version 2.15.0
+   * @vegaVersion 2.15.0
    */
   animated: boolean;
   render(): VegaSkeleton;

package/dist/types/components/vega-slot-container/vega-slot-container.d.ts

@@ -1,7 +1,7 @@
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.47.0
+ * @vegaVersion 1.47.0
  */
 export declare class VegaSlotContainer {
   protected readonly globalSlimmers: GlobalSlimmers;

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

@@ -5,7 +5,7 @@ import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimm
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.0.5
+ * @vegaVersion 1.0.5
  */
 export declare class VegaStepper {
   protected readonly globalSlimmers: GlobalSlimmers;
@@ -19,27 +19,27 @@ export declare class VegaStepper {
   /**
    * Specifies the unique identifier for the stepper component.
    *
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   stepperId: string;
   /**
    * Defines the upper limit or maximum value that can be
    *    incremented within the stepper component.
    *
-   * @version 1.0.5
+   * @vegaVersion 1.0.5
    */
   max: number;
   /**
    * Defines the lower limit or minimum value that can be
    *    decremented within the stepper component.
    *
-   * @version 1.0.5
+   * @vegaVersion 1.0.5
    */
   min: number;
   /**
    * Defines the initial or current value of the stepper component.
    *
-   * @version 1.0.5
+   * @vegaVersion 1.0.5
    */
   value: number;
   /**
@@ -51,7 +51,7 @@ export declare class VegaStepper {
    * Provides a descriptive text or string that serves
    *    as the label or title for the stepper component.
    *
-   * @version 1.0.5
+   * @vegaVersion 1.0.5
    */
   label: string;
   /**
@@ -59,45 +59,45 @@ export declare class VegaStepper {
    *    stepper component is disabled. The increment and
    *    decrement buttons are unaffected by this setting.
    *
-   * @version 1.31.0
+   * @vegaVersion 1.31.0
    */
   inputDisabled: boolean;
   /**
    * Specifies whether the stepper component is disabled.
    *
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   disabled: boolean;
   /**
    * Specifies the validation status of the stepper component.
    *
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   isValid: boolean;
   /**
    * Determines whether automatic validation should be
    *    implemented for the stepper component.
    *
-   * @version 1.18.0
+   * @vegaVersion 1.18.0
    */
   autoValidation: boolean;
   /**
    * Specifies the style variant for the stepper buttons.
    *
-   * @version 1.19.0
+   * @vegaVersion 1.19.0
    */
   buttonVariant: 'primary' | 'secondary';
   /**
    * An event emitter notifying changes in the value of the stepper component.
    *
-   * @version 1.0.8
+   * @vegaVersion 1.0.8
    */
   vegaChange: EventEmitter<number>;
   /**
    * An event emitter notifying changes in the value of the stepper component.
    *
    * @eventSemantics namespace:native
-   * @version 2.0.0
+   * @vegaVersion 2.0.0
    */
   change: EventEmitter<number>;
   render(): VegaStepper;

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

@@ -2,7 +2,9 @@ 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 currentPageIndex;
   private UPDATE_ANIMATION_FLAG_DELAY;
+  private goToPageTaskQueue;
   /**
    * The normal flow:
    * page index change
@@ -28,14 +30,17 @@ export declare class VegaTabGroupSliderStateController extends VegaSlimmer {
    * Add a num records carousel action time, validate the num if want know the state
    */
   private pendingCarouselActionCount;
+  /**
+   * goToPage method should be called after the carousel re-render which waiting for the carousel to render all pages,
+   *    otherwise it may not jump to the current page.
+   */
+  componentDidRender(): Promise<void>;
   /**
    * update the page index when component call watchCurrentPageIndexChange method
    *
    *  {@link VegaTabGroup#watchCurrentPageIndexChange}
-   *
-   * @param {number} newIndex the page index
    */
-  handlePageIndexChange(newIndex: number): Promise<void>;
+  handlePageIndexChange(): Promise<void>;
   /**
    * The function isAnimationInProgress() returns a boolean value indicating whether there is a pending animation for a tab.
    *

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

@@ -20,5 +20,7 @@ export declare class VegaTabGroupTabListRenderer extends VegaSlimmer {
   private renderTabList;
   private renderPrefixIconDom;
   private renderTabLabelDom;
+  private renderCounterBadgeDom;
+  private getCounterBadgeClassByCount;
   private handleTabItemClick;
 }

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

@@ -1,7 +1,10 @@
+import { VegaComponentInterface } from '../../types/ui.type';
+
 export type TabConfig = {
 	label: string;
 	dataTarget: string;
 	prefixIcon?: string;
+	counterBadge?: VegaTabGroupCounterBadgeProps;
 };
 
 export type PanelUpdatePayload = {
@@ -10,3 +13,7 @@ export type PanelUpdatePayload = {
 };
 
 export type TabGroupVariant = 'primary' | 'secondary';
+
+export type VegaTabGroupCounterBadgeProps = Partial<
+	Pick<VegaComponentInterface<HTMLVegaCounterBadgeElement>, 'color' | 'count'>
+>;

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

@@ -2,7 +2,7 @@ import { ChildNodesEventPreventSlimmer } from '../../../helpers/event-manager/sl
 import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.26.0
+ * @vegaVersion 1.26.0
  */
 export declare class VegaTabGroupPanel {
   protected readonly globalSlimmers: GlobalSlimmers;
@@ -12,7 +12,7 @@ export declare class VegaTabGroupPanel {
   /**
    * Controls the visibility of the tab panel within the tab group.
    *
-   * @version 1.26.0
+   * @vegaVersion 1.26.0
    */
   isActive: boolean;
   /**