@globalpayments/vega 2.70.0 → 2.75.1

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { BorderStyleType, BoxDisplayType, CornersType, CssStatesType, ElementAppenderAlignmentType, ElementAppenderPlacementType, FlexAlignItemType, FlexDirectionType, FlexJustifyContentType, FlexWrapType, GapType, GridColumnsType, GridRowsType, HeightType, IconAlignType, MarginType, MaxHeightType, MinHeightType, PaddingType, PlacementType, PositionAlignmentType, ResponsiveType, SizeType, StateVariantType, TextAlignType, TranslocationType, VegaComponentInterface, VegaFlexProps, WidthType } from "./types/ui.type";
+import { BorderStyleType, BoxDisplayType, CornersType, CssStatesType, ElementAppenderAlignmentType, ElementAppenderPlacementType, FlexAlignItemType, FlexDirectionType, FlexJustifyContentType, FlexWrapType, GapType, GridColumnsType, GridRowsType, HeightType, IconAlignType, MarginType, MaxHeightType, MinHeightType, PaddingType, PlacementType, PositionAlignmentType, ResponsiveType, SizeType, StateVariantType, TextAlignType, TranslocationType, VegaComponentInterface, VegaEATriggerType, VegaFlexProps, WidthType } from "./types/ui.type";
 import { LinkTargetType, VegaAppFooterLink } from "./components/vega-app-footer/types";
 import { VegaAppHeaderAvatarConfig, VegaAppHeaderButtonDropdownConfig, VegaAppHeaderButtonSize } from "./components/vega-app-header-button/types";
 import { VegaBannerActionButtonType, VegaBannerPropType } from "./components/vega-banner/types";
@@ -25,7 +25,7 @@ import { FormFieldValidationRule } from "./helpers/validator/rules/form-field-va
 import { VegaChipIconAlign, VegaChipSize, VegaChipType, VegaChipVariant } from "./components/vega-chip/types";
 import { VegaCodeBlockValue } from "./components/vega-code-block/types";
 import { VegaComboBoxSize, VegaDropdownPropsForComboBox } from "./components/vega-combo-box/types";
-import { DatePickerModeType, DatePickerMonthYearTypes, DatePickerValueType, DropdownConfigForDatePicker } from "./components/vega-date-picker/types";
+import { DatePickerCalendarRepickType, DatePickerCalendarSizeType, DatePickerModeType, DatePickerMonthYearTypes, DatePickerValueType, DropdownConfigForDatePicker, VegaDropdownPropsForDatePickerCalendar } from "./components/vega-date-picker/types";
 import { VegaDialogAction, VegaDialogActionButtonProps } from "./components/vega-dialog/types";
 import { VegaDividerDirectionType, VegaDividerVariantType } from "./components/vega-divider/interface";
 import { VegaDropdownItemClickEvent } from "./components/vega-dropdown/vega-dropdown-item/types";
@@ -35,11 +35,11 @@ import { VegaCountryCode } from "./types/flag.type";
 import { VegaFontAs } from "./components/vega-font/types";
 import { FormControlOption, FormValidateResult, VegaFormFieldValidationState } from "./components/vega-form/types";
 import { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from "./components/vega-image-uploader/types";
-import { DataTransferType, InputAutocompleteTypes, InputType, InputValueUpdateTriggeredBy, MaskConfigType } from "./components/vega-input/types";
+import { DataTransferType, InputAutocompleteTypes, InputType, InputValueUpdateTriggeredBy, MaskConfigType, VegaInputSuggestionsDropdownConfig } from "./components/vega-input/types";
 import { FormFieldValidationRule as FormFieldValidationRule1 } from "./types/components.type";
 import { VegaCountryType } from "./components/vega-input-phone-number/types";
 import { InputRangeStackType, InputRangeValueType } from "./components/vega-input-range/types";
-import { SelectedLabelType, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectSize, VegaInputSelectSourceLazyLoadCallback } from "./components/vega-input-select/types";
+import { SelectedLabelType, SelectedLabelTypeForAllModes, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectSize, VegaInputSelectSourceLazyLoadCallback } from "./components/vega-input-select/types";
 import { ItemToggleStatusMap } from "./components/vega-item-toggle/types";
 import { autoCollapseGroupsType, LeftNavCounterBadgeConfig, LeftNavHeaderConfig, LeftNavSectionHeaderConfig, LeftNavSourceItem } from "./components/vega-nav/interface";
 import { LineChartOptionsType } from "./helpers/chart/line-chart";
@@ -48,6 +48,7 @@ import { VegaModalBackdrop, VegaModalBackdropColor } from "./components/vega-mod
 import { VegaPageNotificationActionButtonConfig, VegaPageNotificationTypes } from "./components/vega-page-notification/types";
 import { DropdownPropsForPagination, VegaPaginationItemType, VegaPaginationLayoutType } from "./components/vega-pagination/types";
 import { PieChartOptions } from "./helpers/chart/pie-chart";
+import { VegaProgressTrackerDirectionType } from "./components/vega-progress-tracker/type";
 import { VegaRTEContent } from "./components/vega-rich-text-editor/dto/content-state";
 import { VegaRTEExtension } from "./components/vega-rich-text-editor/extensions/extension.abstract";
 import { VegaRichTextEditorImage, VegaRTESourceEditConfig, VegaRTEToolbarItem } from "./components/vega-rich-text-editor/interface";
@@ -556,6 +557,11 @@ export namespace Components {
         "variant": VegaButtonCircleVariant;
     }
     interface VegaButtonGroup {
+        /**
+          * Specifies whether the button elements are disabled.
+          * @vegaVersion 2.72.0
+         */
+        "disabled": boolean;
         /**
           * Specifies the placement of the icon in relation to the button's label.
           * @vegaVersion 2.5.0
@@ -573,6 +579,11 @@ export namespace Components {
         "variant": VegaButtonGroupVariant;
     }
     interface VegaButtonGroupItem {
+        /**
+          * Specifies whether the button group item is disabled.
+          * @vegaVersion 2.72.0
+         */
+        "disabled": boolean;
         /**
           * Specifies the properties for the dropdown menu that appears when the button group contains more than one button item.
           * @vegaVersion 2.5.0
@@ -1250,6 +1261,78 @@ export namespace Components {
         "value": DatePickerValueType<DatePickerModeType>;
     }
     interface VegaDatePickerCalendar {
+        /**
+          * Specifies whether to display the clear button when the calendar is shown.
+          * @vegaVersion 2.72.0
+         */
+        "clearButton": boolean;
+        /**
+          * Specifies the desired date format.
+          * @vegaVersion 2.72.0
+         */
+        "format": string;
+        /**
+          * Specifies a predicate function that determines whether a given date in the date picker should be disabled (non-interactive).  The function is called for each date cell before rendering.  Return `true` to disable the cell, or false to keep it selectable. Default behavior: always returns `false` (no cells are disabled).
+          * @param date - The `Date` object for the cell being evaluated.
+          * @returns `true` if the cell should be disabled; otherwise `false`.
+          * @vegaVersion 2.72.0
+         */
+        "isDateDisabled": DisabledDate;
+        /**
+          * Specifies the maximum selectable date in the date picker calendar.
+          * @vegaVersion 2.72.0
+         */
+        "maxDate": string;
+        /**
+          * Specifies the minimum selectable date in the date picker calendar.
+          * @vegaVersion 2.72.0
+         */
+        "minDate": string;
+        /**
+          * Specifies the selection mode of the date picker calendar.   - Use `single` to allow selecting a single date.  - Use `range` to allow selecting a date range.
+          * @vegaVersion 2.72.0
+         */
+        "mode": DatePickerModeType;
+        /**
+          * Invoke this method to reset calendar to its initial state, 	it include reset to current value and reset the current period.
+          * @vegaVersion 2.72.0
+         */
+        "reset": () => Promise<void>;
+        /**
+          * Specifies the selected date or date range in the date picker calendar.
+          * @vegaVersion 2.72.0
+         */
+        "selection": DatePickerValueType<DatePickerModeType>;
+        /**
+          * Determines whether to show months and years dropdown in date picker calendar If set to true, date picker calendar will have months and years dropdown
+          * @vegaVersion 2.72.0
+         */
+        "showYearMonthDropdowns": boolean;
+        /**
+          * Renders the calendar picker in different sizes. Defaults to regular size
+          * @vegaVersion 2.72.0
+         */
+        "size": DatePickerCalendarSizeType;
+        /**
+          * Specifies the calendar is static height.
+          * @vegaVersion 2.72.0
+         */
+        "staticHeight": boolean;
+        /**
+          * Specifies the IANA time zone or Etc/GMT±n format.     It accepts values such as "America/New_York" or "Etc/GMT+12".     For a complete list of IANA time zones, refer to Time Zone DB(https://timezonedb.com/time-zones). 	   If not configured, the time zone will default to the system's time zone.
+          * @vegaVersion 2.72.0
+         */
+        "timezone": string;
+        /**
+          * Invoke this method to trigger repick.   The param `type` is distinguishing the start date or end date can be repick.
+          * @vegaVersion 2.72.0
+         */
+        "triggerRepick": (type: DatePickerCalendarRepickType) => Promise<void>;
+        /**
+          * Determines whether the year or month dropdown position is calculated relative to the screen.
+          * @vegaVersion 2.72.0
+         */
+        "yearMonthDropdownProps": VegaDropdownPropsForDatePickerCalendar;
     }
     interface VegaDialog {
         /**
@@ -1424,6 +1507,11 @@ export namespace Components {
           * @vegaVersion 1.11.0
          */
         "search": (input: string) => Promise<void>;
+        /**
+          * Specifies the no search results text for the dropdown.
+          * @vegaVersion 2.74.0
+         */
+        "searchNoResultsText": string;
         /**
           * Determines whether the dropdown search is triggered by input or pressing the Enter key.
           * @vegaVersion 2.26.0
@@ -1471,12 +1559,13 @@ export namespace Components {
          */
         "translocation": ResponsiveType<TranslocationType>;
         /**
-          * Specifies the trigger mode for the dropdown.
+          * Specifies the trigger mode for the dropdown.   hover: The dropdown is shown/hidden on hover, and listens for global area clicks.   click: The dropdown is shown/hidden on click, and listens for global area clicks.   none: The dropdown does not listen for any events; you must control its visibility within the component.   custom: Custom trigger strategy, more information can refer to https://gethired.atlassian.net/wiki/spaces/VKB/pages/657031171/Trigger+strategy.
           * @vegaVersion 1.3.0
          */
-        "trigger": 'hover' | 'click' | 'none';
+        "trigger": VegaEATriggerType;
         /**
           * Determines whether to enable source filtering based on input words.  When set to 'false', the component will emit a `vegaSearch` event    when input words are provided. In this case, you are responsible for    managing the source, including adding, deleting, and updating the source.  Note that the `dynamicOption` property will not work when    this property is set to `false`.
+          * @VegaWarning Set `preserveValueIfNotInSource` to 'true' to get custom filter fully supported when set to 'false'.
           * @vegaVersion 1.24.0
          */
         "useDefaultFilter": boolean;
@@ -1968,11 +2057,21 @@ export namespace Components {
           * @vegaVersion 1.0.5
          */
         "email": boolean;
+        /**
+          * Invoke this method to hide the suggestions dropdown.
+          * @vegaVersion 2.75.0
+         */
+        "hideSuggestionsDropdown": () => Promise<void>;
         /**
           * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
           * @vegaVersion 1.3.0
          */
         "hint": string;
+        /**
+          * A hint to the browser for which keyboard to display. Please refer to https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/inputmode for more details.
+          * @vegaVersion 2.71.0
+         */
+        "inputmode": 'text' | 'numeric';
         /**
           * Indicates whether the current value in the field is considered valid or    invalid based on the defined validation rules.
           * @vegaVersion 1.3.0
@@ -2043,11 +2142,21 @@ export namespace Components {
           * @vegaVersion 1.3.0
          */
         "showClearIcon": boolean;
+        /**
+          * Invoke this method to show the suggestions dropdown.
+          * @vegaVersion 2.75.0
+         */
+        "showSuggestionsDropdown": (dropdownConfig?: VegaInputSuggestionsDropdownConfig) => Promise<void>;
         /**
           * Defines the size of the input field,    specifying its width or length.
           * @vegaVersion 1.3.0
          */
         "size": 'default' | 'small';
+        /**
+          * Sets the source array of items for the suggestion dropdown.    You should set this property at least a empty array if you want enable the source mode suggestion dropdown feature.
+          * @vegaVersion 2.75.0
+         */
+        "suggestionsDropdownSource": VegaDropdownSourceItem[];
         /**
           * Defines the specific type or category of the input field.  It specifies the intended format or purpose of the    data to be entered by the user.
           * @vegaVersion 1.0.9
@@ -2500,10 +2609,10 @@ export namespace Components {
          */
         "selectType": SelectType;
         /**
-          * Allows customization of the text displayed within the    select field when multiple items are selected.    The default format for the selected label is    `${number of selected items} Selected`.
+          * Allows customization of the text displayed within the    select field when single or multiple items are selected.    The default format for the selected label is    `${number of selected items} Selected` for multiple mode only.  To enable all modes, use the `SelectedLabelTypeForAllModes` type. 		For single mode, the default format is the `displayName` of the selected item if not set 		For multiple mode, the default format is `${number of selected items} Selected` if not set
           * @vegaVersion 1.35.0
          */
-        "selectedLabel": SelectedLabelType;
+        "selectedLabel": SelectedLabelType | SelectedLabelTypeForAllModes;
         /**
           * Defines the size of the input select field.
           * @vegaVersion 1.18.0
@@ -2739,10 +2848,10 @@ export namespace Components {
          */
         "backdropColor": VegaModalBackdropColor;
         /**
-          * Defines the maximum height of the content within    the modal element.
+          * Defines the maximum height of the content within    the modal element.  It accepts values in numeric, string and ResponsiveType. Numeric values represent maximum height of the content in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units like 'vh' or 'calc' expressions.    (e.g., '100vh' or 'calc(100vh - 20px)').
           * @vegaVersion 1.4.0
          */
-        "contentMaxHeight": ResponsiveType<number>;
+        "contentMaxHeight": ResponsiveType<number | string>;
         /**
           * Provides a callback function that is triggered when a user clicks the    close button located in the top right corner of the modal.  If the callback function returns `true`, the modal will be closed.  If the callback function returns `false` or does not return any value, the modal will remain open.
           * @vegaVersion 1.22.0
@@ -2982,8 +3091,9 @@ export namespace Components {
         /**
           * Invoke this method to show the popover.
           * @vegaVersion 1.22.0
+          * @param refresh - Determines whether the popover should be refreshed even when it is already visible. This is useful for updating the popover‘s styles (such as width, height, or position). The default value is false. Added in 2.73.0.
          */
-        "show": () => Promise<void>;
+        "show": (refresh?: boolean) => Promise<void>;
         /**
           * Controls whether the arrow is display.
           * @vegaVersion 2.8.0
@@ -3035,10 +3145,10 @@ export namespace Components {
          */
         "current": number;
         /**
-          * Specifies the direction of the Progress Tracker component.  It can be set to either horizontal or vertical.    In the horizontal direction, the tracker is divided into    panes with navigable arrows. In the vertical direction,    it is displayed as a single pane.
+          * Specifies the direction of the Progress Tracker component.  It can be set to either horizontal or vertical.    In the horizontal direction, the tracker is divided into    panes with navigable arrows. In the vertical direction,    it is displayed as a single pane. It also can be set as ResponsiveType for responsive direction.
           * @vegaVersion 1.0.7
          */
-        "direction": 'vertical' | 'horizontal';
+        "direction": ResponsiveType<VegaProgressTrackerDirectionType>;
         /**
           * Invoke this method to retrieve the tracker's current step.
           * @vegaVersion 1.3.0
@@ -3065,6 +3175,13 @@ export namespace Components {
          */
         "steps": string[];
     }
+    interface VegaProgressTrackerStep {
+        /**
+          * The unique key for the step.
+          * @vegaVersion 2.73.0
+         */
+        "stepKey": string;
+    }
     interface VegaRadio {
         /**
           * Determines if the radio button is selected or checked.
@@ -4492,6 +4609,10 @@ export interface VegaDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaDatePickerElement;
 }
+export interface VegaDatePickerCalendarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaDatePickerCalendarElement;
+}
 export interface VegaDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaDropdownElement;
@@ -5101,6 +5222,12 @@ declare global {
         prototype: HTMLVegaProgressTrackerElement;
         new (): HTMLVegaProgressTrackerElement;
     };
+    interface HTMLVegaProgressTrackerStepElement extends Components.VegaProgressTrackerStep, HTMLStencilElement {
+    }
+    var HTMLVegaProgressTrackerStepElement: {
+        prototype: HTMLVegaProgressTrackerStepElement;
+        new (): HTMLVegaProgressTrackerStepElement;
+    };
     interface HTMLVegaRadioElement extends Components.VegaRadio, HTMLStencilElement {
     }
     var HTMLVegaRadioElement: {
@@ -5420,6 +5547,7 @@ declare global {
         "vega-popover": HTMLVegaPopoverElement;
         "vega-popover-content-box": HTMLVegaPopoverContentBoxElement;
         "vega-progress-tracker": HTMLVegaProgressTrackerElement;
+        "vega-progress-tracker-step": HTMLVegaProgressTrackerStepElement;
         "vega-radio": HTMLVegaRadioElement;
         "vega-radio-group": HTMLVegaRadioGroupElement;
         "vega-rich-text-content": HTMLVegaRichTextContentElement;
@@ -5620,6 +5748,12 @@ declare namespace LocalJSX {
           * @vegaVersion 2.0.0
          */
         "onDropdownClick"?: (event: VegaAppHeaderButtonCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying the reset event in the dropdown.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.73.0
+         */
+        "onReset"?: (event: VegaAppHeaderButtonCustomEvent<string>) => void;
         /**
           * An event emitter notifying the click event of an app header button.
           * @vegaVersion 1.11.0
@@ -5630,6 +5764,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.23.0
          */
         "onVegaDropdownClick"?: (event: VegaAppHeaderButtonCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying the reset event in the dropdown.
+          * @vegaVersion 2.73.0
+         */
+        "onVegaReset"?: (event: VegaAppHeaderButtonCustomEvent<string>) => void;
         /**
           * Specifies whether the app header button is displayed in a selected state.
           * @vegaVersion 1.15.0
@@ -6043,6 +6182,11 @@ declare namespace LocalJSX {
         "variant"?: VegaButtonCircleVariant;
     }
     interface VegaButtonGroup {
+        /**
+          * Specifies whether the button elements are disabled.
+          * @vegaVersion 2.72.0
+         */
+        "disabled"?: boolean;
         /**
           * Specifies the placement of the icon in relation to the button's label.
           * @vegaVersion 2.5.0
@@ -6071,6 +6215,11 @@ declare namespace LocalJSX {
         "variant"?: VegaButtonGroupVariant;
     }
     interface VegaButtonGroupItem {
+        /**
+          * Specifies whether the button group item is disabled.
+          * @vegaVersion 2.72.0
+         */
+        "disabled"?: boolean;
         /**
           * Specifies the properties for the dropdown menu that appears when the button group contains more than one button item.
           * @vegaVersion 2.5.0
@@ -6908,6 +7057,101 @@ declare namespace LocalJSX {
         "value"?: DatePickerValueType<DatePickerModeType>;
     }
     interface VegaDatePickerCalendar {
+        /**
+          * Specifies whether to display the clear button when the calendar is shown.
+          * @vegaVersion 2.72.0
+         */
+        "clearButton"?: boolean;
+        /**
+          * Specifies the desired date format.
+          * @vegaVersion 2.72.0
+         */
+        "format"?: string;
+        /**
+          * Specifies a predicate function that determines whether a given date in the date picker should be disabled (non-interactive).  The function is called for each date cell before rendering.  Return `true` to disable the cell, or false to keep it selectable. Default behavior: always returns `false` (no cells are disabled).
+          * @param date - The `Date` object for the cell being evaluated.
+          * @returns `true` if the cell should be disabled; otherwise `false`.
+          * @vegaVersion 2.72.0
+         */
+        "isDateDisabled"?: DisabledDate;
+        /**
+          * Specifies the maximum selectable date in the date picker calendar.
+          * @vegaVersion 2.72.0
+         */
+        "maxDate"?: string;
+        /**
+          * Specifies the minimum selectable date in the date picker calendar.
+          * @vegaVersion 2.72.0
+         */
+        "minDate"?: string;
+        /**
+          * Specifies the selection mode of the date picker calendar.   - Use `single` to allow selecting a single date.  - Use `range` to allow selecting a date range.
+          * @vegaVersion 2.72.0
+         */
+        "mode"?: DatePickerModeType;
+        /**
+          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.72.0
+         */
+        "onClear"?: (event: VegaDatePickerCalendarCustomEvent<string | string[]>) => void;
+        /**
+          * An event emitter notifying the month and year change when the navigation buttons are clicked or the month and year dropdowns are selected in the date picker,
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.61.0
+         */
+        "onMonthYearChange"?: (event: VegaDatePickerCalendarCustomEvent<DatePickerMonthYearTypes>) => void;
+        /**
+          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.72.0
+         */
+        "onSelectionChange"?: (event: VegaDatePickerCalendarCustomEvent<string | string[]>) => void;
+        /**
+          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
+          * @vegaVersion 2.72.0
+         */
+        "onVegaClear"?: (event: VegaDatePickerCalendarCustomEvent<string | string[]>) => void;
+        /**
+          * An event emitter notifying the month and year change when the navigation buttons are clicked or the month and year dropdowns are selected in the date picker,    whether triggered programmatically or through user interaction.
+          * @vegaVersion 2.61.0
+         */
+        "onVegaMonthYearChange"?: (event: VegaDatePickerCalendarCustomEvent<DatePickerMonthYearTypes>) => void;
+        /**
+          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
+          * @vegaVersion 2.72.0
+         */
+        "onVegaSelectionChange"?: (event: VegaDatePickerCalendarCustomEvent<string | string[]>) => void;
+        /**
+          * Specifies the selected date or date range in the date picker calendar.
+          * @vegaVersion 2.72.0
+         */
+        "selection"?: DatePickerValueType<DatePickerModeType>;
+        /**
+          * Determines whether to show months and years dropdown in date picker calendar If set to true, date picker calendar will have months and years dropdown
+          * @vegaVersion 2.72.0
+         */
+        "showYearMonthDropdowns"?: boolean;
+        /**
+          * Renders the calendar picker in different sizes. Defaults to regular size
+          * @vegaVersion 2.72.0
+         */
+        "size"?: DatePickerCalendarSizeType;
+        /**
+          * Specifies the calendar is static height.
+          * @vegaVersion 2.72.0
+         */
+        "staticHeight"?: boolean;
+        /**
+          * Specifies the IANA time zone or Etc/GMT±n format.     It accepts values such as "America/New_York" or "Etc/GMT+12".     For a complete list of IANA time zones, refer to Time Zone DB(https://timezonedb.com/time-zones). 	   If not configured, the time zone will default to the system's time zone.
+          * @vegaVersion 2.72.0
+         */
+        "timezone"?: string;
+        /**
+          * Determines whether the year or month dropdown position is calculated relative to the screen.
+          * @vegaVersion 2.72.0
+         */
+        "yearMonthDropdownProps"?: VegaDropdownPropsForDatePickerCalendar;
     }
     interface VegaDialog {
         /**
@@ -7139,6 +7383,11 @@ declare namespace LocalJSX {
           * @vegaVersion 2.46.0
          */
         "resettable"?: boolean;
+        /**
+          * Specifies the no search results text for the dropdown.
+          * @vegaVersion 2.74.0
+         */
+        "searchNoResultsText"?: string;
         /**
           * Determines whether the dropdown search is triggered by input or pressing the Enter key.
           * @vegaVersion 2.26.0
@@ -7175,12 +7424,13 @@ declare namespace LocalJSX {
          */
         "translocation"?: ResponsiveType<TranslocationType>;
         /**
-          * Specifies the trigger mode for the dropdown.
+          * Specifies the trigger mode for the dropdown.   hover: The dropdown is shown/hidden on hover, and listens for global area clicks.   click: The dropdown is shown/hidden on click, and listens for global area clicks.   none: The dropdown does not listen for any events; you must control its visibility within the component.   custom: Custom trigger strategy, more information can refer to https://gethired.atlassian.net/wiki/spaces/VKB/pages/657031171/Trigger+strategy.
           * @vegaVersion 1.3.0
          */
-        "trigger"?: 'hover' | 'click' | 'none';
+        "trigger"?: VegaEATriggerType;
         /**
           * Determines whether to enable source filtering based on input words.  When set to 'false', the component will emit a `vegaSearch` event    when input words are provided. In this case, you are responsible for    managing the source, including adding, deleting, and updating the source.  Note that the `dynamicOption` property will not work when    this property is set to `false`.
+          * @VegaWarning Set `preserveValueIfNotInSource` to 'true' to get custom filter fully supported when set to 'false'.
           * @vegaVersion 1.24.0
          */
         "useDefaultFilter"?: boolean;
@@ -7776,6 +8026,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.3.0
          */
         "hint"?: string;
+        /**
+          * A hint to the browser for which keyboard to display. Please refer to https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/inputmode for more details.
+          * @vegaVersion 2.71.0
+         */
+        "inputmode"?: 'text' | 'numeric';
         /**
           * Indicates whether the current value in the field is considered valid or    invalid based on the defined validation rules.
           * @vegaVersion 1.3.0
@@ -7850,12 +8105,24 @@ declare namespace LocalJSX {
           * @vegaVersion 2.25.0
          */
         "onLabelButtonClick"?: (event: VegaInputCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying a value change by input action of native input dom.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.75.0
+         */
+        "onNativeInputChange"?: (event: VegaInputCustomEvent<string>) => void;
         /**
           * An event emitter notifying the paste of the inner input element.
           * @eventSemantics namespace:native
           * @vegaVersion 2.66.0
          */
         "onPaste"?: (event: VegaInputCustomEvent<DataTransferType>) => void;
+        /**
+          * An event emitter notifying the click of a suggestion item.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.75.0
+         */
+        "onSuggestionItemClick"?: (event: VegaInputCustomEvent<VegaDropdownSourceItem>) => void;
         /**
           * An event emitter notifying the blur of the inner input element.
           * @vegaVersion 1.3.0
@@ -7876,11 +8143,21 @@ declare namespace LocalJSX {
           * @vegaVersion 2.25.0
          */
         "onVegaLabelButtonClick"?: (event: VegaInputCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying a value change by input action of native input dom.
+          * @vegaVersion 2.75.0
+         */
+        "onVegaNativeInputChange"?: (event: VegaInputCustomEvent<string>) => void;
         /**
           * An event emitter notifying the paste of the inner input element.
           * @vegaVersion 2.66.0
          */
         "onVegaPaste"?: (event: VegaInputCustomEvent<DataTransferType>) => void;
+        /**
+          * An event emitter notifying the click of a suggestion item.
+          * @vegaVersion 2.75.0
+         */
+        "onVegaSuggestionItemClick"?: (event: VegaInputCustomEvent<VegaDropdownSourceItem>) => void;
         /**
           * Specifies a placeholder string that displays as a temporary hint    or example inside the input field.  It indicates the expected format or pattern of the input.
           * @vegaVersion 1.3.0
@@ -7906,6 +8183,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.3.0
          */
         "size"?: 'default' | 'small';
+        /**
+          * Sets the source array of items for the suggestion dropdown.    You should set this property at least a empty array if you want enable the source mode suggestion dropdown feature.
+          * @vegaVersion 2.75.0
+         */
+        "suggestionsDropdownSource"?: VegaDropdownSourceItem[];
         /**
           * Defines the specific type or category of the input field.  It specifies the intended format or purpose of the    data to be entered by the user.
           * @vegaVersion 1.0.9
@@ -8496,10 +8778,10 @@ declare namespace LocalJSX {
          */
         "selectType"?: SelectType;
         /**
-          * Allows customization of the text displayed within the    select field when multiple items are selected.    The default format for the selected label is    `${number of selected items} Selected`.
+          * Allows customization of the text displayed within the    select field when single or multiple items are selected.    The default format for the selected label is    `${number of selected items} Selected` for multiple mode only.  To enable all modes, use the `SelectedLabelTypeForAllModes` type. 		For single mode, the default format is the `displayName` of the selected item if not set 		For multiple mode, the default format is `${number of selected items} Selected` if not set
           * @vegaVersion 1.35.0
          */
-        "selectedLabel"?: SelectedLabelType;
+        "selectedLabel"?: SelectedLabelType | SelectedLabelTypeForAllModes;
         /**
           * Defines the size of the input select field.
           * @vegaVersion 1.18.0
@@ -8780,10 +9062,10 @@ declare namespace LocalJSX {
          */
         "backdropColor"?: VegaModalBackdropColor;
         /**
-          * Defines the maximum height of the content within    the modal element.
+          * Defines the maximum height of the content within    the modal element.  It accepts values in numeric, string and ResponsiveType. Numeric values represent maximum height of the content in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units like 'vh' or 'calc' expressions.    (e.g., '100vh' or 'calc(100vh - 20px)').
           * @vegaVersion 1.4.0
          */
-        "contentMaxHeight"?: ResponsiveType<number>;
+        "contentMaxHeight"?: ResponsiveType<number | string>;
         /**
           * Provides a callback function that is triggered when a user clicks the    close button located in the top right corner of the modal.  If the callback function returns `true`, the modal will be closed.  If the callback function returns `false` or does not return any value, the modal will remain open.
           * @vegaVersion 1.22.0
@@ -9117,10 +9399,10 @@ declare namespace LocalJSX {
          */
         "current"?: number;
         /**
-          * Specifies the direction of the Progress Tracker component.  It can be set to either horizontal or vertical.    In the horizontal direction, the tracker is divided into    panes with navigable arrows. In the vertical direction,    it is displayed as a single pane.
+          * Specifies the direction of the Progress Tracker component.  It can be set to either horizontal or vertical.    In the horizontal direction, the tracker is divided into    panes with navigable arrows. In the vertical direction,    it is displayed as a single pane. It also can be set as ResponsiveType for responsive direction.
           * @vegaVersion 1.0.7
          */
-        "direction"?: 'vertical' | 'horizontal';
+        "direction"?: ResponsiveType<VegaProgressTrackerDirectionType>;
         /**
           * An event emitter notifying that the current step has changed.
           * @eventSemantics namespace:native
@@ -9138,6 +9420,13 @@ declare namespace LocalJSX {
          */
         "steps"?: string[];
     }
+    interface VegaProgressTrackerStep {
+        /**
+          * The unique key for the step.
+          * @vegaVersion 2.73.0
+         */
+        "stepKey"?: string;
+    }
     interface VegaRadio {
         /**
           * Determines if the radio button is selected or checked.
@@ -10802,6 +11091,7 @@ declare namespace LocalJSX {
         "vega-popover": VegaPopover;
         "vega-popover-content-box": VegaPopoverContentBox;
         "vega-progress-tracker": VegaProgressTracker;
+        "vega-progress-tracker-step": VegaProgressTrackerStep;
         "vega-radio": VegaRadio;
         "vega-radio-group": VegaRadioGroup;
         "vega-rich-text-content": VegaRichTextContent;
@@ -10921,6 +11211,7 @@ declare module "@stencil/core" {
             "vega-popover": LocalJSX.VegaPopover & JSXBase.HTMLAttributes<HTMLVegaPopoverElement>;
             "vega-popover-content-box": LocalJSX.VegaPopoverContentBox & JSXBase.HTMLAttributes<HTMLVegaPopoverContentBoxElement>;
             "vega-progress-tracker": LocalJSX.VegaProgressTracker & JSXBase.HTMLAttributes<HTMLVegaProgressTrackerElement>;
+            "vega-progress-tracker-step": LocalJSX.VegaProgressTrackerStep & JSXBase.HTMLAttributes<HTMLVegaProgressTrackerStepElement>;
             "vega-radio": LocalJSX.VegaRadio & JSXBase.HTMLAttributes<HTMLVegaRadioElement>;
             "vega-radio-group": LocalJSX.VegaRadioGroup & JSXBase.HTMLAttributes<HTMLVegaRadioGroupElement>;
             "vega-rich-text-content": LocalJSX.VegaRichTextContent & JSXBase.HTMLAttributes<HTMLVegaRichTextContentElement>;

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

@@ -4,3 +4,4 @@ export declare const VisaRegex: RegExp;
 export declare const MasterCardRegex: RegExp;
 export declare const AmexRegex: RegExp;
 export declare const DiscoverRegex: RegExp;
+export declare const DateFormatParserRegex: RegExp;

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

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