@globalpayments/vega 2.24.0 → 2.25.0

package/dist/esm/vega-chip.entry.js

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-2fcb7c02.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-e86c7fbb.js';
 import { a as arrayToClassString } from './ui-153f4ae7.js';
-import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-abcaac42.js';
+import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-8a6b46ba.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
-import { a as VegaClick, c as VegaClose } from './vega-event-id-6ac7ca51.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
+import { a as VegaClick, c as VegaClose } from './vega-event-id-7465a011.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
 import './type-guard-4bc3fbf5.js';
 import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
@@ -21,7 +21,7 @@ import './state-background-color-formatter-0f86292d.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
 import './dom-node-subject-observer-factory-926991a9.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';
@@ -88,18 +88,26 @@ const VegaChip = class {
      *
      * It provides descriptive text that helps identify
      *    the purpose or category of the chip.
+     *
+     * @version 1.11.0
      */
     this.text = '';
     /**
      * Specifies whether the chip is clickable.
+     *
+     * @version 1.11.0
      */
     this.clickable = false;
     /**
      * Determines the rendering style for the chip.
+     *
+     * @version 1.11.0
      */
     this.variant = 'filled-background';
     /**
      * Specifies the size of the chip.
+     *
+     * @version 1.11.0
      */
     this.size = 'default';
     /**
@@ -107,15 +115,21 @@ const VegaChip = class {
      *
      * This property is only applicable when using the `filled-background` variant,
      *    which is a specific style option for the chip.
+     *
+     * @version 1.11.0
      */
     this.bgColor = 'bg-chip';
     /**
      * Specifies the color of the text displayed within the chip.
+     *
+     * @version 1.11.0
      */
     this.textColor = 'text-primary';
     /**
      * Specifies the color of the status dot when
      *    the chip's type is set to `status`.
+     *
+     * @version 1.11.0
      */
     this.statusColor = 'bg-status-info';
     /**
@@ -131,15 +145,21 @@ const VegaChip = class {
      *    the chip allows for more flexibility in positioning the icon.
      *    You can choose to have the icon as a prefix or a suffix to the label text.
      *    This type is commonly used when the chip represents a label or category.
+     *
+     * @version 1.11.0
      */
     this.chipType = 'label';
     /**
      * Controls the visibility of a close button within the chip.
+     *
+     * @version 1.11.0
      */
     this.showCloseIcon = false;
     /**
      * Specifies the placement or alignment of the icon within
      *    the chip in relation to the chip's text.
+     *
+     * @version 1.11.0
      */
     this.iconAlign = 'left';
     this.closeChip = (e) => {

package/dist/esm/vega-color-picker.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
-import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
+import { R as RequiredFieldRule } from './required-field-rule-f438a73f.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { h as hexToRGB, b as getHexFromShorthand } from './ui-153f4ae7.js';
@@ -7,9 +7,9 @@ import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { e as VegaChange } from './vega-event-id-6ac7ca51.js';
+import { e as VegaChange } from './vega-event-id-7465a011.js';
 import './string-be824360.js';
 import './dom-node-subject-observer-factory-926991a9.js';
 import './misc-9fdbcfbb.js';
@@ -22,7 +22,7 @@ import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
 import './number-e2519d1c.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-722461c1.js';
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   {
@@ -87,20 +87,29 @@ const VegaColorPicker = class {
     /**
      * Specifies the initial or preset color value of the color picker.
      *    It is represented as a hexadecimal string.
+     *
+     * @version 1.13.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
     /**
      * Displays a supplementary prompt message that assists users
      *    in understanding the expected value for the color picker.
+     *
+     * @version 1.13.0
      */
     this.hint = '';
     /**
      * Specifies whether the color picker element is disabled.
+     *
+     * @version 1.13.0
      */
     this.disabled = false;
     /**
      * Specifies whether a color must be selected for
      *    the color picker to pass form validation.
+     *
+     * @version 1.13.0
      */
     this.required = false;
     /**
@@ -108,26 +117,36 @@ const VegaColorPicker = class {
      *
      * It provides descriptive text that helps identify
      *    the purpose or content expected in the color picker.
+     *
+     * @version 1.13.0
      */
     this.label = '';
     /**
      * Specifies the validation status of the color picker component.
+     *
+     * @version 1.13.0
      */
-    /* eslint-disable @stencil/strict-mutable */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
      * Determines whether automatic validation should be implemented
      *  for the color picker when a color is selected.
+     *
+     * @version 1.13.0
      */
     this.autoValidation = true;
     /**
      * Specifies custom validation rules for the color picker.
+     *
+     * @version 1.13.0
      */
     this.validationRules = [];
     /**
      * Defines custom color options for the color picker.
      *
      * It should be an array of hexadecimal strings representing different colors.
+     *
+     * @version 1.13.0
      */
     this.colors = [
       '#73E6DC',

package/dist/esm/vega-combo-box.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-187f71d1.js';
-import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
+import { R as RequiredFieldRule } from './required-field-rule-f438a73f.js';
 import { s as sanitizeVegaComponent, g as getActiveElement } from './component-cae24190.js';
 import { M as isArrayOfType, N as isDropdownSourceItemType } from './type-guard-4bc3fbf5.js';
 import { f as findParent } from './ui-153f4ae7.js';
@@ -8,10 +8,10 @@ import { I as InjectKeyboardManager } from './inject-keyboard-manager-d2a96e14.j
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { e as VegaChange, j as VegaCreate, k as VegaSearch, m as VegaDropdownHide, b as VegaDropdownClick, c as VegaClose } from './vega-event-id-6ac7ca51.js';
+import { e as VegaChange, j as VegaCreate, k as VegaSearch, m as VegaDropdownHide, b as VegaDropdownClick, c as VegaClose } from './vega-event-id-7465a011.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import './breakpoints-e59edf8d.js';
@@ -28,7 +28,7 @@ import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
 import './number-e2519d1c.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';
@@ -109,40 +109,57 @@ const VegaComboBox = class {
      *
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the combo box.
+     *
+     * @version 1.11.0
      */
     this.label = '';
     /**
      * Specifies whether a value must be entered for the
      *    combo box to pass form validation.
+     *
+     * @version 1.11.0
      */
     this.required = false;
     /**
      * Specifies the source data used to populate the
      *    dropdown menu associated with the combo box.
+     *
+     * @version 1.11.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.source = [];
     /**
      * Sets the initial or preset values of the combo box.
      *
      * It should be an array of strings representing the selected values.
+     *
+     * @version 1.11.0
      */
     this.value = [];
     /**
      * Specifies the validation status of the combo box component.
+     *
+     * @version 1.11.0
      */
-    /* eslint-disable @stencil/strict-mutable */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
      * Determines whether automatic validation should be implemented
      *    when a value is edited in the combo box.
+     *
+     * @version 1.11.0
      */
     this.autoValidation = true;
     /**
      * Specifies custom validation rules for the combo box.
+     *
+     * @version 1.11.0
      */
     this.validationRules = [];
     /**
      * Specifies whether the combo box element is disabled.
+     *
+     * @version 1.11.0
      */
     this.disabled = false;
     /**
@@ -150,21 +167,29 @@ const VegaComboBox = class {
      *    or example inside the combo box input field.
      *
      * It indicates the expected format or pattern of the input.
+     *
+     * @version 1.11.0
      */
     this.placeholder = '';
     /**
      * Provides a supplementary prompt message that is displayed
      *    alongside the combo box input field.
+     *
+     * @version 1.11.0
      */
     this.hint = '';
     /**
      * Specifies the size of the combo box.
+     *
+     * @version 1.11.0
      */
     this.size = 'medium';
     /**
      * Specifies partial properties of the `vega-dropdown` component
      *    that are used to configure the dropdown menu
      *    associated with the combo box.
+     *
+     * @version 1.11.0
      */
     this.vegaDropdownProps = {};
     /**
@@ -173,6 +198,8 @@ const VegaComboBox = class {
      *
      * Setting this property to `false` enables custom text input handling
      *    by listening for the `vegaSearch` event.
+     *
+     * @version 1.24.0
      */
     this.useDefaultFilter = true;
     this.onItemClick = async () => {
@@ -239,6 +266,8 @@ const VegaComboBox = class {
   }
   /**
    * Invoke this method to close the dropdown menu associated with the combo box.
+   *
+   * @version 1.11.0
    */
   async close() {
     if (!this.disabled) {
@@ -247,6 +276,8 @@ const VegaComboBox = class {
   }
   /**
    * Invoke this method to open the dropdown menu associated with the combo box.
+   *
+   * @version 1.11.0
    */
   async open() {
     if (!this.disabled) {

package/dist/esm/vega-counter-badge.entry.js

@@ -25,6 +25,8 @@ const VegaCounterBadge = class {
      *
      * If set to `true`, the count is hidden,
      *    and the badge is rendered as a smaller dot.
+     *
+     * @version 1.15.0
      */
     this.dot = false;
     /**
@@ -33,15 +35,21 @@ const VegaCounterBadge = class {
      * - Use 'bg-danger' to represent critical information that
      *    demands the user's attention.
      * - Use 'bg-action' to represent a mere count of items.
+     *
+     * @version 1.15.0
      */
     this.color = 'bg-danger';
     /**
      * Represents the number that will be displayed on the badge.
+     *
+     * @version 1.15.0
      */
     this.count = 0;
     /**
      * Specifies the offset of the badge `[left, top]` from
      *    its default position at the top right corner.
+     *
+     * @version 1.15.0
      */
     this.offset = [0, 0];
   }

package/dist/esm/vega-date-picker_2.entry.js

@@ -6,7 +6,7 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
 import { a as arrayToClassString, g as getDeviceType, D as DeviceType } from './ui-153f4ae7.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { a as VegaClick, e as VegaChange } from './vega-event-id-6ac7ca51.js';
+import { a as VegaClick, e as VegaChange } from './vega-event-id-7465a011.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
 import { i as isArrayEqual } from './array-506b88b9.js';
 import { c as createCommonjsModule } from './index-0863eec6.js';
@@ -14,11 +14,11 @@ import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-7170d6b3.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-f740e51a.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-7721c206.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-b6072957.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
 import './string-be824360.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
@@ -34,10 +34,10 @@ import './number-e2519d1c.js';
 import './type-guard-4bc3fbf5.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsive-format-facade-2fcb7c02.js';
+import './responsive-format-facade-e86c7fbb.js';
 import './pixel-f32c07ce.js';
 import './keyboard-manager-477122e6.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 
@@ -1820,44 +1820,62 @@ const VegaDatePicker = class {
      *
      *  - Use `single` to allow selecting a single date.
      *  - Use `range` to allow selecting a date range.
+     *
+     * @version 1.3.0
      */
     this.mode = 'single';
     /**
      * Specifies the selected date or date range in the date picker.
+     *
+     * @version 1.3.0
      */
-    // eslint-disable-next-line @stencil/strict-mutable
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.mode === 'range' ? ['', ''] : '';
     /**
      * Determines whether the date picker field is required.
      *
      * Specifies whether a date or range must be selected for
      *    the date picker to pass form validation.
+     *
+     * @version 1.3.0
      */
     this.required = false;
     /**
      * Specifies the validation status of the date picker component.
+     *
+     * @version 1.3.0
      */
-    /* eslint-disable @stencil/strict-mutable */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
      * Determines whether automatic validation should be implemented
      *    when a date or range is selected.
+     *
+     * @version 1.3.0
      */
     this.autoValidation = true;
     /**
      * Specifies the desired date format.
+     *
+     * @version 1.3.0
      */
     this.format = 'MM/DD/YYYY';
     /**
      * Specifies the size of the date picker field.
+     *
+     * @version 1.3.0
      */
     this.size = 'default';
     /**
      * Specifies custom validation rules for the date picker field.
+     *
+     * @version 1.3.0
      */
     this.validationRules = [];
     /**
      * Specifies whether to display the clear button when the calendar is shown.
+     *
+     * @version 1.3.0
      */
     this.clearButton = false;
     /**
@@ -1865,21 +1883,29 @@ const VegaDatePicker = class {
      *
      * If set to `true`, keyboards and touch devices will skip
      *    interacting with this element.
+     *
+     * @version 1.3.0
      */
     this.readOnly = false;
     /**
      * Specifies whether the user is allowed to change either the
      *    start date or end date of an already selected date range
      *    without completely resetting the selected range.
+     *
+     * @version 1.3.0
      */
     this.allowRepick = false;
     /**
      * Specifies the configuration for the calendar dropdown
      *    associated with the date picker.
+     *
+     * @version 1.5.0
      */
     this.dropdownConfig = {};
     /**
      * Specifies whether the date picker field is disabled.
+     *
+     * @version 1.3.0
      */
     this.disabled = false;
   }
@@ -1928,6 +1954,7 @@ const VegaDatePicker = class {
    *    associated with the date picker.
    *
    * @see{module:vega-date-picker-click-call-do-open-close}
+   * @version 1.3.0
    */
   /* istanbul ignore next */
   async doClose() {
@@ -1937,6 +1964,7 @@ const VegaDatePicker = class {
    *    associated with the date picker.
    *
    * @see{module:vega-date-picker-click-call-do-open-close}
+   * @version 1.3.0
    */
   /* istanbul ignore next */
   async doOpen() {

package/dist/esm/vega-dialog_2.entry.js

@@ -3,18 +3,18 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
 import { I as InjectVegaSlimmer, c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import './state-background-color-formatter-0f86292d.js';
-import { f as formatAndValidResponsiveToken } from './design-token-abcaac42.js';
+import { f as formatAndValidResponsiveToken } from './design-token-8a6b46ba.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { c as VegaClose, a as VegaClick, x as VegaOpen } from './vega-event-id-6ac7ca51.js';
+import { c as VegaClose, a as VegaClick, B as VegaOpen } from './vega-event-id-7465a011.js';
 import { D as DefaultModalSize } from './ui-df46cc20.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-2fcb7c02.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-e86c7fbb.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-153f4ae7.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-0553458e.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-000e0c11.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
 import './type-guard-4bc3fbf5.js';
@@ -24,7 +24,7 @@ import './change-manager-6a7eb88c.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';
@@ -61,15 +61,21 @@ const VegaDialog = class {
      * Specifies the type of the dialog.
      *
      * Use the value `danger` when the dialog's primary action is destructive.
+     *
+     * @version 1.24.0
      */
     this.type = 'default';
     /**
      * Determines whether the cancel button should be displayed.
+     *
+     * @version 1.24.0
      */
     this.showCancel = true;
     /**
      * Represents a dictionary that contains the configuration options
      *    for the modal component used to display the dialog.
+     *
+     * @version 1.24.0
      */
     this.modalProps = {};
     this.handleCancelBtnClick = (e) => {
@@ -245,45 +251,64 @@ const VegaModal = class {
      * _Note_:
      *    When changing this value, a page refresh is required
      *    for the changes to take effect.
+     *
+     * @version 1.0.6
      */
     this.backdrop = 'default';
     /**
      * Determines whether the modal is initially open.
+     *
+     * @version 1.0.6
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.open = false;
     /**
      * Specifies whether the modal uses an animated transition
      *    when it appears.
+     *
+     * @version 1.0.11
      */
     this.animation = false;
     /**
      * Represents the title displayed within the modal.
+     *
+     * @version 1.3.0
      */
     this.modalTitle = '';
     /**
      * Specifies the background color of the modal's backdrop.
+     *
+     * @version 1.3.0
      */
     this.backdropColor = 'default';
     /**
      * Determines whether the modal is vertically centered
      *    on the screen.
      * @deprecated This property will be removed soon and replaced by prop isVerticallyCentered
+     *
+     * @version 1.3.0
      */
     this.isVerticallyCenter = false;
     /**
      * Determines whether the modal is vertically centered
      *    on the screen.
+     *
+     * @version 2.2.0
      */
     this.isVerticallyCentered = false;
     /**
      * Determines whether the modal displays a close button to
      *    allow hiding or closing of the modal.
+     *
+     * @version 1.3.0
      */
     this.showCloseButton = true;
     /**
      * Specifies the amount of space or padding within the modal.
      *
      * It can be set as a ResponsiveType or any size value.
+     *
+     * @version 1.0.10
      */
     this.padding = 'size-24';
     /**
@@ -293,6 +318,8 @@ const VegaModal = class {
      * 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.
+     *
+     * @version 1.22.0
      */
     this.handleClose = undefined;
     /**
@@ -375,11 +402,15 @@ const VegaModal = class {
   }
   /**
    * Invoke this method to show or hide the modal.
+   *
+   * @version 1.0.6
    */
   /* The below method is e2e-test covered in
    * @see{module:vega-modal-toggle-interactive-e2e}
    */
-  /* istanbul ignore next */
+  /* istanbul ignore next
+   *
+   */
   async modal(option) {
     switch (option) {
       case 'show':