@globalpayments/vega 2.24.0 → 2.25.0

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

@@ -1,25 +1,25 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { i as formatAndValidTextColor } from './design-token-abcaac42.js';
+import { i as formatAndValidTextColor } from './design-token-8a6b46ba.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { F as FORM_SUBMIT, a as FORM_RESET } from './static-subject-title-2e153754.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 { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
-import { a as VegaClick } 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 } from './vega-event-id-7465a011.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
 import './type-guard-4bc3fbf5.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsive-format-facade-2fcb7c02.js';
+import './responsive-format-facade-e86c7fbb.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './state-background-color-formatter-0f86292d.js';
 import './dynamic-slimmer-90b8af32.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';
@@ -93,6 +93,8 @@ const VegaButtonCircle = class {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaButtonCircleRuntimeMetricsPayloadDefinition);
     /**
      * Specifies the size of the circular button.
+     *
+     * @version 1.0.2
      */
     this.size = 'default';
     /**
@@ -109,28 +111,40 @@ const VegaButtonCircle = class {
      * - `icon-only`:
      *      The circular button is rendered with an icon displayed in the default state,
      *      and the circle background appears when hovering over the button.
+     *
+     * @version 1.0.2
      */
     this.variant = 'primary';
     /**
      * Specifies whether the circular button element is disabled.
+     *
+     * @version 1.0.4
      */
     this.disabled = false;
     /**
      * Indicates the danger status of the circular button,
      *    typically used for destructive actions.
+     *
+     * @version 1.3.0
      */
     this.danger = false;
     /**
      * Specifies the type of button and its behavior in relation to
      *    form submission and data reset.
+     *
+     * @version 1.16.0
      */
     this.type = 'button';
     /**
      * Specifies the color of the icon displayed on the circular button.
+     *
+     * @version 1.24.0
      */
     this.iconColor = 'text-primary';
     /**
      * Indicates whether to use a tooltip to display the label for the button circle.
+     *
+     * @version 2.0.0
      */
     this.showTooltip = true;
     this.handleClick = (e) => {

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

@@ -3,15 +3,15 @@ import { s as sanitizeVegaComponent } from './component-cae24190.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 { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-106273ec.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
-import { a as VegaClick, b as VegaDropdownClick } 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, b as VegaDropdownClick } from './vega-event-id-7465a011.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-926991a9.js';
 import { d as VegaInternalButtonGroupClick } from './vega-internal-event-id-809b4ec8.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { f as findParent } from './ui-153f4ae7.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';
@@ -120,14 +120,20 @@ const VegaButtonGroup = class {
      * Specifies the visual style and prominence of the button group.
      *
      * It determines how the button group will be presented to the user.
+     *
+     * @version 2.5.0
      */
     this.variant = 'primary';
     /**
      * Specifies the size of the button group.
+     *
+     * @version 2.5.0
      */
     this.size = 'default';
     /**
      * Specifies the placement of the icon in relation to the button's label.
+     *
+     * @version 2.5.0
      */
     this.iconAlign = 'left';
   }
@@ -385,6 +391,8 @@ const VegaButtonGroupItem = class {
     this.iconAlign = 'left';
     /**
      * Specifies whether to display the icon only.
+     *
+     * @version 2.5.0
      */
     this.iconOnly = false;
   }

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

@@ -2,13 +2,13 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-cae24190.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 { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
-import { a as VegaClick } 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 } from './vega-event-id-7465a011.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.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';
@@ -63,10 +63,14 @@ const VegaButtonLink = class {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaButtonLinkRuntimeMetricsPayloadDefinition);
     /**
      * Specifies the URL associated with the button link.
+     *
+     * @version 1.0.4
      */
     this.link = VegaButtonLink.defaultLink;
     /**
      * Specifies the size of the button link.
+     *
+     * @version 1.0.2
      */
     this.size = 'default';
     /**
@@ -80,24 +84,35 @@ const VegaButtonLink = class {
      *      The icon is rendered with a circular background,
      *      providing additional emphasis and visual prominence
      *      to the icon in the button link.
+     *
+     * @version 1.0.5
      */
     this.iconType = 'icon';
     /**
      * Specifies the placement of the icon in relation to
      *    the button link's label.
+     *
+     * @version 1.3.0
      */
     this.iconAlign = 'left';
     /**
      * Specifies the text displayed on the button link.
+     *
+     * @version 1.0.4
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.label = '';
     /**
      * Specifies whether the button link element is disabled.
+     *
+     * @version 1.3.0
      */
     this.disabled = false;
     /**
      * Indicates the danger status of the button link,
      *    typically used for destructive actions.
+     *
+     * @version 1.3.0
      */
     this.danger = false;
     /**
@@ -109,6 +124,8 @@ const VegaButtonLink = class {
      *    and no events will be emitted.
      *
      * @deprecated Setting the `link` property internally manages the eventful state of a Button Link.
+     *
+     * @version 1.3.0
      */
     this.eventful = true;
     this.onClick = (e) => {

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

@@ -1,15 +1,15 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.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 { F as FORM_SUBMIT, a as FORM_RESET } from './static-subject-title-2e153754.js';
 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-e952b0b0.js';
-import { a as VegaClick } 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 } from './vega-event-id-7465a011.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.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-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';
@@ -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) => {

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

@@ -3,11 +3,11 @@ 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-6ac7ca51.js';
+import { a as VegaClick, e as VegaChange, b as VegaDropdownClick, f as VegaEventClick, g as VegaDateDblClick, h as VegaMoreActionClick } from './vega-event-id-7465a011.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-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 { 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';
@@ -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-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';
@@ -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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-abcaac42.js';
+import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-8a6b46ba.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { f as findParent, a as arrayToClassString } from './ui-153f4ae7.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
@@ -9,7 +9,7 @@ import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsive-format-facade-2fcb7c02.js';
+import './responsive-format-facade-e86c7fbb.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './state-background-color-formatter-0f86292d.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

@@ -2,12 +2,12 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { r as reflow, e as executeAfterTransition } from './effect-8efd2c3c.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-2fcb7c02.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-e86c7fbb.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 { i as VegaPageUpdate } from './vega-event-id-6ac7ca51.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
+import { i as VegaPageUpdate } from './vega-event-id-7465a011.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-c16aea68.js';
+import './internal-vega-event-manager-722461c1.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

@@ -8,13 +8,13 @@ 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-374541fd.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
-import { e as VegaChange } from './vega-event-id-6ac7ca51.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
+import { e as VegaChange } from './vega-event-id-7465a011.js';
 import { V as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-809b4ec8.js';
-import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.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-eaa30e33.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';
@@ -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-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';
@@ -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 = [];
     /**