@globalpayments/vega 2.35.0 → 2.37.0

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/internal/vega-pagination-page-size-selector.d.ts

@@ -1,8 +1,10 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { TranslationSlimmer } from '../../../helpers/slimmers/translation';
+import { DropdownPropsForPagination } from '../types';
 interface VegaPaginationEntriesSelectorProps {
   pageSize: number;
   pageSizeSelectorOptions: number[];
+  dropdownProps: DropdownPropsForPagination;
   onChange: (pageSize: number) => void;
   translationSlimmer: TranslationSlimmer<HTMLVegaPaginationElement>;
 }

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

@@ -1 +1,3 @@
 export type VegaPaginationItemType = 'currentPageLabel' | 'pageSizeSelector' | 'pageSelector' | 'goTo';
+
+export type DropdownPropsForPagination = Partial<Pick<HTMLVegaDropdownElement, 'isScreenPosition'>>;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { VegaPaginationItemType } from './types';
+import { DropdownPropsForPagination, VegaPaginationItemType } from './types';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
@@ -63,6 +63,14 @@ export declare class VegaPagination {
    * @vegaVersion 1.25.0
    */
   pageSizeSelectorOptions: number[];
+  /**
+   * Specifies the properties of the `vega-dropdown` component
+   *    used to configure the dropdown for the
+   *    page size selector in pagination.
+   *
+   * @vegaVersion 2.36.0
+   */
+  dropdownProps: DropdownPropsForPagination;
   /**
    * An event emitter notifying the current page change.
    *

package/dist/types/components/vega-rich-text-content/slimmers/renderers/vega-rich-text-content-renderer.d.ts

@@ -7,7 +7,9 @@ export declare class VegaRichTextContentRenderer extends VegaSlimmer {
   content: VegaRichTextContent['content'];
   private richTextContentRef;
   private readonly blockRenderers;
+  componentWillLoad(): void;
   constructor();
+  watchValueUpdate(): void;
   /**
    * Get the rich text content element
    *
@@ -15,6 +17,7 @@ export declare class VegaRichTextContentRenderer extends VegaSlimmer {
    */
   getRichTextContentRef(): Nullable<HTMLDivElement>;
   render(): VegaRichTextContent;
+  private setRTEContent;
   private renderRichTextContent;
   private renderContent;
   private getBlockRenderer;

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

@@ -29,11 +29,14 @@ export declare class VegaRichTextContent {
    */
   contentEditable: boolean;
   /**
-   * Specifies the text or formatted information displayed by the rich text content.
+   * 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.
    *
    * @vegaVersion 2.34.0
    */
   content: VegaRTEContent;
+  watchValueUpdate(): void;
   /**
    * Invoke this method to focus on rich text content editable div
    *

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-rich-text-editor/slimmers/controllers/value-controller.d.ts

@@ -19,6 +19,10 @@ export declare class ValueController extends VegaSlimmer {
    * Component lifecycle - [connectedCallback]{@link VegaRichTextEditor.disconnectedCallback}
    */
   disconnectedCallback(): void;
+  /**
+   * Component lifecycle - [componentWillLoad]{@link VegaRichTextEditor.componentWillLoad}
+   */
+  componentWillLoad(): void;
   /**
    * Watches the value of the editor and updates the internal value.
    */

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

@@ -123,7 +123,9 @@ export declare class VegaRichTextEditor {
    */
   rows: number;
   /**
-   * Specifies the value of the rich text editor
+   * Specifies the value of the rich text editor, 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.
    *
    * @vegaVersion 2.34.0
    */

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
  *

package/dist/types/components/vega-table/internal/vega-table-scrollable-container.d.ts

@@ -3,6 +3,7 @@ import { VegaTableScrollConfig } from '../interface';
 interface VegaTableScrollableContainerProps {
   scrollConfig?: VegaTableScrollConfig;
   ref?: (ref: HTMLElement | undefined) => void;
+  onScroll?: (e: Event) => void;
 }
 export declare const VegaTableScrollableContainer: FunctionalComponent<VegaTableScrollableContainerProps>;
 export {};

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

@@ -2,9 +2,12 @@ import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaTable } from '../../vega-table';
 export declare class VegaTableScrollContainerRenderer extends VegaSlimmer {
   scrollConfig: VegaTable['scrollConfig'];
+  host: VegaTable['host'];
+  isTemplateRenderMode: VegaTable['isTemplateRenderMode'];
   private tableScrollContainerRef;
   watchCurrentPage(): void;
   render(children: unknown): HTMLElement;
   private setTableScrollContainerRef;
   private scrollContainerToTop;
+  private notifyContentScrolling;
 }

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

@@ -1,3 +1 @@
-import { VegaComponentInterface } from '../../types/ui.type';
-
-export type VegaTextTooltipProps = Partial<Pick<VegaComponentInterface<HTMLVegaTooltipElement>, 'placement'>>;
+export type VegaTextTooltipProps = Partial<Pick<HTMLVegaTooltipElement, 'placement'>>;