@globalpayments/vega 2.23.0 → 2.24.2

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

@@ -5,11 +5,11 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { g as getValueByPath } from './object-261e7344.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { l as TABLE_EXPAND_ROW, m as TABLE_ROW_SELECTION, n as TABLE_ROW_SELECTION_ALL, o as TABLE_ROW_CLICK } from './static-subject-title-2e153754.js';
-import { O as Observer, d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
+import { d as domNodeSubjectFactory, O as Observer, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
 import { f as findParent, a as arrayToClassString } from './ui-153f4ae7.js';
 import { s as staticRemoteInvocationCallRegistry } from './static-remote-invocation-call-registry-651b0701.js';
-import { i as VegaInternalTableRowSelect, j as VegaInternalTableRowSelectAll } from './vega-internal-event-id-c0904e43.js';
-import { a as VegaClick, e as VegaChange, C as VegaPageSizeChange, G as VegaSelectChange, H as VegaSelectAllChange, I as VegaRowClick, J as VegaRowSelect, K as VegaRowSelectAll, V as VegaExpand } from './vega-event-id-783f8cfb.js';
+import { i as VegaInternalTableRowExpand, j as VegaInternalTableRowSelect, k as VegaInternalTableRowSelectAll } from './vega-internal-event-id-809b4ec8.js';
+import { a as VegaClick, e as VegaChange, F as VegaPageSizeChange, V as VegaExpand, J as VegaSelectChange, K as VegaSelectAllChange, L as VegaRowClick, M as VegaRowExpand, N as VegaRowSelect, O as VegaRowSelectAll } from './vega-event-id-728eb2ac.js';
 import { P as isNonNullable, r as isBreakpointsTokenType } from './type-guard-4bc3fbf5.js';
 import { R as ResponsiveFormatFacade } from './responsive-format-facade-2fcb7c02.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
@@ -18,9 +18,9 @@ import { g as getCurrentBreakpoint, B as Breakpoints } from './breakpoints-e59ed
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-9086b5cc.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-d7c55ad1.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7db80299.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
+import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-106273ec.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
 import { I as ImmutableMap } from './immutable-map-f545ed1a.js';
 import { F as FeatureFlag } from './feature-flag-controller-9be58397.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-0553458e.js';
@@ -34,7 +34,7 @@ import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './array-506b88b9.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 './index-0863eec6.js';
 import './icon-manager-754cda3f.js';
@@ -395,6 +395,7 @@ class VegaTableExpandRowController extends VegaSlimmer {
       this.mutationObserver.disconnect();
     }
     ChangeManager.unregister(TABLE_EXPAND_ROW, this.expandObserver);
+    staticRemoteInvocationCallRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowExpand));
   }
   /**
    * Component lifecycle - componentDidLoad
@@ -421,6 +422,12 @@ class VegaTableExpandRowController extends VegaSlimmer {
       }
     });
     ChangeManager.register(TABLE_EXPAND_ROW, this.expandObserver);
+    staticRemoteInvocationCallRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowExpand), ({ rowKey, expanded }) => {
+      return this.rowExpandEventEmitter.emit({
+        record: this.vegaTableDataSourceController.getRecordByKey(rowKey),
+        expanded: expanded,
+      });
+    });
   }
   /**
    * The function checks if the input is an acceptable row observer.
@@ -443,6 +450,9 @@ __decorate$C([
 __decorate$C([
   MapToComponentField()
 ], VegaTableExpandRowController.prototype, "rowExpandable", void 0);
+__decorate$C([
+  MapToComponentField()
+], VegaTableExpandRowController.prototype, "rowExpandEventEmitter", void 0);
 __decorate$C([
   MapToComponentField()
 ], VegaTableExpandRowController.prototype, "vegaTableDataSourceController", void 0);
@@ -2199,7 +2209,7 @@ class VegaTableRenderModeController extends VegaSlimmer {
      * @returns {boolean} return true if the mode is template, otherwise false
      */
     this.checkIsTemplateRenderMode = (tableRef) => {
-      return (Array.from(tableRef.children).filter((el) => { var _a; return !((_a = el.getAttribute('slot')) === null || _a === void 0 ? void 0 : _a.startsWith('vega-table-expand-row-')); }).length > 0);
+      return Array.from(tableRef.children).some((el) => el.tagName.startsWith('VEGA-TABLE-'));
     };
   }
   /**
@@ -2292,6 +2302,8 @@ const VegaTable = class {
     this.change = createEvent(this, "change", 7);
     this.vegaRowClick = createEvent(this, "vegaRowClick", 7);
     this.rowClick = createEvent(this, "rowClick", 7);
+    this.vegaRowExpand = createEvent(this, "vegaRowExpand", 7);
+    this.rowExpand = createEvent(this, "rowExpand", 7);
     this.vegaSelectChange = createEvent(this, "vegaSelectChange", 7);
     this.selectChange = createEvent(this, "selectChange", 7);
     this.vegaSelectAllChange = createEvent(this, "vegaSelectAllChange", 7);
@@ -2327,11 +2339,12 @@ const VegaTable = class {
     this.paddingXNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'paddingX', 'watchPaddingX');
     this.rowClickableNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'rowClickable', 'watchRowClickable');
     this.scrollConfigNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'scrollConfig', 'watchScrollConfig');
-    this.paginationEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange, VegaPageSizeChange], () => this.host);
+    this.eventsPrevent = new ChildNodesEventPreventSlimmer([VegaChange, VegaPageSizeChange, VegaExpand], () => this.host);
     this.changeEventEmitter = createEventEmitSlimmer(VegaTable, VegaChange);
     this.selectChangeEventEmitter = createEventEmitSlimmer(VegaTable, VegaSelectChange);
     this.selectAllChangeEventEmitter = createEventEmitSlimmer(VegaTable, VegaSelectAllChange);
     this.rowClickEventEmitter = createEventEmitSlimmer(VegaTable, VegaRowClick);
+    this.rowExpandEventEmitter = createEventEmitSlimmer(VegaTable, VegaRowExpand);
     this.rowDividerNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'rowDivider', 'watchRowDivider');
     this.columnDividerNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'columnDivider', 'watchColumnDivider');
     this.densityNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'density', 'watchDensity');
@@ -2365,13 +2378,17 @@ const VegaTable = class {
     this.isSelectedAll = false;
     /**
      * Defines the columns of the table.
+     *
+     * @version 1.3.0
      */
     this.columns = [];
     /**
      * Contains the data records to be rendered and
      *    displayed within the table.
+     *
+     * @version 1.3.0
      */
-    // eslint-disable-next-line @stencil/strict-mutable
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.dataSource = [];
     /**
      * Defines the behavior and options related to
@@ -2379,8 +2396,10 @@ const VegaTable = class {
      *
      * It allows users to select one or more rows in
      *    the table for further actions or processing.
+     *
+     * @version 1.3.0
      */
-    // eslint-disable-next-line @stencil/strict-mutable
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.rowSelection = null;
     /**
      * Specifies whether rows in the table can be expanded
@@ -2388,58 +2407,82 @@ const VegaTable = class {
      */
     /**
      * Indicates whether the row is expandable.
+     *
+     * @version 1.3.0
      */
     this.rowExpandable = false;
     /**
      * Specifies whether rows in the table can be clicked.
      *    If enabled, a `vegaRowClick` event will be
      *    dispatched when a row is clicked.
+     *
+     * @version 1.3.0
      */
     this.rowClickable = false;
     /**
      * Specifies whether dividers should be displayed
      *    between rows in the table.
+     *
+     * @version 1.3.0
      */
     this.rowDivider = false;
     /**
      * Specifies whether dividers should be displayed
      *    between columns in the table.
+     *
+     * @version 1.3.0
      */
     this.columnDivider = false;
     /**
      * Specifies whether alternate colors should be applied
      *    to the rows of the table.
+     *
+     * @version 1.3.0
      */
     this.striped = true;
     /**
      * Specifies the negative space within the table's cells.
+     *
+     * @version 1.3.0
      */
     this.density = 'default';
     /**
      * Controls the amount of horizontal padding applied to the table.
+     *
+     * @version 1.3.0
      */
     this.paddingX = ['8px', '8px'];
     /**
      * Specifies whether the table header should be displayed.
+     *
+     * @version 1.3.0
      */
     this.showHeader = true;
     /**
      * Specifies the pagination configuration.
+     *
+     * @version 1.5.0
      */
     this.pagination = null;
     /**
      * Provides a customized message or description that is
      *    shown when the table's data source is empty.
+     *
+     * @version 1.7.0
      */
     this.emptyDescription = 'There is no data to display';
     /**
      * Defines a unique key for each row in the table.
+     *
+     * @version 1.9.2
      */
     this.rowKey = 'key';
     /**
      * Defines the column sorting options
      * Has optional property type: single | multiple
      * If not specified, it defaults to multiple column sorting
+     *
+     * @version 2.22.0
      */
     this.sortConfig = { type: 'multiple' };
   }
@@ -2484,6 +2527,7 @@ const VegaTable = class {
    *    revealing additional content.
    *
    * @param rowKey
+   * @version 1.3.0
    */
   async openExpandRow(rowKey) {
   }
@@ -2491,11 +2535,14 @@ const VegaTable = class {
    * Invoke this method to close the expanded row with the specified `rowKey`.
    *
    * @param rowKey
+   * @version 1.3.0
    */
   async closeExpandRow(rowKey) {
   }
   /**
    * Invoke this method to close all expanded rows.
+   *
+   * @version 1.3.0
    */
   async closeAllExpandRow() {
   }
@@ -2505,12 +2552,15 @@ const VegaTable = class {
    *    collapsed and collapsing it if it is currently expanded.
    *
    * @param rowKey
+   * @version 1.3.0
    */
   async toggleExpandRow(rowKey) {
   }
   /**
    * Invoke this method to clear the selected row keys,
    *    removing any current selection.
+   *
+   * @version 1.3.0
    */
   async clearSelection() {
   }
@@ -2518,6 +2568,8 @@ const VegaTable = class {
    * Invoke this method to retrieve the selected row keys,
    *    provided an array or list of the keys representing
    *    the currently selected rows.
+   *
+   * @version 1.3.0
    */
   async getSelection() {
     return methodPlaceholder();
@@ -2528,6 +2580,7 @@ const VegaTable = class {
    *    the desired selected rows.
    *
    * @param {string[]} keys - Row keys to be set as selected.
+   * @version 1.3.0
    */
   async setSelection(keys) {
   }
@@ -2536,6 +2589,8 @@ const VegaTable = class {
    *    with the specified `rowKey`.
    *
    * @VegaWarning Note: This method only works with editable tables.
+   *
+   * @version 1.19.0
    */
   async startRowEditMode(rowKey) {
   }
@@ -2544,6 +2599,8 @@ const VegaTable = class {
    *    with the specified `rowKey`.
    *
    * @VegaWarning Note: This method only works with editable tables.
+   *
+   * @version 1.19.0
    */
   async stopRowEditMode(rowKey) {
   }
@@ -2553,6 +2610,8 @@ const VegaTable = class {
    *    in the editing state.
    *
    * @VegaWarning Note: This method only works with editable tables.
+   *
+   * @version 1.19.0
    */
   async stopAllRowEditMode() {
   }
@@ -2564,6 +2623,8 @@ const VegaTable = class {
    * @param rowKey The row's unique key.
    *
    * @VegaWarning Note: This method only works with editable tables.
+   *
+   * @version 1.19.0
    */
   async getRowData(rowKey) {
     return methodPlaceholder(rowKey);
@@ -2574,6 +2635,8 @@ const VegaTable = class {
    *    associated with each row.
    *
    * @VegaWarning Note: This method only works with editable tables.
+   *
+   * @version 1.19.0
    */
   async getRowsData() {
     return methodPlaceholder();
@@ -2588,6 +2651,8 @@ const VegaTable = class {
    * @param optional rowKey
    *
    * @VegaWarning Note: This method only works with editable tables.
+   *
+   * @version 1.19.0
    */
   async getFormRef(rowKey) {
     return methodPlaceholder(rowKey);
@@ -2599,6 +2664,8 @@ const VegaTable = class {
    * @returns {Promise<string>} the rowKey of the new row
    *
    * @VegaWarning Note: This method only works with editable tables.
+   *
+   * @version 1.19.0
    */
   async addNewRow(record = {}) {
     return methodPlaceholder(record);
@@ -2611,6 +2678,8 @@ const VegaTable = class {
    * This action will not affect the editing mode of other rows.
    *
    * @VegaWarning Note: This method only works with editable tables.
+   *
+   * @version 1.19.0
    */
   async saveEditRow(rowKey) {
     return methodPlaceholder(rowKey);
@@ -2621,6 +2690,8 @@ const VegaTable = class {
    *    all rows in the table.
    *
    * @VegaWarning Note: This method only works with editable tables.
+   *
+   * @version 1.19.0
    */
   async saveAllEditRows() {
   }
@@ -2629,6 +2700,8 @@ const VegaTable = class {
    *    in the editing mode in the table.
    *
    * @VegaWarning Note: This method only works with editable tables.
+   *
+   * @version 1.19.0
    */
   async getEditingRowsKey() {
     return methodPlaceholder();
@@ -2640,6 +2713,8 @@ const VegaTable = class {
    * @param rowKey The rowKey of the row to remove.
    *
    * @VegaWarning Note: This method only works with editable tables.
+   *
+   * @version 1.19.0
    */
   async removeRow(rowKey) {
   }
@@ -2740,7 +2815,7 @@ __decorate$n([
 ], VegaTable.prototype, "scrollConfigNotifySlimmer", void 0);
 __decorate$n([
   InjectVegaSlimmer()
-], VegaTable.prototype, "paginationEventPrevent", void 0);
+], VegaTable.prototype, "eventsPrevent", void 0);
 __decorate$n([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "changeEventEmitter", void 0);
@@ -2753,6 +2828,9 @@ __decorate$n([
 __decorate$n([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowClickEventEmitter", void 0);
+__decorate$n([
+  InjectVegaSlimmer()
+], VegaTable.prototype, "rowExpandEventEmitter", void 0);
 __decorate$n([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowDividerNotifySlimmer", void 0);
@@ -3877,7 +3955,7 @@ class VegaTableRowRenderer extends VegaSlimmer {
     };
     this.handleClick = (e) => {
       e.stopPropagation();
-      const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelect), {
+      const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.parentTableRef, VegaInternalTableRowSelect), {
         host: this.host,
         rowKey: this.rowKey,
         checked: !this.checked,
@@ -3897,6 +3975,12 @@ class VegaTableRowRenderer extends VegaSlimmer {
       }
     };
   }
+  connectedCallback() {
+    this.setParentTableRef();
+  }
+  getParentTableRef() {
+    return this.parentTableRef;
+  }
   render() {
     var _a, _b;
     return (h(Fragment, null,
@@ -3919,6 +4003,9 @@ class VegaTableRowRenderer extends VegaSlimmer {
   renderExpandRowSpace(rowKey) {
     return (this.expandable && (h("tr", { key: `vega-table-expand-row-space-${rowKey}`, class: "expand-row-space" })));
   }
+  setParentTableRef() {
+    this.parentTableRef = findParent(this.host, 'vega-table');
+  }
 }
 (() => {
   VegaInternalIconManager.register({ 'chevron-down': chevronDown });
@@ -3965,6 +4052,9 @@ __decorate$5([
 __decorate$5([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "expandEventEmitter", void 0);
+__decorate$5([
+  MapToComponentMethod('connectedCallback')
+], VegaTableRowRenderer.prototype, "connectedCallback", null);
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -4076,12 +4166,19 @@ class VegaTableRowExpandController extends VegaSlimmer {
    * The handler for expand icon click event.
    */
   handleExpandIconClick() {
-    this.expanded = !this.expanded;
-    ChangeManager.notify(TABLE_EXPAND_ROW, {
+    const rowExpandEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowExpand), {
       host: this.host,
       rowKey: this.rowKey,
-      expanded: this.expanded,
+      expanded: !this.expanded,
     });
+    if (!rowExpandEvent.defaultPrevented) {
+      this.expanded = !this.expanded;
+      ChangeManager.notify(TABLE_EXPAND_ROW, {
+        host: this.host,
+        rowKey: this.rowKey,
+        expanded: this.expanded,
+      });
+    }
   }
   /**
    * Initialize the row expand observer.
@@ -4107,6 +4204,9 @@ __decorate$3([
 __decorate$3([
   MapToComponentField({ writable: true })
 ], VegaTableRowExpandController.prototype, "expanded", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTableRowExpandController.prototype, "vegaTableRowRenderer", void 0);
 __decorate$3([
   MapToComponentMethod('connectedCallback')
 ], VegaTableRowExpandController.prototype, "connectedCallback", null);
@@ -4140,7 +4240,7 @@ class VegaTableRowClickController extends VegaSlimmer {
    * Row click handler
    */
   handleRowClick() {
-    const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelect), {
+    const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowSelect), {
       host: this.host,
       rowKey: this.rowKey,
       checked: !this.checked,
@@ -4192,6 +4292,9 @@ __decorate$2([
 __decorate$2([
   MapToComponentField()
 ], VegaTableRowClickController.prototype, "clickEventEmitter", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTableRowClickController.prototype, "vegaTableRowRenderer", void 0);
 __decorate$2([
   MapToComponentMethod('connectedCallback')
 ], VegaTableRowClickController.prototype, "connectedCallback", null);

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

@@ -164,6 +164,8 @@ const VegaText = class {
     /**
      * Specifies the behavior of text when it exceeds the
      *    available space within its container.
+     *
+     * @version 1.18.0
      */
     this.overflow = 'newline';
   }

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

@@ -1,21 +1,21 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { M as MinStringLengthRule, a as MaxStringLengthRule } from './min-string-length-rule-27a8ba07.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 } 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 { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9372f752.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-b2acf02b.js';
-import { e as VegaChange, u as VegaBlur } 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 { e as VegaChange, x as VegaBlur } from './vega-event-id-728eb2ac.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.js';
 import './string-be824360.js';
 import './dom-node-subject-observer-factory-926991a9.js';
 import './ui-153f4ae7.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';
@@ -23,7 +23,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';
@@ -107,15 +107,21 @@ const VegaTextarea = class {
      *
      * It indicates the expected format or pattern of
      *    the input within the text area.
+     *
+     * @version 1.11.0
      */
     this.placeholder = '';
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value within the text area.
+     *
+     * @version 1.11.0
      */
     this.hint = '';
     /**
      * Specifies whether the text area is disabled.
+     *
+     * @version 1.11.0
      */
     this.disabled = false;
     /**
@@ -123,50 +129,72 @@ const VegaTextarea = class {
      *
      * It provides descriptive text that helps identify the
      *    purpose or content expected within the text area.
+     *
+     * @version 1.11.0
      */
     this.label = '';
     /**
      * Determines whether to display a character counter
      *    for the textarea.
+     *
+     * @version 1.11.0
      */
     this.showCounter = false;
     /**
      * Specifies the initial value or content of the
      *    textarea field.
+     *
+     * @version 1.11.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
     /**
      * Specifies the validation status of the
      *    text area 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 for the text area.
+     *
+     * @version 1.11.0
      */
     this.autoValidation = true;
     /**
      * Determines whether the content of the textarea must be
      *    provided by the user before submitting the form or
      *    completing the input process.
+     *
+     * @version 1.11.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
      * Specifies the maximum number of characters (UTF-16 code units)
      *    that the user can enter in the text area.
+     *
+     * @version 1.11.0
      */
     this.maxLength = null;
     /** Specifies the minimum number of characters (UTF-16 code units)
      *    that the user must enter in the text area.
+     *
+     * @version 1.11.0
      */
     this.minLength = null;
     /**
      * Determines whether the text area is vertically resizable.
+     *
+     * @version 2.19.0
      */
     this.resizable = true;
     /**
      * Specifies custom validation rules for the text area.
+     *
+     * @version 1.11.0
      */
     this.validationRules = [];
     this.renderTextareaContainer = () => {