@globalpayments/vega 2.35.0 → 2.37.0

package/dist/types/components.d.ts

@@ -45,7 +45,7 @@ import { LineChartOptionsType } from "./helpers/chart/line-chart";
 import { VegaLoadingIndicatorSize } from "./components/vega-loading-indicator/types";
 import { VegaModalBackdrop, VegaModalBackdropColor } from "./components/vega-modal/types";
 import { VegaPageNotificationActionButtonConfig, VegaPageNotificationTypes } from "./components/vega-page-notification/types";
-import { VegaPaginationItemType } from "./components/vega-pagination/types";
+import { DropdownPropsForPagination, VegaPaginationItemType } from "./components/vega-pagination/types";
 import { PieChartOptions } from "./helpers/chart/pie-chart";
 import { VegaRTEContent } from "./components/vega-rich-text-editor/dto/content-state";
 import { VegaRichTextEditorImage, VegaRTEContentBlock, VegaRTEToolbarItem } from "./components/vega-rich-text-editor/interface";
@@ -274,6 +274,7 @@ export namespace Components {
         /**
           * Specifies how the box aligns itself within its container.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
          */
         "alignSelf": ResponsiveType<AlignSelfType>;
         /**
@@ -309,36 +310,43 @@ export namespace Components {
         /**
           * Specifies how the box adjusts its size, growth, and alignment within a flex container.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex
          */
         "flex": ResponsiveType<FlexType>;
         /**
           * Specifies the base size of the box.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
          */
         "flexBasis": ResponsiveType<FlexBasisType>;
         /**
           * Specifies how the box is grow.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
          */
         "flexGrow": ResponsiveType<FlexGrowType>;
         /**
           * Specifies how much the box shrinks.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
          */
         "flexShrink": ResponsiveType<FlexShrinkType>;
         /**
           * Defines the area within the grid occupied by the item. It accepts CSS values and can be set as ResponsiveType.
           * @vegaVersion 2.5.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area
          */
         "gridArea": ResponsiveType<GridAreaType>;
         /**
           * Determines the placement of the item within the grid along the horizontal axis.
           * @vegaVersion 2.5.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column
          */
         "gridColumn": ResponsiveType<GridColumnType>;
         /**
           * Determines the placement of the item within the grid along the vertical axis.
           * @vegaVersion 2.5.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row
          */
         "gridRow": ResponsiveType<GridRowType>;
         /**
@@ -349,6 +357,7 @@ export namespace Components {
         /**
           * Specifies how a single box justifies its content along the main axis within its container.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self
          */
         "justifySelf": ResponsiveType<JustifySelfType>;
         /**
@@ -369,6 +378,7 @@ export namespace Components {
         /**
           * Specifies the display order of the box.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/order
          */
         "order": ResponsiveType<OrderType>;
         /**
@@ -493,7 +503,7 @@ export namespace Components {
          */
         "size": VegaButtonCircleSize;
         /**
-          * Specifies the properties of the tooltip displayed for the button circle.
+          * Specifies the properties of the `vega-tooltip` displayed for the button circle.
           * @vegaVersion 1.52.0
          */
         "tooltip": VegaButtonCircleTooltip;
@@ -1108,6 +1118,11 @@ export namespace Components {
           * @vegaVersion 2.33.0
          */
         "showClearIcon": boolean;
+        /**
+          * Determines whether to show months and years dropdown in date picker If set to true, date picker calendar will have months and years dropdown
+          * @vegaVersion 2.36.0
+         */
+        "showYearMonthDropdowns": boolean;
         /**
           * Specifies the size of the date picker field.
           * @vegaVersion 1.3.0
@@ -1236,6 +1251,13 @@ export namespace Components {
           * @vegaVersion 1.24.0
          */
         "isLoading": boolean;
+        /**
+          * Determines whether the dropdown position is calculated relative to the screen.
+          * @VegaWarning When enabled (set to true), it overrides the positionRelativeTo and matchContainerHeight properties, rendering them ineffective.
+          * @VegaWarning Currently, when set to true, position calculation may be inaccurate if the dropdown is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
+          * @vegaVersion 2.36.0
+         */
+        "isScreenPosition": boolean;
         /**
           * Specifies the display rule for items in the dropdown.
           * @vegaVersion 1.13.0
@@ -1455,6 +1477,11 @@ export namespace Components {
           * @vegaVersion 2.25.0
          */
         "label": string;
+        /**
+          * Specifies the maximum number of files that can be uploaded using the File Uploader. The value must be a positive integer.
+          * @vegaVersion 2.36.0
+         */
+        "maxCount": number | null;
         /**
           * Specifies whether uploading a file is mandatory.
           * @vegaVersion 2.25.0
@@ -1496,21 +1523,25 @@ export namespace Components {
         /**
           * 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>;
         /**
           * Specifies the box's base size, defining its initial    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>;
         /**
@@ -2249,7 +2280,7 @@ export namespace Components {
          */
         "value": SelectValueType<SelectType>;
         /**
-          * Provides partial properties for the dropdown component used    in the input select element.  You can specify custom properties and their corresponding values as needed.
+          * 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.
           * @vegaVersion 1.3.0
          */
         "vegaDropdownProps": VegaDropdownPropsForSelect;
@@ -2333,6 +2364,11 @@ export namespace Components {
           * @vegaVersion 1.31.0
          */
         "counterBadge": LeftNavCounterBadgeConfig;
+        /**
+          * 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;
         /**
           * icon attached to the left nav link items **
           * @vegaVersion 1.31.0
@@ -2532,6 +2568,11 @@ export namespace Components {
           * @vegaVersion 1.3.0
          */
         "current": 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;
         /**
           * Specifies the extensions associated with the pagination items    in the pagination component.  It refers to additional elements or components that can be added to    enhance the functionality or appearance of each pagination item.
           * @vegaVersion 1.25.0
@@ -2748,7 +2789,7 @@ export namespace Components {
     }
     interface VegaRichTextContent {
         /**
-          * 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;
@@ -2810,7 +2851,7 @@ export namespace Components {
          */
         "validationRules": FormFieldValidationRule<unknown>[];
         /**
-          * 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
          */
         "value": VegaRTEContent;
@@ -2947,7 +2988,7 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * Specifies the tooltip displayed for the selection chip    when it is in a disabled state. This provides additional context or information about the chip's    functionality or reason for being disabled.
+          * 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.
           * @vegaVersion 2.22.0
          */
         "disabledTooltip": VegaSelectionChipTooltipProps;
@@ -5147,6 +5188,7 @@ declare namespace LocalJSX {
         /**
           * Specifies how the box aligns itself within its container.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
          */
         "alignSelf"?: ResponsiveType<AlignSelfType>;
         /**
@@ -5182,36 +5224,43 @@ declare namespace LocalJSX {
         /**
           * Specifies how the box adjusts its size, growth, and alignment within a flex container.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex
          */
         "flex"?: ResponsiveType<FlexType>;
         /**
           * Specifies the base size of the box.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
          */
         "flexBasis"?: ResponsiveType<FlexBasisType>;
         /**
           * Specifies how the box is grow.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
          */
         "flexGrow"?: ResponsiveType<FlexGrowType>;
         /**
           * Specifies how much the box shrinks.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
          */
         "flexShrink"?: ResponsiveType<FlexShrinkType>;
         /**
           * Defines the area within the grid occupied by the item. It accepts CSS values and can be set as ResponsiveType.
           * @vegaVersion 2.5.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area
          */
         "gridArea"?: ResponsiveType<GridAreaType>;
         /**
           * Determines the placement of the item within the grid along the horizontal axis.
           * @vegaVersion 2.5.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column
          */
         "gridColumn"?: ResponsiveType<GridColumnType>;
         /**
           * Determines the placement of the item within the grid along the vertical axis.
           * @vegaVersion 2.5.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row
          */
         "gridRow"?: ResponsiveType<GridRowType>;
         /**
@@ -5222,6 +5271,7 @@ declare namespace LocalJSX {
         /**
           * Specifies how a single box justifies its content along the main axis within its container.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self
          */
         "justifySelf"?: ResponsiveType<JustifySelfType>;
         /**
@@ -5242,6 +5292,7 @@ declare namespace LocalJSX {
         /**
           * Specifies the display order of the box.
           * @vegaVersion 2.3.0
+          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/order
          */
         "order"?: ResponsiveType<OrderType>;
         /**
@@ -5399,7 +5450,7 @@ declare namespace LocalJSX {
          */
         "size"?: VegaButtonCircleSize;
         /**
-          * Specifies the properties of the tooltip displayed for the button circle.
+          * Specifies the properties of the `vega-tooltip` displayed for the button circle.
           * @vegaVersion 1.52.0
          */
         "tooltip"?: VegaButtonCircleTooltip;
@@ -6146,6 +6197,11 @@ declare namespace LocalJSX {
           * @vegaVersion 2.33.0
          */
         "showClearIcon"?: boolean;
+        /**
+          * Determines whether to show months and years dropdown in date picker If set to true, date picker calendar will have months and years dropdown
+          * @vegaVersion 2.36.0
+         */
+        "showYearMonthDropdowns"?: boolean;
         /**
           * Specifies the size of the date picker field.
           * @vegaVersion 1.3.0
@@ -6259,6 +6315,13 @@ declare namespace LocalJSX {
           * @vegaVersion 1.24.0
          */
         "isLoading"?: boolean;
+        /**
+          * Determines whether the dropdown position is calculated relative to the screen.
+          * @VegaWarning When enabled (set to true), it overrides the positionRelativeTo and matchContainerHeight properties, rendering them ineffective.
+          * @VegaWarning Currently, when set to true, position calculation may be inaccurate if the dropdown is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
+          * @vegaVersion 2.36.0
+         */
+        "isScreenPosition"?: boolean;
         /**
           * Specifies the display rule for items in the dropdown.
           * @vegaVersion 1.13.0
@@ -6555,6 +6618,11 @@ declare namespace LocalJSX {
           * @vegaVersion 2.25.0
          */
         "label"?: string;
+        /**
+          * Specifies the maximum number of files that can be uploaded using the File Uploader. The value must be a positive integer.
+          * @vegaVersion 2.36.0
+         */
+        "maxCount"?: number | null;
         /**
           * An event emitter notifying a change in the file list.
           * @eventSemantics namespace:native
@@ -6651,21 +6719,25 @@ declare namespace LocalJSX {
         /**
           * 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>;
         /**
           * Specifies the box's base size, defining its initial    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>;
         /**
@@ -7576,7 +7648,7 @@ declare namespace LocalJSX {
          */
         "value"?: SelectValueType<SelectType>;
         /**
-          * Provides partial properties for the dropdown component used    in the input select element.  You can specify custom properties and their corresponding values as needed.
+          * 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.
           * @vegaVersion 1.3.0
          */
         "vegaDropdownProps"?: VegaDropdownPropsForSelect;
@@ -7688,6 +7760,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.31.0
          */
         "counterBadge"?: LeftNavCounterBadgeConfig;
+        /**
+          * 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;
         /**
           * icon attached to the left nav link items **
           * @vegaVersion 1.31.0
@@ -7916,6 +7993,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.3.0
          */
         "current"?: 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;
         /**
           * Specifies the extensions associated with the pagination items    in the pagination component.  It refers to additional elements or components that can be added to    enhance the functionality or appearance of each pagination item.
           * @vegaVersion 1.25.0
@@ -8196,7 +8278,7 @@ declare namespace LocalJSX {
     }
     interface VegaRichTextContent {
         /**
-          * 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;
@@ -8275,7 +8357,7 @@ declare namespace LocalJSX {
          */
         "validationRules"?: FormFieldValidationRule<unknown>[];
         /**
-          * 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
          */
         "value"?: VegaRTEContent;
@@ -8449,7 +8531,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Specifies the tooltip displayed for the selection chip    when it is in a disabled state. This provides additional context or information about the chip's    functionality or reason for being disabled.
+          * 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.
           * @vegaVersion 2.22.0
          */
         "disabledTooltip"?: VegaSelectionChipTooltipProps;

package/dist/types/helpers/change-manager/subject/static-subject/static-subject-title.d.ts

@@ -1,5 +1,5 @@
 import { Subject } from '../subject-interface';
-export declare type SubjectTitle = 'SIDENAV_LINK_SELECTED_TOPIC' | 'LEFT_NAV_LINK_SELECTED_TOPIC' | 'ACCORDION_EXPAND_TOPIC' | 'FORM_RESET_OPERATION_TRIGGERED' | 'FORM_FIELD_ELEMENT_DISCONNECTED' | 'FORM_SUBMIT' | 'FORM_RESET' | 'RADIO_GROUP_DISABLED_CHANGE' | 'CHECKBOX_GROUP_DISABLED_CHANGE' | 'FORM_FIELD_PENDING_VALID_CHANGE' | 'TAB_PANEL_ADD_OR_DEL_TO_GROUP' | 'TABLE_EXPAND_ROW' | 'TABLE_ROW_SELECTION' | 'TABLE_ROW_SELECTION_ALL' | 'TABLE_SELECTION' | 'TABLE_ROW_CLICK' | 'TABLE_ROW_SELECT' | 'TABLE_ROW_SELECT_ALL' | 'FIELD_ERROR_MESSAGE_CHANGE' | 'DROPDOWN_ITEM_CLICK' | 'CHECKBOX_VALUE_CHANGE' | 'RADIO_VALUE_CHANGE' | 'FORM_ELEMENT_VALUE_CHANGE' | 'FORM_EMEMENT_VALIDATE' | 'FIELD_ERROR_STATE_CHANGE' | 'VEGA_VIRTUAL_SCROLL_TO_BOTTOM' | 'SELECTION_TILE_VALUE_CHANGE' | 'DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN' | 'DROPDOWN_SEARCH_INTERNAL_OVERRIDEN' | 'UPDATE_TRANSLATION' | 'DARK_MODE_CHANGE';
+export declare type SubjectTitle = 'SIDENAV_LINK_SELECTED_TOPIC' | 'LEFT_NAV_LINK_SELECTED_TOPIC' | 'ACCORDION_EXPAND_TOPIC' | 'FORM_RESET_OPERATION_TRIGGERED' | 'FORM_FIELD_ELEMENT_DISCONNECTED' | 'FORM_SUBMIT' | 'FORM_RESET' | 'RADIO_GROUP_DISABLED_CHANGE' | 'CHECKBOX_GROUP_DISABLED_CHANGE' | 'FORM_FIELD_PENDING_VALID_CHANGE' | 'TAB_PANEL_ADD_OR_DEL_TO_GROUP' | 'TABLE_EXPAND_ROW' | 'TABLE_ROW_SELECTION' | 'TABLE_ROW_SELECTION_ALL' | 'TABLE_SELECTION' | 'TABLE_ROW_CLICK' | 'TABLE_ROW_SELECT' | 'TABLE_ROW_SELECT_ALL' | 'FIELD_ERROR_MESSAGE_CHANGE' | 'DROPDOWN_ITEM_CLICK' | 'CHECKBOX_VALUE_CHANGE' | 'RADIO_VALUE_CHANGE' | 'FORM_ELEMENT_VALUE_CHANGE' | 'FORM_EMEMENT_VALIDATE' | 'FIELD_ERROR_STATE_CHANGE' | 'VEGA_VIRTUAL_SCROLL_TO_BOTTOM' | 'SELECTION_TILE_VALUE_CHANGE' | 'DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN' | 'DROPDOWN_SEARCH_INTERNAL_OVERRIDEN' | 'UPDATE_TRANSLATION' | 'DARK_MODE_CHANGE' | 'SHADOW_ROOT_ELEMENT_SCROLLING';
 export declare const SIDENAV_LINK_SELECTED_TOPIC: Subject;
 export declare const LEFT_NAV_LINK_SELECTED_TOPIC: Subject;
 export declare const ACCORDION_EXPAND_TOPIC: Subject;
@@ -26,3 +26,4 @@ export declare const VEGA_VIRTUAL_SCROLL_TO_BOTTOM: Subject;
 export declare const SELECTION_TILE_VALUE_CHANGE: Subject;
 export declare const UPDATE_TRANSLATION: Subject;
 export declare const DARK_MODE_CHANGE: Subject;
+export declare const SHADOW_ROOT_ELEMENT_SCROLLING: Subject;

package/dist/types/helpers/chart/bar-chart.d.ts

@@ -1,7 +1,7 @@
 import { BaseChart } from './base-chart';
 import { BaseDrawer } from './drawers/base-drawer';
 import { BaseRenderer } from './renderers/base-renderer';
-import { ChartDataSourceItem, ChartOptions, directionType } from '../../types/vega-chart';
+import { ChartDataSourceItem, directionType } from '../../types/vega-chart';
 import { BaseInteractor } from './interactors/base-interactor';
 export declare type BarChartDataType = {
   /**
@@ -13,7 +13,6 @@ export declare type BarChartDataType = {
    */
   direction?: directionType;
 };
-export declare type LineChartOptionsType = Partial<Omit<ChartOptions<BarChartDataType>, 'container'>>;
 /**
  * The BarChart class is a TypeScript implementation of a bar chart that extends the BaseChart class
  * and includes methods for creating a drawer chain

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

@@ -1,5 +1,4 @@
 import { VegaDialogAction, VegaDialogActionButtonProps } from '../../components/vega-dialog/types';
-import { VegaComponentInterface } from '../../types/ui.type';
 import { VegaPublicAPIRuntimeMetricsSlimmerBase } from '../slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base';
 export declare type VegaDialogOption = {
   title?: string;
@@ -10,7 +9,7 @@ export declare type VegaDialogOption = {
   cancelButton?: VegaDialogActionButtonProps;
   handleCancel?: VegaDialogAction;
   showCancel?: boolean;
-} & Partial<Pick<VegaComponentInterface<HTMLVegaModalElement>, 'size' | 'isVerticallyCenter' | 'isVerticallyCentered' | 'showCloseButton'>>;
+} & Partial<Pick<HTMLVegaModalElement, 'size' | 'isVerticallyCenter' | 'isVerticallyCentered' | 'showCloseButton'>>;
 /**
  * The dialog controller
  */

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

@@ -31,6 +31,7 @@ export declare const VegaDropdownRenderItemInternalOverridden: VegaInternalEvent
 export declare const VegaDropdownSearchInternalOverridden: VegaInternalEventID;
 export declare const VegaInternalSidenavLinkClick: VegaInternalEventID;
 export declare const VegaInternalLeftNavGroupExpand: VegaInternalEventID;
+export declare const VegaInternalDropdownUpdateTarget: VegaInternalEventID;
 export declare const VegaInternalRichTextEditorFlushChanges: VegaInternalEventID;
 export declare const VegaInternalRichTextEditorSelectionRangeChange: VegaInternalEventID;
 export declare const VegaInternalRichTextImageClick: VegaInternalEventID;

package/dist/types/helpers/skeleton-loader/interface.d.ts

@@ -1,8 +1,6 @@
 import { VegaComponentInterface } from '../../types/ui.type';
 
-export type VegaSkeletonLoaderItem = Partial<
-	Pick<VegaComponentInterface<HTMLVegaSkeletonElement>, 'type' | 'width' | 'height'>
->;
+export type VegaSkeletonLoaderItem = Partial<Pick<HTMLVegaSkeletonElement, 'type' | 'width' | 'height'>>;
 
 export type VegaSkeletonLoaderLayout = {
 	props?: Partial<VegaComponentInterface<HTMLVegaFlexElement>>;

package/dist/types/helpers/slimmers/element-appender-slimmer.d.ts

@@ -19,6 +19,7 @@ export declare class ElementAppenderSlimmer extends VegaSlimmer {
   private showConfig;
   private delayHideTimer;
   private elementAppender;
+  private shadowRootElementScrollingObserver;
   /**
    * appendableElement is interactive by default (to pass [WCAG 2.1 success criterion 1.4.13](https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus))
    */
@@ -55,5 +56,20 @@ export declare class ElementAppenderSlimmer extends VegaSlimmer {
   private createDelayHideTimer;
   private clearDelayHideTimer;
   private shouldListenerWork;
+  /**
+   * Sets up an observer to handle scroll events in a shadow root element.
+   */
+  private listenShadowRootElementScrolling;
+  /**
+   * Checks if the host element is a parent of the target element.
+   *
+   * @param {ShadowRootElementScrollingPayload} payload - payload.
+   * @returns {boolean} - Can accept.
+   */
+  private canAcceptShadowRootScrollEvent;
+  /**
+   * Remove observer for scrolling in a shadow root element.
+   */
+  private removeShadowRootElementScrolling;
 }
 export {};

package/dist/types/helpers/slimmers/field-error-controller-silmmer.d.ts

@@ -1,7 +1,12 @@
 import { VegaSlimmer } from '../../vega-slimmer/vega-slimmer-core';
 import { FormFieldOptionForSlimmer } from './form-field-controller-slimmer';
 import { FieldErrorUIControllerSlimmer } from './field-error-ui-controller-slimmer';
-/** The `FieldBoxControllerSlimmer` class is a TypeScript class that extends the `VegaSlimmer` class and provides methods for handling error UI in a field error component. */
+/**
+ * The current class is used to manually control the form element error message.
+ * The component `vega-field-error` is used to control the error messages for form fields. to implement the error message display, we needs to know the form field error message container, field element, and other necessary options,
+ * the `form-field-controller-slimmer` has the required options and will inject to the all form fields, so we create current slimmer class and inject to the `form-field-controller-slimmer` to get all options.
+ * When the property `message` of the vega-field-error component changed, the target form field will receive the special subject and update the error message.
+ */
 export declare class FieldErrorControllerSlimmer extends VegaSlimmer {
   host: HTMLElement;
   options: FormFieldOptionForSlimmer<unknown>;
@@ -23,7 +28,7 @@ export declare class FieldErrorControllerSlimmer extends VegaSlimmer {
    */
   private canAcceptFieldErrorMessageUpdate;
   /**
-   * call the method when observer trigger
+   * This method called mean that the current form field element nest in a vega-field-error component and the parent component property `message` changed, we need to show or hide the error message.
    *
    * @param {FieldErrorEventPayload} payload payload param
    */

package/dist/types/helpers/slimmers/string-input-formatter-slimmer.d.ts

@@ -8,11 +8,13 @@ export declare abstract class StringInputFormatterSlimmer extends VegaSlimmer {
   private inputFormatStrategy;
   private blurFormatStrategy;
   private inputElement;
-  private inputFlag;
-  private blurFlag;
   protected abstract getInputElementRef: () => Nullable<HTMLInputElement>;
   protected abstract getInputModeStrategy: () => Nullable<StringFormatStrategy>;
   protected abstract getBlurModeStrategy: () => Nullable<StringFormatStrategy>;
+  /**
+   * Component lifecycle - componentDidRender
+   */
+  componentDidRender(): void;
   /**
    * The setup function initializes input element event listeners based on input and blur format strategies.
    */
@@ -22,10 +24,9 @@ export declare abstract class StringInputFormatterSlimmer extends VegaSlimmer {
    */
   destroy(): void;
   /**
-   * The `onInit` function checks for specific feature flags and conditions to format input values
-   * accordingly.
+   * Format the value by input strategy and blur strategy when formatter config change.
    */
-  private onInit;
+  private formatValueAfterSetup;
   /**
    * restore input value
    *
@@ -73,12 +74,4 @@ export declare abstract class StringInputFormatterSlimmer extends VegaSlimmer {
    * @param {Nullable<number>} caretPosition - The current input caret position
    */
   private updateInputCaretPosition;
-  /**
-   * The function `updateInputValueOnInit` updates the input value based on a specified strategy.
-   *
-   * @param {string} strategy - The `strategy` parameter is a string that determines which formatting
-   * strategy to use when updating the input value. It can have two possible values: 'input' or any other
-   * value.
-   */
-  private updateInputValueOnInit;
 }

package/dist/types/helpers/ui/element-appender.d.ts

@@ -115,6 +115,10 @@ export declare class ElementAppender {
    * @returns {void}
    */
   private prepareShow;
+  /**
+   * init visible append element.
+   */
+  private initVisibleAppendElement;
   /**
    * A function that takes no parameters and returns nothing. It sets the position of the appendable element.
    *

package/dist/types/helpers/validator/rules/rich-text-editor-required-rule.d.ts

@@ -2,7 +2,7 @@ import { FormFieldStatusMeta, FormFieldValidationRule } from './form-field-valid
 import { EvaluateResultTranslation } from './validation-rule';
 import { VegaRTEContent } from '../../../components/vega-rich-text-editor/dto/content-state';
 /**
- * A rule that checks if input range is empty or not
+ * A rule that checks if the input range is empty or not
  *
  * @implements {FormFieldValidationRule<string[]>}
  */

package/dist/types/types/components.type.d.ts

@@ -157,7 +157,7 @@ export {
 	VegaPageNotificationActionButtonConfig,
 	VegaPageNotificationTypes,
 } from '../components/vega-page-notification/types';
-export { VegaPaginationItemType } from '../components/vega-pagination/types';
+export { DropdownPropsForPagination, VegaPaginationItemType } from '../components/vega-pagination/types';
 export { PieChartOptions } from '../helpers/chart/pie-chart';
 export { VegaRTEContent } from '../components/vega-rich-text-editor/dto/content-state';
 export {

package/dist/types/types/public-api.d.ts

@@ -1,4 +1,6 @@
 export * from './components.type';
+export * from './vega-chart';
+export * from '../components/vega-calendar/types';
 export { VegaTableNode, VegaTableCellNode, VegaTableCreateElementFunction, VegaTableSorterType, VegaTableCellRenderFunction, VegaTableFormItemProps, VegaTableEditComponentProps, VegaTableCellFormItemRenderFunction, } from '../components/vega-table/interface';
 export { EvaluateResult, FormFieldStatusMeta } from '../helpers/validator/rules/form-field-validation-rule';
 export { VegaThemeOverrideColors } from '../helpers/theme/theme';
@@ -9,9 +11,30 @@ export { MaskConfig } from '../helpers/formatter/string-formatter/string-mask-st
 export { LeftNavSection, LeftNavGroup, LeftNavLink } from '../components/vega-nav/interface';
 export { LineChartOptionsType as VegaLineChartOptionsType } from '../helpers/chart/line-chart';
 export { EventSemanticsConfig, EventSemantics } from '../helpers/event-manager/internal-vega-event-manager';
-export { VegaComponentName, VegaNativeEventNameType } from './ui.type';
+export { VegaComponentName, VegaNativeEventNameType, StateVariantType, CssStatesType, BreakpointsForPrefixType, DirectionalSpacingType, SpacingDirection, DirectionalBorderRadiusType, BorderRadiusDirection, } from './ui.type';
 export { VegaLoaderOptions, VegaLoaderIndicatorOptions } from '../helpers/loading-indicator/vega-loader';
 export { VegaNotifyOption } from '../helpers/notify/vega-notify';
 export { OverrideColor } from '../helpers/theme/theme';
 export { VegaSkeletonLoaderConfig, VegaSkeletonLoaderLayout, VegaSkeletonLoaderItem, } from '../helpers/skeleton-loader/interface';
 export { VegaTranslationConfig, VegaTranslationResources, StaticTranslationKey, } from '../helpers/translation';
+export { BarChartDataType } from '../helpers/chart/bar-chart';
+export { EvaluateResultBase } from '../helpers/validator/rules/validation-rule';
+export { VegaTableSortCompareFunction, ColumnAlignType, VegaTableFormItemType, VegaTablePaginationPosition, } from '../components/vega-table/interface';
+export { VegaInputSourceLazyLoadResponse } from '../components/vega-input-select/types';
+export { VegaTabGroupCounterBadgeProps } from '../components/vega-tab-group/types';
+export { SidebarItem } from '../components/vega-sidenav/types';
+export * from '../components/vega-rich-text-editor/interface';
+export * from '../components/vega-rich-text-editor/vega-rich-text-image-editor/types';
+export * from '../components/vega-rich-text-editor/vega-rich-text-link-editor/types';
+export { RTETextBlock } from '../components/vega-rich-text-editor/dto/blocks/text-block';
+export { RTEImageBlock } from '../components/vega-rich-text-editor/dto/blocks/image-block';
+export { RTEListItemBlock } from '../components/vega-rich-text-editor/dto/blocks/list-item-block';
+export { RTEListBlock } from '../components/vega-rich-text-editor/dto/blocks/list-block';
+export { RTEBlock } from '../components/vega-rich-text-editor/dto/blocks/block.abstract';
+export { ModifyContentAction } from '../components/vega-rich-text-editor/dto/actions/modify-content-action.abstract';
+export { RTEImageNode } from '../components/vega-rich-text-editor/dto/nodes/image-node';
+export { RTETextNode } from '../components/vega-rich-text-editor/dto/nodes/text-node';
+export { RTENode } from '../components/vega-rich-text-editor/dto/nodes/node.abstract';
+export { CssStates, FlexDirections, BoxDisplay } from '../constants/ui';
+export { Breakpoints } from '../constants/tokens/breakpoints';
+export { GridColumns, GridRows } from '../constants/tokens/tailwind.extend';

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

@@ -149,4 +149,4 @@ export interface ManagedStateScopeInput {
 export declare type IconAlignType = 'left' | 'right';
 export declare type BorderStyleType = 'solid' | 'dashed' | 'dotted' | 'double' | 'none';
 export declare type TextAlignType = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify';
-export declare type VegaFlexProps = Partial<Pick<VegaComponentInterface<HTMLVegaFlexElement>, 'gap' | 'direction' | 'alignItems' | 'justifyContent' | 'margin'>>;
+export declare type VegaFlexProps = Partial<Pick<HTMLVegaFlexElement, 'gap' | 'direction' | 'alignItems' | 'justifyContent' | 'margin'>>;