@globalpayments/vega 2.23.0 → 2.24.2

package/dist/cjs/vega-input-select.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const requiredFieldRule = require('./required-field-rule-814cad99.js');
+const requiredFieldRule = require('./required-field-rule-8655758f.js');
 const component = require('./component-73a88c4e.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
@@ -11,18 +11,18 @@ const ui = require('./ui-08f33116.js');
 const responsiveFormatFacade = require('./responsive-format-facade-f7e69718.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaEventId = require('./vega-event-id-5f19ff1c.js');
-const vegaInternalEventId = require('./vega-internal-event-id-cf4aeaec.js');
+const vegaEventId = require('./vega-event-id-8aa22611.js');
+const vegaInternalEventId = require('./vega-internal-event-id-ac20ea74.js');
 const array = require('./array-6e559cde.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const chevronDown = require('./chevron-down-ca2fa88e.js');
 const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-222fb6df.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-60346732.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-3fa79b00.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-a028e5a1.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-176d59ee.js');
 const typeGuard = require('./type-guard-4d05d4b2.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-79b60f28.js');
@@ -34,7 +34,7 @@ require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./string-21427167.js');
-require('./internal-vega-event-manager-f0f9a473.js');
+require('./internal-vega-event-manager-b80fede0.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-0e5235e1.js');
 require('./index-5792390b.js');
@@ -679,10 +679,14 @@ const VegaInputSelect = class {
      *
      * It provides descriptive text that helps identify the purpose or
      *    content expected in the input select field.
+     *
+     * @version 1.3.0
      */
     this.label = '';
     /**
      * Determines whether the input select field is required.
+     *
+     * @version 1.0.7
      */
     this.required = false;
     /**
@@ -690,17 +694,23 @@ const VegaInputSelect = class {
      *    select field when multiple items are selected.
      *    The default format for the selected label is
      *    `${number of selected items} Selected`.
+     *
+     * @version 1.35.0
      */
     this.selectedLabel = (value) => `${value.length} Selected`;
     /**
      * Controls the selection capabilities of the associated dropdown menu.
+     *
+     * @version 1.35.0
      */
     this.selectType = 'single';
     /**
      * Specifies the dataset used to populate the options
      *    available in the select input dropdown menu.
+     *
+     * @version 1.0.7
      */
-    // eslint-disable-next-line @stencil/strict-mutable
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.source = [];
     /**
      * Specifies the ID of the item selected from the source data
@@ -709,30 +719,40 @@ const VegaInputSelect = class {
      * The ID should be unique within the source collection to
      *    correctly associate the chosen option with its
      *    corresponding data entry.
+     *
+     * @version 1.0.7
      */
-    // eslint-disable-next-line @stencil/strict-mutable
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.selectType === 'multiple' ? [] : '';
     /**
      * Indicates the current validation status of the user's selection
      *    from the dropdown menu.
+     *
+     * @version 1.3.0
      */
-    /* eslint-disable @stencil/strict-mutable */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
      * Specifies whether the system should automatically carry out
      *    validation checks on the user's selection in real-time,
      *    ensuring that the input adheres to predefined criteria before
      *    submission or proceeding further.
+     *
+     * @version 1.0.11
      */
     this.autoValidation = true;
     /**
      * Allows setting custom criteria or constraints that
      *    the user's selection in the dropdown menu must
      *    comply with.
+     *
+     * @version 1.0.11
      */
     this.validationRules = [];
     /**
      * Specifies whether the input select field is disabled.
+     *
+     * @version 1.3.0
      */
     this.disabled = false;
     /**
@@ -740,6 +760,8 @@ const VegaInputSelect = class {
      *    example inside the input select field.
      *
      * It indicates the expected format or pattern of the input.
+     *
+     * @version 1.0.7
      */
     this.placeholder = 'Please select';
     /**
@@ -747,10 +769,14 @@ const VegaInputSelect = class {
      *    in the input select element.
      *
      * You can specify custom properties and their corresponding values as needed.
+     *
+     * @version 1.3.0
      */
     this.vegaDropdownProps = {};
     /**
      * Defines the size of the input select field.
+     *
+     * @version 1.18.0
      */
     this.size = 'default';
   }
@@ -765,18 +791,24 @@ const VegaInputSelect = class {
   /**
    * Invoke this method to close the select dropdown and clear
    *    the dropdown element reference.
+   *
+   * @version 1.0.7
    */
   async doClose() {
     await this.vegaInputSelectDropdownRenderer.hide();
   }
   /**
    * Invoke this method to open the select dropdown.
+   *
+   * @version 1.0.7
    */
   async doOpen() {
     await this.vegaInputSelectDropdownRenderer.show();
   }
   /**
    * Invoke this method to change the ID of the select source item.
+   *
+   * @version 1.0.7
    */
   async doChange(value) {
     this.vegaInputSelectValueController.setValue(value);

package/dist/cjs/vega-input.cjs.entry.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-09acd3c9.js');
 const minNumberRule = require('./min-number-rule-0ce5347c.js');
 const minStringLengthRule = require('./min-string-length-rule-d1a1ea94.js');
-const requiredFieldRule = require('./required-field-rule-814cad99.js');
+const requiredFieldRule = require('./required-field-rule-8655758f.js');
 const component = require('./component-73a88c4e.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-222fb6df.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-3fa79b00.js');
-const vegaEventId = require('./vega-event-id-5f19ff1c.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-60346732.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
+const vegaEventId = require('./vega-event-id-8aa22611.js');
 const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-7af62080.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-0ac6e18a.js');
 const typeGuard = require('./type-guard-4d05d4b2.js');
 require('./number-459031f7.js');
 require('./string-21427167.js');
@@ -25,14 +25,14 @@ require('./dom-node-subject-observer-factory-92271bc0.js');
 require('./ui-08f33116.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./vega-internal-event-id-cf4aeaec.js');
+require('./vega-internal-event-id-ac20ea74.js');
 require('./page-resize-observer-slimmer-1e404fc7.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-79b60f28.js');
 require('./array-6e559cde.js');
-require('./internal-vega-event-manager-f0f9a473.js');
+require('./internal-vega-event-manager-b80fede0.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 
@@ -553,6 +553,9 @@ class VegaInputMaskConfigController extends stringInputFormatterSlimmer.StringIn
 __decorate$1([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputMaskConfigController.prototype, "maskConfig", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputMaskConfigController.prototype, "disableCopyPaste", void 0);
 __decorate$1([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputMaskConfigController.prototype, "type", void 0);
@@ -679,6 +682,8 @@ const VegaInput = class {
      *
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the input field.
+     *
+     * @version 1.0.5
      */
     this.label = '';
     /**
@@ -690,24 +695,41 @@ const VegaInput = class {
      *
      * If the value is too long, it may be truncated with
      *    an ellipsis for visual presentation.
+     *
+     * @version 1.0.5
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
+    /**
+     * Specifies when the vegaChange event is triggered.
+     *     It controls whether the event is dispatched
+     *     after typing in the input or after a change event.
+     *
+     * @version 2.24.0
+     */
+    this.valueUpdateTrigger = 'input';
     /**
      * 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.
+     *
+     * @version 1.0.9
      */
     this.type = 'text';
     /**
      * Defines the specific name of the input field.
      *
+     *
+     * @version 1.0.5
      */
     this.name = '';
     /**
      * Controls the autofill behavior and specifies whether the
      *    input should receive automated suggestions or
      *    previously entered values.
+     *
+     * @version 1.0.5
      */
     this.autocomplete = 'off';
     /**
@@ -717,64 +739,91 @@ const VegaInput = class {
      *    standard email formatting rules.
      *
      * @deprecated Please use `type='email'` instead.
+     * @version 1.0.5
      */
     this.email = false;
     /**
      * Determines whether the input field is required.
+     *
+     * @version 1.0.5
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
      * Sets the minimum allowable numeric value for the input value.
+     *
+     * @version 1.0.5
      */
     this.min = null;
     /**
      * Sets the maximum allowable numeric value for the input value.
+     *
+     * @version 1.0.5
      */
     this.max = null;
     /**
      * Sets the minimum length requirement for the input value.
+     *
+     * @version 1.0.5
      */
     this.minLength = null;
     /**
      * Sets the maximum length requirement for the input value.
+     *
+     * @version 1.0.5
      */
     this.maxLength = null;
     /**
      * Determines whether the clear icon should be displayed or hidden.
+     *
+     * @version 1.3.0
      */
     this.showClearIcon = true;
     /**
      * Indicates whether the current value in the field is considered valid or
      *    invalid based on the defined validation rules.
+     *
+     * @version 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
      * Determines whether the input field should undergo automatic validation
      *    during the user's input.
+     *
+     * @version 1.0.10
      */
     this.autoValidation = true;
     /**
      * Defines custom validation rules for the input field.
+     *
+     * @version 1.0.10
      */
     this.validationRules = [];
     /**
      * Defines the size of the input field,
      *    specifying its width or length.
+     *
+     * @version 1.3.0
      */
     this.size = 'default';
     /**
      * Determines whether the input field is disabled.
+     *
+     * @version 1.3.0
      */
     this.disabled = false;
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value for the input field.
+     *
+     * @version 1.3.0
      */
     this.hint = '';
     /**
      * Controls whether copying or pasting is enabled for the input.
+     *
+     * @version 2.1.0
      */
     this.disableCopyPaste = false;
     this.focusInput = () => {
@@ -798,6 +847,28 @@ const VegaInput = class {
     this.isClearIconVisible = () => {
       return !this.disabled && Boolean(this.value);
     };
+    /**
+     * Handles input event and updates the value based on a specified trigger.
+     * The below method is e2e-test covered in
+     * @see{module:vega-input-on-value-input}
+     */
+    /* istanbul ignore next */
+    this.onInputHandler = (e) => {
+      if (this.valueUpdateTrigger !== 'change') {
+        this.value = e.target.value;
+      }
+    };
+    /**
+     * Handles input change events and updates the value based on a specified trigger.
+     * The below method is e2e-test covered in
+     * @see{module:vega-input-on-value-change}
+     */
+    /* istanbul ignore next */
+    this.inputChangeHandler = (e) => {
+      if (this.valueUpdateTrigger === 'change') {
+        this.value = e.target.value;
+      }
+    };
   }
   /**
    * The input component is embedded in other components.
@@ -832,22 +903,18 @@ const VegaInput = class {
   watchMaskChange() {
     this.maskConfigController.setupStringFormatter(this.inputRef);
   }
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-input-on-value-input}
-   */
-  /* istanbul ignore next */
-  handleValueInput() {
-    this.value = this.inputRef.value;
-  }
   /**
    * Invoke this method to focus the current input.
+   *
+   * @version 1.12.0
    */
   async doFocus() {
     this.focusInput();
   }
   /**
    * Invoke this method to blur the current input.
+   *
+   * @version 1.12.0
    */
   async doBlur() {
     this.inputRef.blur();
@@ -861,7 +928,7 @@ const VegaInput = class {
       /* eslint-disable-next-line react/jsx-no-bind */
       onBlur: (e) => this.handleInputBlur(e),
       /* eslint-disable-next-line react/jsx-no-bind */
-      onFocus: (e) => this.handleInputFocus(e) }, this.copyPasteController.getCopyPasteProps()))));
+      onFocus: (e) => this.handleInputFocus(e), onChange: this.inputChangeHandler, onInput: this.onInputHandler }, this.copyPasteController.getCopyPasteProps()))));
   }
   groupDom() {
     let containerClass = 'vega-input-container';

package/dist/cjs/{vega-internal-event-id-cf4aeaec.js → vega-internal-event-id-ac20ea74.js}

@@ -30,6 +30,7 @@ const VegaInternalCalendarMonthEventsChange = new VegaInternalEventID('monthEven
 const VegaInternalDropdownTemplateItemsChange = new VegaInternalEventID('dropdownTemplateItemsChange');
 const VegaInternalTableRowSelect = new VegaInternalEventID('tableRowSelect');
 const VegaInternalTableRowSelectAll = new VegaInternalEventID('tableRowSelectAll');
+const VegaInternalTableRowExpand = new VegaInternalEventID('tableRowExpand');
 
 exports.VegaInternalButtonGroupClick = VegaInternalButtonGroupClick;
 exports.VegaInternalCalendarMonthEventsChange = VegaInternalCalendarMonthEventsChange;
@@ -38,6 +39,7 @@ exports.VegaInternalFieldErrorStateChange = VegaInternalFieldErrorStateChange;
 exports.VegaInternalLeftNavLinkClick = VegaInternalLeftNavLinkClick;
 exports.VegaInternalSubStatePull = VegaInternalSubStatePull;
 exports.VegaInternalSubStatePush = VegaInternalSubStatePush;
+exports.VegaInternalTableRowExpand = VegaInternalTableRowExpand;
 exports.VegaInternalTableRowSelect = VegaInternalTableRowSelect;
 exports.VegaInternalTableRowSelectAll = VegaInternalTableRowSelectAll;
 exports.VegaInternalValid = VegaInternalValid;

package/dist/cjs/vega-item-toggle.cjs.entry.js

@@ -6,14 +6,14 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const ui = require('./ui-077fc009.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaEventId = require('./vega-event-id-5f19ff1c.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-3fa79b00.js');
+const vegaEventId = require('./vega-event-id-8aa22611.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
 require('./change-manager-a297e4d2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-f0f9a473.js');
+require('./internal-vega-event-manager-b80fede0.js');
 require('./object-bbd4ed7f.js');
 
 const VegaItemToggleRuntimeMetricsPayloadDefinition = [
@@ -78,15 +78,22 @@ const VegaItemToggle = class {
     /**
      * Defines the labels and icons associated with the toggle states.
      * @deprecated This property will be removed soon and replaced by prop statusMap
+     *
+     * @version 1.3.0
      */
     this.itemToggleStatusMap = VegaItemToggle.defaultStatusMap;
     /**
      * Defines the labels and icons associated with the toggle states.
+     *
+     * @version 2.2.0
      */
     this.statusMap = VegaItemToggle.defaultStatusMap;
     /**
      * Determines whether the item is toggled on.
+     *
+     * @version 1.3.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.isToggled = false;
     this.handleToggle = () => {
       if (!this.isTogglingOrUnToggling()) {

package/dist/cjs/vega-left-nav_5.cjs.entry.js

@@ -12,11 +12,11 @@ const effect = require('./effect-37695d3d.js');
 const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-23051df4.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-3fa79b00.js');
-const vegaEventId = require('./vega-event-id-5f19ff1c.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
+const vegaEventId = require('./vega-event-id-8aa22611.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaInternalEventId = require('./vega-internal-event-id-cf4aeaec.js');
+const vegaInternalEventId = require('./vega-internal-event-id-ac20ea74.js');
 const chevronDown = require('./chevron-down-ca2fa88e.js');
 const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-a297e4d2.js');
@@ -29,7 +29,7 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./number-459031f7.js');
 require('./ui-077fc009.js');
-require('./internal-vega-event-manager-f0f9a473.js');
+require('./internal-vega-event-manager-b80fede0.js');
 require('./object-bbd4ed7f.js');
 require('./type-guard-4d05d4b2.js');
 require('./regex-c1f70fd4.js');
@@ -527,18 +527,24 @@ const VegaLeftNav = class {
     this.openState = 'close';
     /**
      * Determines whether the left navigation is expanded or collapsed.
+     *
+     * @version 1.39.2
      */
-    // eslint-disable-next-line @stencil/strict-mutable
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.open = false;
     /**
      * Specifies the configuration options for the header within the left-nav.
      *
      * You can use this property to define a custom title and subtitle.
+     *
+     * @version 1.31.0
      */
     this.headerConfig = {};
     /**
      * Provides additional information or context in the form of
      *    a footnote in the left-nav footer.
+     *
+     * @version 1.31.0
      */
     this.footnote = '';
     /**
@@ -551,9 +557,13 @@ const VegaLeftNav = class {
      *    property is set to `false` within the `vega-left-nav` component. Additionally, enclose all content
      *    within an element possessing the class `vega-left-nav-content` immediately following the
      *    `vega-left-nav` component.
+     *
+     * @version 1.33.0
      */
     this.showAsOverlay = true;
-    /** Determines whether the left navigation automatically collapses when the left navigation link is clicked in overlay mode. */
+    /** Determines whether the left navigation automatically collapses when the left navigation link is clicked in overlay mode. *
+     * @version 2.7.0
+     */
     this.autoCollapseOnOverlay = false;
   }
   watchOpenState() {
@@ -564,6 +574,8 @@ const VegaLeftNav = class {
   }
   /**
    * Invoke this method to toggle the left-nav's open state.
+   *
+   * @version 1.31.0
    */
   async toggle() {
   }
@@ -768,7 +780,9 @@ const VegaLeftNavGroup = class {
     this.controller = new VegaLeftNavGroupController();
     this.groupClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavGroup, vegaEventId.VegaGroupClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    /** label attached to the left nav group items **/
+    /** label attached to the left nav group items **
+     * @version 1.31.0
+     */
     this.label = '';
   }
   render() {
@@ -928,8 +942,10 @@ const VegaLeftNavLink = class {
     this.menuClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavLink, vegaEventId.VegaMenuClick);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaLeftNavLink, 'counterBadge.count', 'counterBadge.counter', undefined);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    /** boolean indicating if current link item is selected **/
-    // eslint-disable-next-line @stencil/strict-mutable
+    /** boolean indicating if current link item is selected **
+     * @version 1.31.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.selected = false;
   }
   render() {

package/dist/cjs/vega-line-chart.cjs.entry.js

@@ -335,6 +335,8 @@ const VegaLineChart = class {
    *    If the chart is displayed incorrectly within a modal or tab,
    *    ensure that this method is invoked after the chart is shown
    *    to ensure proper rendering.
+   *
+   * @version 1.32.0
    */
   async reRender() {
     this.reRenderTimer && clearTimeout(this.reRenderTimer);

package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -100,36 +100,50 @@ const VegaLoadingIndicator = class {
     this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
     /**
      * Specifies the shape of the loading indicator.
+     *
+     * @version 1.16.0
      */
     this.shape = 'circle';
     /**
      * Specifies the size of the loading indicator.
      *    It is provided as a ResponsiveType.
+     *
+     * @version 1.16.0
      */
     this.size = 'default';
     /**
      * Specifies the mode of the loading indicator.
      *
      * When the mode is set to `determinate`, there will be no animation.
+     *
+     * @version 1.16.0
      */
     this.mode = 'indeterminate';
     /**
      * Specifies the completion percentage when
      *    the mode is set to `determinate`.
+     *
+     * @version 1.16.0
      */
     this.percent = 0;
     /**
      * Provides a descriptive text or message that indicates
      *    the status or progress of the process.
+     *
+     * @version 1.16.0
      */
     this.label = '';
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the ongoing loading process.
+     *
+     * @version 1.16.0
      */
     this.hint = '';
     /**
      * Indicates the current status or state of the loading process.
+     *
+     * @version 1.16.0
      */
     this.status = 'default';
     this.renderCircleLoader = () => {