@globalpayments/vega 2.36.0 → 2.37.0

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

@@ -1,10 +1,5 @@
-import { VegaComponentInterface } from '../../types/ui.type';
-
 export type VegaDialogActionButtonProps = Partial<
-	Pick<
-		VegaComponentInterface<HTMLVegaButtonElement>,
-		'variant' | 'size' | 'icon' | 'iconAlign' | 'label' | 'disabled'
-	>
+	Pick<HTMLVegaButtonElement, 'variant' | 'size' | 'icon' | 'iconAlign' | 'label' | 'disabled'>
 >;
 
 /**

package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-scrollable-controller.d.ts

@@ -18,6 +18,10 @@ export declare class VegaDropdownScrollableController extends VegaSlimmer {
    * if the dropdown is shown in a certain render mode.
    */
   watchIsDropdownShow(): Promise<void>;
+  /**
+   * Listen scrolling of dropdown content
+   */
+  onScroll: () => void;
   /**
    * The function scrollToSelected asynchronously scrolls to a selected index based on the render mode.
    */

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

@@ -11,6 +11,7 @@ export declare class VegaDropdownListRenderer extends VegaSlimmer {
   isLazyLoading: VegaDropdown['isLazyLoading'];
   isDropdownShow: VegaDropdown['isDropdownShow'];
   renderModeController: VegaDropdown['renderModeController'];
+  scrollableController: VegaDropdown['scrollableController'];
   translationSlimmer: VegaDropdown['translationSlimmer'];
   private virtualScrollRef;
   private templateContainerRef;

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

@@ -74,6 +74,7 @@ export declare class VegaFlex {
    * Specifies how the box adjusts its size, growth, and alignment within a flex container.
    *
    * @vegaVersion 2.26.0
+   * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex
    */
   flex: ResponsiveType<FlexType>;
   /**
@@ -81,18 +82,21 @@ export declare class VegaFlex {
    *    width or height in a flex container.
    *
    * @vegaVersion 2.26.0
+   * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
    */
   flexBasis: ResponsiveType<FlexBasisType>;
   /**
    * Specifies how the box grows to fill available space in a flex container.
    *
    * @vegaVersion 2.26.0
+   * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
    */
   flexGrow: ResponsiveType<FlexGrowType>;
   /**
    * Specifies how much the box shrinks to fit within a flex container.
    *
    * @vegaVersion 2.26.0
+   * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
    */
   flexShrink: ResponsiveType<FlexShrinkType>;
   /**

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

@@ -230,7 +230,7 @@ export declare class VegaInput {
    * For the ComponentLoadRequired, the test can not be added in e2e at now, we will add it while have better solution,
    * releated issue: https://gitlab.com/heartland1/vega/tiger/-/issues/646
    */
-  watchMaskChange(): void;
+  watchMaskChange(newValue: MaskConfigType | MaskConfigType[], oldValue: MaskConfigType | MaskConfigType[]): void;
   /**
    * Controls whether copying or pasting is enabled for the input.
    *

package/dist/types/components/vega-input-select/types.d.ts

@@ -1,5 +1,3 @@
-import { VegaComponentInterface } from '../../types/ui.type';
-
 export type SelectSourceItem = {
 	id: string;
 	displayName: string;
@@ -9,7 +7,7 @@ export type SelectedLabelType = (value: string[]) => string;
 
 export type VegaDropdownPropsForSelect = Partial<
 	Pick<
-		VegaComponentInterface<HTMLVegaDropdownElement>,
+		HTMLVegaDropdownElement,
 		| 'positionRelativeTo'
 		| 'maxHeight'
 		| 'matchContainerHeight'

package/dist/types/components/vega-input-select/vega-input-select.d.ts

@@ -148,7 +148,7 @@ export declare class VegaInputSelect {
    */
   hint: string;
   /**
-   * Provides partial properties for the dropdown component used
+   * Provides partial properties for the `vega-dropdown` component used
    *    in the input select element.
    *
    * You can specify custom properties and their corresponding values as needed.

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-backdrop-controller.d.ts

@@ -0,0 +1,26 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+/**
+ * Modal backdrop controller
+ */
+export declare class VegaModalBackdropController extends VegaSlimmer {
+  private static readonly backdropColorMap;
+  host: VegaModal['host'];
+  backdrop: VegaModal['backdrop'];
+  backdropColor: VegaModal['backdropColor'];
+  private backdropRef;
+  /**
+   * Get the backdropRef element or null.
+   *
+   * @returns {HTMLElement | null} - The backdropRef.
+   */
+  getBackdropRef(): HTMLElement | null;
+  /**
+   * Set backdrop of modal.
+   */
+  setBackdrop(): void;
+  /**
+   * Removes the backdrop element if it exists.
+   */
+  removeBackdrop(): void;
+}

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-layout-controller.d.ts

@@ -0,0 +1,38 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+import { PageResizeObserverSlimmer } from '../../../../helpers/slimmers/page-resize-observer-slimmer';
+/**
+ * Modal layout controller
+ */
+export declare class VegaModalLayoutController extends VegaSlimmer {
+  host: VegaModal['host'];
+  contentMaxHeight: VegaModal['contentMaxHeight'];
+  size: VegaModal['size'];
+  renderer: VegaModal['renderer'];
+  protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
+  private isModalWidthSet;
+  /**
+   * Component lifecycle - [connectedCallback]
+   */
+  componentDidLoad(): void;
+  /**
+   * Listen watch size method to be called
+   */
+  watchSize(): void;
+  /**
+   * Set width of modal.
+   *
+   * @param {'initialize' | 'update'} flag - Is trigger by
+   */
+  setModalWidth(flag?: 'initialize' | 'update'): void;
+  /**
+   * Set max height of modal content.
+   */
+  private setContentMaxHeight;
+  /**
+   * Get size of modal.
+   *
+   * @returns {number | string} - Modal size.
+   */
+  private getModalSize;
+}

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-mobile-controller.d.ts

@@ -0,0 +1,27 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+/**
+ * Modal mobile controller
+ */
+export declare class VegaModalMobileController extends VegaSlimmer {
+  host: VegaModal['host'];
+  backdrop: VegaModal['backdrop'];
+  private touchStartY;
+  /**
+   * Component lifecycle - [connectedCallback]
+   */
+  componentDidLoad(): void;
+  /**
+   * There are two situations in modal scrolling:
+   * 1. Scrolls the non-modal content part in vega-modal (e.g. backdrop, modal dialog).
+   * 2. Scrolls the modal content (if scrollable) in vega-modal.
+   * On the mobile side, we need to prevent scrolling in the area outside the modal content.
+   *
+   * TODO: If the modal content is too long, a scroll bar will appear and the body cannot be scrolled,
+   * but on the IOS side, the body content of the scrolling modal will occasionally appear scrolling.
+   * This problem is reproduced on the following websites, and there is no solution yet.
+   * https://v5.bootcss.com/docs/components/modal/
+   * https://mui.com/material-ui/react-dialog/
+   */
+  private disableBackdropTouchMove;
+}

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-open-state-controller.d.ts

@@ -0,0 +1,65 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+/**
+ * Modal open state controller
+ */
+export declare class VegaModalOpenStateController extends VegaSlimmer {
+  host: VegaModal['host'];
+  open: VegaModal['open'];
+  backdrop: VegaModal['backdrop'];
+  handleClose: VegaModal['handleClose'];
+  closeEventEmitter: VegaModal['closeEventEmitter'];
+  openEventEmitter: VegaModal['openEventEmitter'];
+  layoutController: VegaModal['layoutController'];
+  backdropController: VegaModal['backdropController'];
+  openedModalStackController: VegaModal['openedModalStackController'];
+  zIndexController: VegaModal['zIndexController'];
+  /**
+   * Component lifecycle - [componentDidLoad]
+   */
+  componentDidLoad(): void;
+  /**
+   * Toggle modal while open property changed.
+   */
+  watchOpen(): void;
+  /**
+   * Listen the target element clicked has a `data-target='modal'` attribute and open the modal if it does.
+   *
+   * @param {MouseEvent} e - Open modal event.
+   */
+  listenDataTarget(e: MouseEvent): void;
+  /**
+   * Listen the target element clicked has a `data-dismiss='modal'` attribute and closes the modal if it does.
+   *
+   * @param {MouseEvent} e - Close modal event.
+   */
+  listenDataDismiss(e: MouseEvent): void;
+  /**
+   * Listen modal close event and close modal.
+   *
+   * @param {MouseEvent} e - Close modal event.
+   */
+  onModalClose: (e: MouseEvent) => void;
+  /**
+   * Manages the visibility and behavior of a modal by updating various properties
+   * and emitting an event.
+   */
+  private toggle;
+  /**
+   * Toggles the display property of a modal element between 'flex' and
+   * 'none' based on the value of the `open` property.
+   */
+  private setModalVisibility;
+  /**
+   * Emits either an open or close event based on the value of the `open` property.
+   */
+  private emitEvent;
+  /**
+   * In desktop, we should add 'overflow: hidden' to the body to prevent the body scroll.
+   */
+  private updateDocumentRootOverflow;
+  /**
+   * Removes the backdrop element if no modals are currently visible.
+   */
+  private removeBackdropWhileNoModalShow;
+}

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-opened-modal-stack-controller.d.ts

@@ -0,0 +1,30 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+import { Nullable } from '../../../../types/general';
+/**
+ * Opened modal stack controller
+ */
+export declare class VegaModalOpenedModalStackController extends VegaSlimmer {
+  private static openedModalStack;
+  host: VegaModal['host'];
+  /**
+   * Adds the current host element to an array in a modal toggle controller.
+   */
+  push(): void;
+  /**
+   * Removes the current modal from the opened modal stack.
+   */
+  remove(): void;
+  /**
+   * Get visible modal length.
+   *
+   * @returns {number} - Visible modal length.
+   */
+  length(): number;
+  /**
+   * Returns the previous HTMLVegaModalElement from the openedModalStack if it exists.
+   *
+   * @returns {Nullable<HTMLElement>} - The previous HTMLVegaModalElement.
+   */
+  peek(): Nullable<HTMLVegaModalElement>;
+}

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-scroll-controller.d.ts

@@ -0,0 +1,28 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+/**
+ * Modal scroll controller
+ */
+export declare class VegaModalScrollController extends VegaSlimmer {
+  host: VegaModal['host'];
+  contentMaxHeight: VegaModal['contentMaxHeight'];
+  renderer: VegaModal['renderer'];
+  /**
+   * Component lifecycle - [connectedCallback]
+   */
+  componentDidLoad(): void;
+  /**
+   * Is modal content scrollable.
+   *
+   * @returns {boolean} - Is scrollable.
+   */
+  private isContentScrollable;
+  /**
+   * Listen content scroll
+   */
+  private listenContentScroll;
+  /**
+   * Notifies the `ChangeManager` about scrolling in a specific element within a shadow root.
+   */
+  private notifyContentScrolling;
+}

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-z-index-controller.d.ts

@@ -0,0 +1,15 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+/**
+ * Modal z-index controller
+ */
+export declare class VegaModalZIndexController extends VegaSlimmer {
+  host: VegaModal['host'];
+  open: VegaModal['open'];
+  backdropController: VegaModal['backdropController'];
+  openedModalStackController: VegaModal['openedModalStackController'];
+  /**
+   * Manages the z-index of modal elements based on their visibility status.
+   */
+  setModalZIndex(): void;
+}

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

@@ -0,0 +1,33 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+/**
+ * Modal renderer
+ */
+export declare class VegaModalRenderer extends VegaSlimmer {
+  host: VegaModal['host'];
+  animation: VegaModal['animation'];
+  open: VegaModal['open'];
+  padding: VegaModal['padding'];
+  showCloseButton: VegaModal['showCloseButton'];
+  modalTitle: VegaModal['modalTitle'];
+  contentMaxHeight: VegaModal['contentMaxHeight'];
+  handleClose: VegaModal['handleClose'];
+  deprecatedPropertySlimmer: VegaModal['deprecatedPropertySlimmer'];
+  openStateController: VegaModal['openStateController'];
+  private modalContent;
+  private modalFooter;
+  private modalContainer;
+  getModalContentRef(): HTMLElement | null;
+  getModalFooterRef(): HTMLElement | null;
+  getModalContainerRef(): HTMLElement | null;
+  render(): VegaModal;
+  private renderContainer;
+  private renderHeader;
+  private renderContent;
+  private renderFooter;
+  private renderTitle;
+  private renderCloseBtn;
+  private hasModalFooter;
+  private isContentScrollable;
+  private hasModalTitle;
+}

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

@@ -3,38 +3,40 @@ import { PaddingType, ResponsiveType, SizeType } from '../../types/ui.type';
 import { BreakpointsTokenType } from '../../types/design-token.type';
 import { VegaModalBackdrop, VegaModalBackdropColor } from './types';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
-import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { ComponentGlobalStyleSlimmer } from '../../helpers/slimmers/component-global-style-slimmer';
 import { DeprecatedPropertySlimmerBase } from '../../helpers/slimmers/deprecated-property-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaNestedModalController } from './slimmers/controllers/vega-nested-modal-controller';
+import { VegaModalRenderer } from './slimmers/renderers/vega-modal-renderer';
+import { VegaModalLayoutController } from './slimmers/controllers/vega-modal-layout-controller';
+import { VegaModalMobileController } from './slimmers/controllers/vega-modal-mobile-controller';
+import { VegaModalScrollController } from './slimmers/controllers/vega-modal-scroll-controller';
+import { VegaModalOpenStateController } from './slimmers/controllers/vega-modal-open-state-controller';
+import { VegaModalBackdropController } from './slimmers/controllers/vega-modal-backdrop-controller';
+import { VegaModalOpenedModalStackController } from './slimmers/controllers/vega-modal-opened-modal-stack-controller';
+import { VegaModalZIndexController } from './slimmers/controllers/vega-modal-z-index-controller';
 /**
  * @vegaVersion 1.0.6
  */
 export declare class VegaModal {
-  private static openedModalStack;
-  private static readonly backdropColorMap;
   protected readonly globalSlimmers: GlobalSlimmers;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-resize-e2e}
-   */
-  protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
   protected readonly nestedModalController: VegaNestedModalController;
+  protected readonly openStateController: VegaModalOpenStateController;
+  protected readonly mobileController: VegaModalMobileController;
+  protected readonly scrollController: VegaModalScrollController;
+  protected readonly layoutController: VegaModalLayoutController;
+  protected readonly backdropController: VegaModalBackdropController;
+  protected readonly openedModalStackController: VegaModalOpenedModalStackController;
+  protected readonly zIndexController: VegaModalZIndexController;
+  protected readonly renderer: VegaModalRenderer;
   protected openEventEmitter: EventEmitSlimmerBase;
   protected closeEventEmitter: EventEmitSlimmerBase;
   protected childNodesEventPrevent: ChildNodesEventPreventSlimmer;
   protected readonly componentGlobalStyleSlimmer: ComponentGlobalStyleSlimmer<HTMLVegaModalElement>;
   protected readonly deprecatedPropertySlimmer: DeprecatedPropertySlimmerBase<boolean>;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaModalElement>;
-  private isModalWidthSet;
-  private touchStartY;
-  private modalContent;
-  private modalFooter;
-  private backdropRef;
-  private modalContainer;
   host: HTMLVegaModalElement;
   currentBreakpoint: BreakpointsTokenType;
   /**
@@ -175,11 +177,6 @@ export declare class VegaModal {
    */
   modalOpen: EventEmitter;
   disconnectedCallback(): void;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-resize-e2e}
-   */
-  componentDidLoad(): void;
   /**
    * Clicking on a non-static current modal should close this modal, not other modals.
    * The below method is e2e-test covered in
@@ -198,97 +195,4 @@ export declare class VegaModal {
    */
   modal(option: 'show' | 'hide'): Promise<void>;
   render(): VegaModal;
-  private renderContainer;
-  private renderHeader;
-  private renderContent;
-  private renderFooter;
-  private renderTitle;
-  private renderCloseBtn;
-  private hasModalFooter;
-  private isContentScrollable;
-  private hasModalTitle;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-content-scroll-to-bottom}
-   */
-  private listenContentScroll;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-toggle-interactive-e2e}
-   */
-  private toggle;
-  private setModalZIndex;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-default-e2e}
-   * @see{module:vega-modal-size-number-e2e}
-   * @see{module:vega-modal-size-responsive-e2e}
-   * @see{module:vega-modal-resize-e2e}
-   * While call toggle method for modal show or hide, it will call this method.
-   * but we should really update the modal width while first initialize modal, window resize and size changed.
-   * So to avoid repeated calls by toggle, we add a flag as parameter,
-   */
-  private setModalWidth;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-content-max-height-responsive-e2e}
-   */
-  private setContentMaxHeight;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-toggle-interactive-e2e}
-   */
-  private setModalVisibility;
-  private emitEvent;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-toggle-interactive-e2e}
-   */
-  private closeModal;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-default-e2e}
-   * @see{module:vega-modal-size-number-e2e}
-   * @see{module:vega-modal-size-responsive-e2e}
-   * @see{module:vega-modal-resize-e2e}
-   * @see{module:vega-modal-default-width-S-320-e2e}
-   * @see{module:vega-modal-default-width-S-600-e2e}
-   */
-  private getModalSize;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-backdrop-color-default-e2e}
-   * @see{module:vega-modal-backdrop-color-semi-e2e}
-   * @see{module:vega-modal-backdrop-color-none-e2e}
-   * @see{module:vega-modal-default-e2e}
-   */
-  private setBackdrop;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-disconnected-callback-e2e }
-   */
-  private removeBackdropWhileNoModalShow;
-  /**
-   * Get visible modal length
-   */
-  private getVisibleModalLength;
-  /**
-   * In desktop, we should add 'overflow: hidden' to the body to prevent the body scroll.
-   */
-  private updateDocumentRootOverflow;
-  private pushToModalStack;
-  private deleteFromModalStack;
-  /**
-   * There are two situations in modal scrolling:
-   * 1. Scrolls the non-modal content part in vega-modal (e.g. backdrop, modal dialog).
-   * 2. Scrolls the modal content (if scrollable) in vega-modal.
-   * On the mobile side, we need to prevent scrolling in the area outside the modal content.
-   *
-   * TODO: If the modal content is too long, a scroll bar will appear and the body cannot be scrolled,
-   * but on the IOS side, the body content of the scrolling modal will occasionally appear scrolling.
-   * This problem is reproduced on the following websites, and there is no solution yet.
-   * https://v5.bootcss.com/docs/components/modal/
-   * https://mui.com/material-ui/react-dialog/
-   */
-  private disableBackdropTouchMove;
 }

package/dist/types/components/vega-nav/vega-left-nav-link/slimmers/renderers/vega-left-nav-link-renderer.d.ts

@@ -9,6 +9,7 @@ export declare class VegaLeftNavLinkRenderer extends VegaSlimmer {
   menuClickEventEmitter: VegaLeftNavLink['menuClickEventEmitter'];
   controller: VegaLeftNavLink['controller'];
   deprecatedPropertySlimmer: VegaLeftNavLink['deprecatedPropertySlimmer'];
+  customSelectionEnabled: VegaLeftNavLink['customSelectionEnabled'];
   render(): VegaLeftNavLink;
   /**
    * The below method is e2e-test covered in

package/dist/types/components/vega-nav/vega-left-nav-link/vega-left-nav-link.d.ts

@@ -25,6 +25,12 @@ export declare class VegaLeftNavLink {
    * @vegaVersion 1.31.0
    */
   selected: boolean;
+  /**
+   * Specifies whether the link's selected state can be customized. When enabled, it prevents the default automatic selection on click, allowing users to manually control the link’s selection behavior.
+   *
+   * @vegaVersion 2.37.0
+   */
+  customSelectionEnabled: boolean;
   /** url attached to the left nav link item **
    *
    * @vegaVersion 1.31.0

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

@@ -1,7 +1,3 @@
-import { VegaComponentInterface } from '../../types/ui.type';
-
 export type VegaPaginationItemType = 'currentPageLabel' | 'pageSizeSelector' | 'pageSelector' | 'goTo';
 
-export type DropdownPropsForPagination = Partial<
-	Pick<VegaComponentInterface<HTMLVegaDropdownElement>, 'isScreenPosition'>
->;
+export type DropdownPropsForPagination = Partial<Pick<HTMLVegaDropdownElement, 'isScreenPosition'>>;

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

@@ -64,7 +64,7 @@ export declare class VegaPagination {
    */
   pageSizeSelectorOptions: number[];
   /**
-   * Specifies the properties of the vega-dropdown component
+   * Specifies the properties of the `vega-dropdown` component
    *    used to configure the dropdown for the
    *    page size selector in pagination.
    *

package/dist/types/components/vega-rich-text-editor/interface.d.ts

@@ -1,4 +1,3 @@
-import { VegaComponentInterface } from '../../types/ui.type';
 import { RTETextBlock } from './dto/blocks/text-block';
 import { JSXBase } from '../../stencil-public-runtime';
 import { RTEImageBlock } from './dto/blocks/image-block';
@@ -11,7 +10,7 @@ import { VegaRichTextImageEditorSizeType } from './vega-rich-text-image-editor/t
 
 export type ToolbarButtonConfig = {
 	icon: string;
-	tooltip: Partial<Pick<VegaComponentInterface<HTMLVegaTooltipElement>, 'text'>>;
+	tooltip: Partial<Pick<HTMLVegaTooltipElement, 'text'>>;
 };
 
 export type AnnotationStyle = JSXBase.HTMLAttributes['style'];

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

@@ -72,7 +72,7 @@ export declare class VegaSelectionChip {
    */
   block: boolean;
   /**
-   * Specifies the tooltip displayed for the selection chip
+   * Specifies the `vega-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.

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

@@ -1,10 +1,11 @@
 import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { TabConfig } from '../../../types';
 export declare class VegaTabGroupCloseButtonRenderer extends VegaSlimmer {
   private tabWidthArray;
   private showCloseButton;
   private tabItems;
   private selectedTargetController;
   private tabPagesController;
-  render(): HTMLElement;
+  render(item: TabConfig): HTMLElement;
   private onCloseTab;
 }

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

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

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

@@ -1,7 +1,10 @@
 import { VNode } from '../../stencil-public-runtime';
 import * as VegaComponents from '../../components';
 import { JSXBase } from '../../stencil-public-runtime';
-import { BreakpointsForPrefixType, VegaComponentInterface } from '../../types/ui.type';
+import { BreakpointsForPrefixType } from '../../types/ui.type';
+/**
+ * A virtual DOM node
+ */
 export declare type VegaTableNode = VNode;
 export declare type VegaTableCellNode = VegaTableNode | string | number;
 export declare type VegaTableCreateElementFunction = <T extends keyof VegaComponents.JSX.IntrinsicElements | keyof JSXBase.IntrinsicElements>(elementType: T, props?: T extends keyof VegaComponents.JSX.IntrinsicElements ? VegaComponents.JSX.IntrinsicElements[T] | {
@@ -20,7 +23,7 @@ export declare type VegaTablePagination = {
   position?: VegaTablePaginationPosition;
   vegaChange?: (e: CustomEvent<number>) => void;
   vegaPageSizeChange?: (e: CustomEvent<number>) => void;
-} & Partial<Pick<VegaComponentInterface<HTMLVegaPaginationElement>, 'pageSize' | 'current' | 'extensions' | 'pageSizeSelectorOptions'>>;
+} & Partial<Pick<HTMLVegaPaginationElement, 'pageSize' | 'current' | 'extensions' | 'pageSizeSelectorOptions'>>;
 /**
  * The column of vega-table
  *