@globalpayments/vega 2.23.0 → 2.24.2

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

@@ -7,9 +7,9 @@ import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { c as MapToComponentField, V as VegaSlimmer, 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-b2acf02b.js';
-import { a as VegaClick } from './vega-event-id-783f8cfb.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7db80299.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
+import { a as VegaClick } from './vega-event-id-728eb2ac.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.js';
 import './ui-df46cc20.js';
 import './type-guard-4bc3fbf5.js';
 import './regex-dfe11abf.js';
@@ -18,7 +18,7 @@ import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './dynamic-slimmer-90b8af32.js';
 import './dom-node-subject-observer-factory-926991a9.js';
-import './internal-vega-event-manager-a131803b.js';
+import './internal-vega-event-manager-c17ae641.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';
@@ -83,45 +83,64 @@ const VegaButton = class {
     this.currentBreakpoint = getCurrentBreakpoint();
     /**
      * Specifies the size of the button.
+     *
+     * @version 1.0.0
      */
     this.size = 'default';
     /**
      * Specifies the visual style and prominence of the button.
      *
      * It determines how the button will be presented to the user.
+     *
+     * @version 1.0.0
      */
     this.variant = 'primary';
     /**
      * Specifies the placement of the icon in relation to the button's label.
+     *
+     * @version 1.3.0
      */
     this.iconAlign = 'left';
     /**
      * Specifies the text displayed on the button.
+     *
+     * @version 1.0.3
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.label = null;
     /**
      * Specifies whether the button element is disabled.
+     *
+     * @version 1.0.3
      */
     this.disabled = false;
     /**
      * Indicates the danger status of the button,
      *    typically used for destructive actions.
+     *
+     * @version 1.3.0
      */
     this.danger = false;
     /**
      * Specifies whether the button should span the
      *    full width of its parent element.
+     *
+     * @version 1.3.0
      */
     this.block = false;
     /**
      * Specifies the type of button and its behavior in relation to
      *    form submission and data reset.
+     *
+     * @version 1.0.3
      */
     this.type = 'button';
     /**
      * 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.
+     *
+     * @version 2.17.0
      */
     this.loading = false;
     this.handleClick = (e) => {
@@ -143,7 +162,7 @@ const VegaButton = class {
     this.host.innerHTML = '';
   }
   render() {
-    return sanitizeVegaComponent(h(Host, { class: { 'vega-button-block': this.block } }, h("button", { type: this.type, "aria-label": this.label || 'No label defined', class: {
+    return sanitizeVegaComponent(h(Host, { class: { 'vega-button-block': this.isBlockStyleButton() } }, h("button", { type: this.type, "aria-label": this.label || 'No label defined', class: {
         [`vega-button-size-${ResponsiveFormatFacade.formatCustom(this.size)}`]: true,
         [`vega-button-variant-${this.variant}`]: true,
         'vega-button-disabled': this.isDisabledButton(),
@@ -176,6 +195,14 @@ const VegaButton = class {
   isDisabledButton() {
     return this.disabled || this.loading;
   }
+  /**
+   * Returns a boolean value based on the formatting of a block using a responsive format facade.
+   *
+   * @returns {boolean} A boolean value.
+   */
+  isBlockStyleButton() {
+    return ResponsiveFormatFacade.formatCustom(this.block);
+  }
   get host() { return getElement(this); }
 };
 __decorate([

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

@@ -3,19 +3,19 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { a as VegaClick, e as VegaChange, b as VegaDropdownClick, f as VegaEventClick, g as VegaDateDblClick, h as VegaMoreActionClick } from './vega-event-id-783f8cfb.js';
+import { a as VegaClick, e as VegaChange, b as VegaDropdownClick, f as VegaEventClick, g as VegaDateDblClick, h as VegaMoreActionClick } from './vega-event-id-728eb2ac.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
 import { p as pad } from './date-732bc749.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7db80299.js';
-import { g as VegaInternalCalendarMonthEventsChange } from './vega-internal-event-id-c0904e43.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.js';
+import { g as VegaInternalCalendarMonthEventsChange } from './vega-internal-event-id-809b4ec8.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { f as flatNestedArray } from './array-506b88b9.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
 import { d as debounce } from './timer-9321173b.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-d7c55ad1.js';
+import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-106273ec.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { p as isBackgroundColorTokenType } from './type-guard-4bc3fbf5.js';
 import { s as stateBackgroundColorFormatter } from './state-background-color-formatter-0f86292d.js';
@@ -23,7 +23,7 @@ import { b as parsePixelStringToNumber } from './pixel-f32c07ce.js';
 import './icon-manager-754cda3f.js';
 import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-a131803b.js';
+import './internal-vega-event-manager-c17ae641.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';
@@ -3373,15 +3373,21 @@ const VegaCalendar = class {
     this.calendarEvents = [];
     /**
      * Specifies the current view mode of the calendar.
+     *
+     * @version 2.14.0
      */
-    /* eslint-disable @stencil/strict-mutable */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.viewMode = 'month';
     /**
      * Specifies the time format of the calendar.
+     *
+     * @version 2.14.0
      */
     this.timeFormat = '24-hour';
     /**
      * Controls the visibility of the calendar's event color bar.
+     *
+     * @version 2.21.0
      */
     this.showEventColorBar = true;
   }

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

@@ -135,6 +135,8 @@ const VegaCard = class {
      * Defines the background color of the card element.
      *    It accepts a string value representing a valid
      *    background color token.
+     *
+     * @version 1.3.0
      */
     this.backgroundColor = 'bg-primary';
     /**

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

@@ -6,8 +6,8 @@ import { R as ResponsiveFormatFacade } from './responsive-format-facade-2fcb7c02
 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-b2acf02b.js';
-import { i as VegaPageUpdate } from './vega-event-id-783f8cfb.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
+import { i as VegaPageUpdate } from './vega-event-id-728eb2ac.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
 import './type-guard-4bc3fbf5.js';
 import './breakpoints-e59edf8d.js';
@@ -19,7 +19,7 @@ import './pixel-f32c07ce.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
 import './dom-node-subject-observer-factory-926991a9.js';
-import './internal-vega-event-manager-a131803b.js';
+import './internal-vega-event-manager-c17ae641.js';
 import './object-261e7344.js';
 
 /**
@@ -253,26 +253,36 @@ const VegaCarousel = class {
     /**
      * Specifies the number of elements displayed per page in the carousel.
      * @deprecated This property will be removed soon and replaced by prop itemsPerPage
+     *
+     * @version 1.0.2
      */
     this.perPage = 1;
     /**
      * Specifies the number of items displayed per page in the carousel.
+     *
+     * @version 2.1.0
      */
     this.itemsPerPage = 1;
     /**
      * Specifies whether to show the navigational buttons
      *    at the bottom of the carousel.
+     *
+     * @version 1.0.2
      */
     this.showSlider = true;
     /**
      * Controls the amount of space between the elements in the carousel
      *    when more than one element is displayed on each page
      *    using the `itemsPerPage` property.
+     *
+     * @version 1.0.2
      */
     this.spacing = 'size-16';
     /**
      * Indicates whether the carousel can be swiped
      *    to navigate between pages on a mobile device.
+     *
+     * @version 1.18.0
      */
     this.canSwipe = true;
     this.onClickIndicators = async (e) => {
@@ -352,6 +362,8 @@ const VegaCarousel = class {
   /**
    * Invoke this method to transition the carousel to the next available page,
    *    if it exists.
+   *
+   * @version 1.0.2
    */
   async nextPage() {
     const nextPage = this.page < this.totalPages ? this.page + 1 : this.page;
@@ -360,6 +372,8 @@ const VegaCarousel = class {
   /**
    * Invoke this method to transition the carousel to the previous page,
    *    if it exists.
+   *
+   * @version 1.0.2
    */
   async prevPage() {
     const nextPage = this.page > 1 ? this.page - 1 : this.page;
@@ -370,6 +384,7 @@ const VegaCarousel = class {
    *
    * @param nextPage
    * @returns {Promise<void>}
+   * @version 1.0.6
    */
   async goToPage(nextPage) {
     await this.goToPageInternal(nextPage);

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

@@ -7,14 +7,14 @@ import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-ob
 import { f as findParent } from './ui-153f4ae7.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, 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-9372f752.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
-import { e as VegaChange } from './vega-event-id-783f8cfb.js';
-import { V as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-c0904e43.js';
-import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
+import { e as VegaChange } from './vega-event-id-728eb2ac.js';
+import { V as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-809b4ec8.js';
+import { R as RequiredFieldRule } from './required-field-rule-f438a73f.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-c7b9d3b2.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7db80299.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.js';
 import './string-be824360.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
@@ -25,7 +25,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-a131803b.js';
+import './internal-vega-event-manager-c17ae641.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';
@@ -195,6 +195,8 @@ const VegaCheckbox = class {
      *
      * Refer to the `value` property for detailed information on
      *    how to use this property during form validation.
+     *
+     * @version 1.10.0
      */
     this.identifier = '';
     /**
@@ -209,31 +211,44 @@ const VegaCheckbox = class {
      * If the `identifier` property is not set, the `value` property behaves
      *    as a boolean and returns `true` when the checkbox is checked,
      *    and `false` when it is unchecked.
+     *
+     * @version 1.0.7
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.identifier !== '' ? '' : false;
     /**
      * Specifies whether the checkbox should be pre-checked.
      *
      * Use the `value` property to retrieve the current status of the checkbox.
+     *
+     * @version 1.0.7
      */
     this.checked = false;
     /**
      * Specifies whether the checkbox element is disabled.
+     *
+     * @version 1.3.0
      */
     this.disabled = false;
     /**
      * Specifies the size of the checkbox.
+     *
+     * @version 1.3.0
      */
     this.size = 'default';
     /**
      * Specifies whether the checkbox must be checked
      *    to pass form validation.
+     *
+     * @version 1.3.0
      */
     this.required = false;
     /**
      * Specifies the validation status of the checkbox component.
+     *
+     * @version 1.10.0
      */
-    /* eslint-disable @stencil/strict-mutable */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
      * The below method is e2e-test covered in
@@ -273,6 +288,8 @@ const VegaCheckbox = class {
    * Invoke this method to set the value of the checkbox.
    *
    * It is recommended to use this method instead of directly modifying the `value` property.
+   *
+   * @version 1.16.0
    */
   async setValue(value) {
     this.checked = this.identifier ? value === this.identifier : value === true;
@@ -410,46 +427,65 @@ const VegaCheckboxGroup = class {
      * Specifies the label or title for the checkbox group.
      *    It provides descriptive text that helps identify
      *    the purpose of the checkbox group.
+     *
+     * @version 1.3.0
      */
     this.label = '';
     /**
      * Stores the selected values of the nested checkboxes
      *    within the checkbox group.
+     *
+     * @version 1.0.7
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = [];
     /**
      * Specifies all properties of a `vega-flex` component,
      *    accessible as an object.
+     *
+     * @version 1.3.0
      */
     this.vegaFlexProp = {};
     /**
      * Indicates if the checkbox group is disabled.
+     *
+     * @version 1.3.0
      */
     this.disabled = false;
     /**
      * Indicates whether at least one checkbox in the
      *    checkbox group must be checked to pass
      *    form validation.
+     *
+     * @version 1.3.0
      */
     this.required = false;
     /**
      * Provides a supplementary prompt message that
      *    assists users in selecting the appropriate
      *    value for the checkbox group.
+     *
+     * @version 1.3.0
      */
     this.hint = '';
     /** Specifies the validation status of the
      *    checkbox group 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 for
      *    the checkbox group upon selection.
+     *
+     * @version 2.6.0
      */
     this.autoValidation = true;
     /**
      * Defines custom validation rules for the checkbox group.
+     *
+     * @version 2.6.0
      */
     this.validationRules = [];
     /**

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

@@ -8,9 +8,9 @@ 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-b2acf02b.js';
-import { a as VegaClick, c as VegaClose } from './vega-event-id-783f8cfb.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7db80299.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
+import { a as VegaClick, c as VegaClose } from './vega-event-id-728eb2ac.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.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-a131803b.js';
+import './internal-vega-event-manager-c17ae641.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,20 +1,20 @@
 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';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9372f752.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.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 { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { e as VegaChange } from './vega-event-id-783f8cfb.js';
+import { e as VegaChange } from './vega-event-id-728eb2ac.js';
 import './string-be824360.js';
 import './dom-node-subject-observer-factory-926991a9.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-c0904e43.js';
+import './vega-internal-event-id-809b4ec8.js';
 import './page-resize-observer-slimmer-8caeb03b.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.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-a131803b.js';
+import './internal-vega-event-manager-c17ae641.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',