@globalpayments/vega 2.16.0 → 2.18.0

package/dist/types/components/vega-input-phone-number/slimmers/renderers/phone-number-input-renderer.d.ts

@@ -0,0 +1,37 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaInputPhoneNumber } from '../../vega-input-phone-number';
+export declare class PhoneNumberInputRenderer extends VegaSlimmer {
+  protected size: VegaInputPhoneNumber['size'];
+  protected placeholder: VegaInputPhoneNumber['placeholder'];
+  protected disabled: VegaInputPhoneNumber['disabled'];
+  protected value: VegaInputPhoneNumber['value'];
+  protected countryCode: VegaInputPhoneNumber['countryCode'];
+  protected valueController: VegaInputPhoneNumber['valueController'];
+  protected countrySelectController: VegaInputPhoneNumber['countrySelectController'];
+  protected phoneNumberInputValue: VegaInputPhoneNumber['phoneNumberInputValue'];
+  private inputRef;
+  /**
+   * The function `getInputRef` returns the HTML input element reference stored in the `inputRef`
+   * property.
+   * @returns {HTMLVegaInputElement} An HTMLVegaInputElement, specifically the inputRef.
+   */
+  getInputRef(): HTMLVegaInputElement;
+  /**
+   * The render function returns a JSX element with a vega-box containing a vega-input element with
+   * various props and event handlers.
+   *
+   * @returns {HTMLElement} An HTMLElement containing a vega-box element with a vega-input element inside. The
+   * vega-input element has various props such as size, disabled, placeholder, ref, value, and onKeyDown
+   * set with corresponding values or functions.
+   */
+  render(): HTMLElement;
+  /**
+   * The handleInputChange function updates the input value with a new value including the calling code
+   * prefix for a specific country.
+   *
+   * @param {CustomEvent} e - The parameter `e` in the `handleInputChange` function is a CustomEvent
+   * object. It seems to contain a `detail` property that holds the new input value as a string.
+   */
+  private handleInputChange;
+  private phoneNumberMaskFormatter;
+}

package/dist/types/components/vega-input-phone-number/slimmers/renderers/vega-input-phone-number-renderer.d.ts

@@ -0,0 +1,27 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaInputPhoneNumber } from '../../vega-input-phone-number';
+export declare class VegaInputPhoneNumberRenderer extends VegaSlimmer {
+  protected required: VegaInputPhoneNumber['required'];
+  protected label: VegaInputPhoneNumber['label'];
+  protected disabled: VegaInputPhoneNumber['disabled'];
+  protected hint: VegaInputPhoneNumber['hint'];
+  protected countrySelectRenderer: VegaInputPhoneNumber['countrySelectRenderer'];
+  protected phoneNumberInputRenderer: VegaInputPhoneNumber['phoneNumberInputRenderer'];
+  private inputPhoneNumberContainerRef;
+  getInputPhoneNumberContainerRef(): HTMLElement;
+  render(): HTMLElement;
+  /**
+   * The `renderLabel` function returns a JSX element for a Vega field label with specific props.
+   *
+   * @returns {HTMLVegaFieldLabelElement} An HTMLVegaFieldLabelElement is being returned.
+   */
+  private renderLabel;
+  /**
+   * The function `renderHint` returns a label element with a hint text if the `hint` property is provided.
+   *
+   * @returns {HTMLElement|null} A `label` element with the class `vega-input-phone-number-hint` containing a `vega-font` element
+   * with the variant `font-footnote1-short` and color `text-secondary`, displaying the hint text stored
+   * in the `this.hint` property.
+   */
+  private renderHint;
+}

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

@@ -0,0 +1,13 @@
+import { CountryCode } from 'libphonenumber-js';
+
+export type VegaCountryCode = CountryCode;
+
+export type VegaCountryType = {
+	callingCode: string;
+	countryCode: VegaCountryCode;
+	name: string;
+};
+
+export type VegaCountryNameType = {
+	[countryCode in VegaCountryCode]: string;
+};

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

@@ -0,0 +1,110 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
+import { VegaInputPhoneNumberRenderer } from './slimmers/renderers/vega-input-phone-number-renderer';
+import { CountrySelectRenderer } from './slimmers/renderers/country-select-renderer';
+import { PhoneNumberInputRenderer } from './slimmers/renderers/phone-number-input-renderer';
+import { VegaInputPhoneNumberValueController } from './slimmers/controllers/vega-input-phone-number-value-controller';
+import { FormFieldValidationRule } from '../../helpers/validator/rules/formFieldValidationRule';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/formFieldControllerSlimmer';
+import { CountrySelectController } from './slimmers/controllers/country-select-controller';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
+import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
+import { VegaCountryCode, VegaCountryType } from './types';
+export declare class VegaInputPhoneNumber {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaInputRangeElement>;
+  protected valueController: VegaInputPhoneNumberValueController;
+  protected inputPhoneNumberRenderer: VegaInputPhoneNumberRenderer;
+  protected countrySelectRenderer: CountrySelectRenderer;
+  protected phoneNumberInputRenderer: PhoneNumberInputRenderer;
+  protected countrySelectController: CountrySelectController;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  protected countryChangeEventEmitter: EventEmitSlimmerBase;
+  protected inputPhoneNumberEventPrevent: ChildNodesEventPreventSlimmer;
+  protected readonly formFieldController: FormFieldControllerSlimmer<string>;
+  host: HTMLVegaInputPhoneNumberElement;
+  countryCodeSearchString: string;
+  phoneNumberInputValue: string;
+  /**
+   * Specifies the label or title for the phone number input field.
+   *
+   * It provides descriptive text that helps identify the
+   *    purpose or content expected in the input field.
+   */
+  label: string;
+  /**
+   * Specifies the size of the phone number input field.
+   */
+  size: 'default' | 'small';
+  /**
+   * Determines whether the phone number input field is required.
+   */
+  required: boolean;
+  /**
+   * Determines whether the phone number input field is disabled.
+   */
+  disabled: boolean;
+  /**
+   * Specifies the default country calling code using the two-letter uppercase country code.
+   */
+  countryCode: VegaCountryCode;
+  watchCountryCode(newCountryCode: VegaCountryCode, oldCountryCode: VegaCountryCode): void;
+  /**
+   * Specifies the countries available for selection.
+   *
+   * Note: By default, 245 codes are provided, but loading all of them may take time. To improve performance, it is recommended to include only the necessary codes.
+   */
+  allowedCountryCodes: VegaCountryCode[];
+  /**
+   * Specifies the value of the phone number input in [E.164]{@link https://en.wikipedia.org/wiki/E.164} format.
+   */
+  value: string;
+  watchValue(value: string): void;
+  /**
+   * Specifies custom validation rules for the phone number input field.
+   */
+  validationRules: FormFieldValidationRule<unknown>[];
+  watchValidationRules(): void;
+  /**
+   * Indicates whether the current value in the field is considered valid
+   *    based on the defined validation rules.
+   */
+  isValid: boolean;
+  /**
+   * Determines whether the phone number input field should undergo automatic validation
+   *    during the user's input.
+   */
+  autoValidation: boolean;
+  /**
+   * Specifies a placeholder string that displays as a temporary hint
+   *    or example inside the input field.
+   */
+  placeholder: string;
+  /**
+   * Provides a supplementary prompt message that assists users in
+   *    understanding the expected value for the input field.
+   */
+  hint: string;
+  /**
+   * An event emitter notifying a value change.
+   */
+  vegaChange: EventEmitter<string>;
+  /**
+   * An event emitter notifying a value change.
+   *
+   * @eventSemantics namespace:native
+   */
+  change: EventEmitter<string>;
+  /**
+   * An event emitter notifying a country change.
+   */
+  vegaCountryChange: EventEmitter<VegaCountryType>;
+  /**
+   * An event emitter notifying a country change.
+   *
+   * @eventSemantics namespace:native
+   */
+  countryChange: EventEmitter<VegaCountryType>;
+  render(): VegaInputPhoneNumber;
+}

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

@@ -6,6 +6,8 @@ export declare class VegaInputSelectDropdownController extends VegaSlimmer {
   vegaSearch: VegaInputSelect['vegaSearch'];
   searchEventEmitter: VegaInputSelect['searchEventEmitter'];
   vegaInputSelectValueController: VegaInputSelect['vegaInputSelectValueController'];
+  sourceController: VegaInputSelect['sourceController'];
+  source: VegaInputSelect['source'];
   /** The `onDropdownShow` function is setting the `isDropdownShow` property of the`VegaInputSelectDropdownController` class to `true`. This function is called when the dropdown select input is shown. */
   onDropdownShow: () => void;
   /** The `onDropdownHide` function is setting the `isDropdownShow` property of the `VegaInputSelectDropdownController` class to `false`. This function is called when the dropdown select input is hidden. */

package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-items-slot-controler.d.ts

@@ -0,0 +1,19 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { MutationObserverSlimmer } from '../../../../helpers/slimmers/mutation-observer/mutationObserverSlimmer';
+/**
+ * The class `VegaInputSelectItemsSlotController` extends `VegaSlimmer` and manages
+ * appending host items to a dropdown element.
+ */
+export declare class VegaInputSelectItemsSlotController extends VegaSlimmer {
+  protected mutationObserver: MutationObserverSlimmer;
+  private host;
+  private vegaInputSelectDropdownRenderer;
+  /**
+   * Component lifecycle - [componentDidLoad]
+   */
+  componentDidLoad(): void;
+  /**
+   * The function appends host items to a dropdown element.
+   */
+  private appendHostItemsToDropdown;
+}

package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-source-controller.d.ts

@@ -1,5 +1,6 @@
 import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
-import { SelectSourceItem } from '../../types';
+import { SelectSourceItem, SelectType, SelectValueType } from '../../types';
+import { Nullable } from '../../../../types/general';
 /**
  * The `VegaInputSelectSourceController` class manages the source data for
  * a dropdown input component in TypeScript.
@@ -16,4 +17,13 @@ export declare class VegaInputSelectSourceController extends VegaSlimmer {
    * @param {SelectSourceItem[]} items - Appendable items
    */
   appendSourceItems(items: SelectSourceItem[]): void;
+  /**
+   * This TypeScript function retrieves an item from a source array based on its ID.
+   *
+   * @param {SelectValueType<SelectType>} id - The `id` parameter in the `getItem` function is of type `SelectValueType<SelectType>`,
+   * which means it can accept a value that corresponds to the `SelectType` defined in the function.
+   * @returns { Nullable<SelectSourceItem>} The `getItem` function is returning a `SelectSourceItem` object that matches the provided
+   * `id`, or `null` if no matching item is found in the `source` array.
+   */
+  getItem(id: SelectValueType<SelectType>): Nullable<SelectSourceItem>;
 }

package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-value-controller.d.ts

@@ -4,9 +4,9 @@ import { SelectType, SelectValueType } from '../../types';
 export declare class VegaInputSelectValueController extends VegaSlimmer {
   private value;
   private selectType;
-  private source;
   private changeEventEmitter;
   private host;
+  private sourceController;
   /**
    * handle the value change when the component watchValue call
    *

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

@@ -1,10 +1,13 @@
 import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { Nullable } from '../../../../types/general';
 /** The `VegaInputSelectDropdownRenderer` class is a TypeScript React component that renders a dropdown select input with various customization options. */
 export declare class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   private dropdown;
   private inputSelectContainer;
+  private itemsSlotRef;
   private value;
   private source;
+  private host;
   private selectType;
   private isDropdownShow;
   private vegaDropdownProps;
@@ -13,11 +16,14 @@ export declare class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   private selectedLabel;
   private isLazyLoading;
   private vegaInputSelectDropdownController;
+  private sourceController;
   show(): Promise<void>;
   hide(): Promise<void>;
   getDropdownRef(): HTMLVegaDropdownElement;
   getInputSelectContainerRef(): HTMLDivElement;
+  getItemsSlotRef(): Nullable<HTMLElement>;
   render(): HTMLVegaDropdownElement;
+  private renderItemsSlot;
   private renderContainer;
   private renderPrefixIcon;
   private renderToggleIcon;

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

@@ -15,6 +15,7 @@ import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimm
 import { VegaInputSelectLazyLoadController } from './slimmers/controllers/vega-input-select-lazy-load-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
 import { VegaInputSelectSourceController } from './slimmers/controllers/vega-input-select-source-controller';
+import { VegaInputSelectItemsSlotController } from './slimmers/controllers/vega-input-select-items-slot-controler';
 export declare class VegaInputSelect {
   protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly sourceController: VegaInputSelectSourceController;
@@ -22,6 +23,7 @@ export declare class VegaInputSelect {
   protected readonly vegaInputSelectDropdownController: VegaInputSelectDropdownController;
   protected readonly vegaInputSelectValueController: VegaInputSelectValueController;
   protected readonly vegaInputSelectDropdownRenderer: VegaInputSelectDropdownRenderer;
+  protected readonly vegaInputSelectItemsSlotController: VegaInputSelectItemsSlotController;
   protected readonly formFieldControllerSlimmer: FormFieldControllerSlimmer<SelectValueType<SelectType>>;
   protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
   protected readonly lazyLoadController: VegaInputSelectLazyLoadController;

package/dist/types/components.d.ts

@@ -17,7 +17,7 @@ import { VegaButtonIconAlign, VegaButtonSize, VegaButtonType, VegaButtonVariant
 import { VegaButtonCircleSize, VegaButtonCircleTooltip, VegaButtonCircleVariant } from "./components/vega-button-circle/types";
 import { DropdownPropsForButtonGroup, VegaButtonGroupIconAlign, VegaButtonGroupSize, VegaButtonGroupVariant } from "./components/vega-button-group/types";
 import { DropdownSourceGroup, DropdownSourceItem, VegaDropdownSourceItem } from "./components/vega-dropdown/types";
-import { VegaCalendarChangeEventType, VegaCalendarEventClickInfo, VegaCalendarRawEvent, VegaCalendarViewModeType } from "./components/vega-calendar/types";
+import { VegaCalendarChangeEventType, VegaCalendarDateClickInfo, VegaCalendarEventClickInfo, VegaCalendarRawEvent, VegaCalendarViewModeType } from "./components/vega-calendar/types";
 import { Nullable, TimeFormat } from "./types/general";
 import { CalendarEvent } from "./helpers/calendar/calendar-event";
 import { FormFieldValidationRule } from "./helpers/validator/rules/formFieldValidationRule";
@@ -31,6 +31,7 @@ import { VegaFontAs } from "./components/vega-font/types";
 import { FormControlOption, FormValidateResult } from "./components/vega-form/types";
 import { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from "./components/vega-image-uploader/types";
 import { MaskConfigType } from "./components/vega-input/types";
+import { VegaCountryCode, 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 { ItemToggleStatusMap } from "./components/vega-item-toggle/types";
@@ -350,6 +351,10 @@ export namespace Components {
           * Specifies the text displayed on the button.
          */
         "label": string;
+        /**
+          * Specifies whether the button is in a loading state. When `true`,     the button is disabled and an indeterminate loading indicator     is displayed within the button.
+         */
+        "loading": boolean;
         /**
           * Specifies the size of the button.
          */
@@ -1358,6 +1363,10 @@ export namespace Components {
           * Sets the minimum length requirement for the input value.
          */
         "minLength": number;
+        /**
+          * Defines the specific name of the input field.
+         */
+        "name": string;
         /**
           * 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.
          */
@@ -1437,6 +1446,56 @@ export namespace Components {
          */
         "value": string;
     }
+    interface VegaInputPhoneNumber {
+        /**
+          * Specifies the countries available for selection.  Note: By default, 245 codes are provided, but loading all of them may take time. To improve performance, it is recommended to include only the necessary codes.
+         */
+        "allowedCountryCodes": VegaCountryCode[];
+        /**
+          * Determines whether the phone number input field should undergo automatic validation    during the user's input.
+         */
+        "autoValidation": boolean;
+        /**
+          * Specifies the default country calling code using the two-letter uppercase country code.
+         */
+        "countryCode": VegaCountryCode;
+        /**
+          * Determines whether the phone number input field is disabled.
+         */
+        "disabled": boolean;
+        /**
+          * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
+         */
+        "hint": string;
+        /**
+          * Indicates whether the current value in the field is considered valid    based on the defined validation rules.
+         */
+        "isValid": boolean;
+        /**
+          * Specifies the label or title for the phone number input field.  It provides descriptive text that helps identify the    purpose or content expected in the input field.
+         */
+        "label": string;
+        /**
+          * Specifies a placeholder string that displays as a temporary hint    or example inside the input field.
+         */
+        "placeholder": string;
+        /**
+          * Determines whether the phone number input field is required.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the phone number input field.
+         */
+        "size": 'default' | 'small';
+        /**
+          * Specifies custom validation rules for the phone number input field.
+         */
+        "validationRules": FormFieldValidationRule<unknown>[];
+        /**
+          * Specifies the value of the phone number input in [E.164]{@link https ://en.wikipedia.org/wiki/E.164} format.
+         */
+        "value": string;
+    }
     interface VegaInputRange {
         /**
           * Determines whether the input field should undergo automatic validation    during the user's input.
@@ -2700,6 +2759,10 @@ export interface VegaInputCreditCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaInputCreditCardElement;
 }
+export interface VegaInputPhoneNumberCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaInputPhoneNumberElement;
+}
 export interface VegaInputRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaInputRangeElement;
@@ -3043,6 +3106,12 @@ declare global {
         prototype: HTMLVegaInputCreditCardElement;
         new (): HTMLVegaInputCreditCardElement;
     };
+    interface HTMLVegaInputPhoneNumberElement extends Components.VegaInputPhoneNumber, HTMLStencilElement {
+    }
+    var HTMLVegaInputPhoneNumberElement: {
+        prototype: HTMLVegaInputPhoneNumberElement;
+        new (): HTMLVegaInputPhoneNumberElement;
+    };
     interface HTMLVegaInputRangeElement extends Components.VegaInputRange, HTMLStencilElement {
     }
     var HTMLVegaInputRangeElement: {
@@ -3361,6 +3430,7 @@ declare global {
         "vega-image-uploader": HTMLVegaImageUploaderElement;
         "vega-input": HTMLVegaInputElement;
         "vega-input-credit-card": HTMLVegaInputCreditCardElement;
+        "vega-input-phone-number": HTMLVegaInputPhoneNumberElement;
         "vega-input-range": HTMLVegaInputRangeElement;
         "vega-input-select": HTMLVegaInputSelectElement;
         "vega-item-toggle": HTMLVegaItemToggleElement;
@@ -3590,11 +3660,20 @@ declare namespace LocalJSX {
           * Determines whether the banner is displayed.
          */
         "isOpen"?: boolean;
+        /**
+          * An event emitter notifying the banner action button has been clicked.
+          * @eventSemantics namespace:native
+         */
+        "onActionButtonClick"?: (event: VegaBannerCustomEvent<VegaBannerActionButtonType>) => void;
         /**
           * An event emitter notifying the banner close event.
           * @eventSemantics namespace:native
          */
         "onClose"?: (event: VegaBannerCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying the banner action button has been clicked.
+         */
+        "onVegaActionButtonClick"?: (event: VegaBannerCustomEvent<VegaBannerActionButtonType>) => void;
         /**
           * An event emitter notifying the banner close event.
          */
@@ -3756,6 +3835,10 @@ declare namespace LocalJSX {
           * Specifies the text displayed on the button.
          */
         "label"?: string;
+        /**
+          * Specifies whether the button is in a loading state. When `true`,     the button is disabled and an indeterminate loading indicator     is displayed within the button.
+         */
+        "loading"?: boolean;
         /**
           * An event emitter notifying the click event of the button.
           * @eventSemantics namespace:native
@@ -3936,6 +4019,10 @@ declare namespace LocalJSX {
           * @eventSemantics namespace:native
          */
         "onChange"?: (event: VegaCalendarCustomEvent<VegaCalendarChangeEventType>) => void;
+        /**
+          * An event emitter notifying that a calendar date item has been double-clicked.
+         */
+        "onDateDblClick"?: (event: VegaCalendarCustomEvent<VegaCalendarDateClickInfo>) => void;
         /**
           * An event emitter notifying that a component event item is clicked.
          */
@@ -3944,6 +4031,10 @@ declare namespace LocalJSX {
           * An event emitter notifying the component view content change after a switch panel click.
          */
         "onVegaChange"?: (event: VegaCalendarCustomEvent<VegaCalendarChangeEventType>) => void;
+        /**
+          * An event emitter notifying that a calendar date item has been double-clicked.
+         */
+        "onVegaDateDblClick"?: (event: VegaCalendarCustomEvent<VegaCalendarDateClickInfo>) => void;
         /**
           * An event emitter notifying that a component event item is clicked.
          */
@@ -4922,6 +5013,10 @@ declare namespace LocalJSX {
           * Sets the minimum length requirement for the input value.
          */
         "minLength"?: number;
+        /**
+          * Defines the specific name of the input field.
+         */
+        "name"?: string;
         /**
           * An event emitter notifying the blur of the inner input element.
           * @eventSemantics namespace:native
@@ -5055,6 +5150,74 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface VegaInputPhoneNumber {
+        /**
+          * Specifies the countries available for selection.  Note: By default, 245 codes are provided, but loading all of them may take time. To improve performance, it is recommended to include only the necessary codes.
+         */
+        "allowedCountryCodes"?: VegaCountryCode[];
+        /**
+          * Determines whether the phone number input field should undergo automatic validation    during the user's input.
+         */
+        "autoValidation"?: boolean;
+        /**
+          * Specifies the default country calling code using the two-letter uppercase country code.
+         */
+        "countryCode"?: VegaCountryCode;
+        /**
+          * Determines whether the phone number input field is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
+         */
+        "hint"?: string;
+        /**
+          * Indicates whether the current value in the field is considered valid    based on the defined validation rules.
+         */
+        "isValid"?: boolean;
+        /**
+          * Specifies the label or title for the phone number input field.  It provides descriptive text that helps identify the    purpose or content expected in the input field.
+         */
+        "label"?: string;
+        /**
+          * An event emitter notifying a value change.
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaInputPhoneNumberCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying a country change.
+          * @eventSemantics namespace:native
+         */
+        "onCountryChange"?: (event: VegaInputPhoneNumberCustomEvent<VegaCountryType>) => void;
+        /**
+          * An event emitter notifying a value change.
+         */
+        "onVegaChange"?: (event: VegaInputPhoneNumberCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying a country change.
+         */
+        "onVegaCountryChange"?: (event: VegaInputPhoneNumberCustomEvent<VegaCountryType>) => void;
+        /**
+          * Specifies a placeholder string that displays as a temporary hint    or example inside the input field.
+         */
+        "placeholder"?: string;
+        /**
+          * Determines whether the phone number input field is required.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the phone number input field.
+         */
+        "size"?: 'default' | 'small';
+        /**
+          * Specifies custom validation rules for the phone number input field.
+         */
+        "validationRules"?: FormFieldValidationRule<unknown>[];
+        /**
+          * Specifies the value of the phone number input in [E.164]{@link https ://en.wikipedia.org/wiki/E.164} format.
+         */
+        "value"?: string;
+    }
     interface VegaInputRange {
         /**
           * Determines whether the input field should undergo automatic validation    during the user's input.
@@ -6428,6 +6591,7 @@ declare namespace LocalJSX {
         "vega-image-uploader": VegaImageUploader;
         "vega-input": VegaInput;
         "vega-input-credit-card": VegaInputCreditCard;
+        "vega-input-phone-number": VegaInputPhoneNumber;
         "vega-input-range": VegaInputRange;
         "vega-input-select": VegaInputSelect;
         "vega-item-toggle": VegaItemToggle;
@@ -6521,6 +6685,7 @@ declare module "@stencil/core" {
             "vega-image-uploader": LocalJSX.VegaImageUploader & JSXBase.HTMLAttributes<HTMLVegaImageUploaderElement>;
             "vega-input": LocalJSX.VegaInput & JSXBase.HTMLAttributes<HTMLVegaInputElement>;
             "vega-input-credit-card": LocalJSX.VegaInputCreditCard & JSXBase.HTMLAttributes<HTMLVegaInputCreditCardElement>;
+            "vega-input-phone-number": LocalJSX.VegaInputPhoneNumber & JSXBase.HTMLAttributes<HTMLVegaInputPhoneNumberElement>;
             "vega-input-range": LocalJSX.VegaInputRange & JSXBase.HTMLAttributes<HTMLVegaInputRangeElement>;
             "vega-input-select": LocalJSX.VegaInputSelect & JSXBase.HTMLAttributes<HTMLVegaInputSelectElement>;
             "vega-item-toggle": LocalJSX.VegaItemToggle & JSXBase.HTMLAttributes<HTMLVegaItemToggleElement>;

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", "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", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateClick"];
+export declare const VegaNativeEventName: readonly ["change", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateDblClick", "countryChange", "actionButtonClick"];
 export declare const CssStates: readonly ["default", "hover", "active", "focus-visible"];

package/dist/types/helpers/calendar/calendar-date.d.ts

@@ -58,4 +58,12 @@ export declare class CalendarDate {
    * @returns {DateCompareResult} - Return a DateCompareResult object
    */
   compare(date: CalendarDate): DateCompareResult;
+  /**
+   * The function "equal" compares the year, month, and date of two CalendarDate objects and returns  true if they are equal.
+   *
+   * @param {CalendarDate} calendarDate - The `equal` method in the code snippet is a function that compares the year, month, and date of the current `CalendarDate` object with another
+   * `CalendarDate` object passed as a parameter. The method returns `true` if all three values (year, month, date) are equal
+   * @returns {boolean} The date is same day with current
+   */
+  equal(calendarDate: CalendarDate): boolean;
 }