@globalpayments/vega 2.23.0 → 2.24.0

package/dist/collection/components/vega-button/vega-button.js

@@ -17,6 +17,7 @@ import { VegaClick } from '../../helpers/event-manager/event-id/vega-event-id';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaButtonLoadingRenderer } from './slimmers/renderers/vega-button-loading-renderer';
+import responsiveFormatFacade from '../../helpers/formatter/responsive-map-formatter/responsive-format-facade';
 export class VegaButton {
   constructor() {
     this.globalSlimmers = {};
@@ -99,7 +100,7 @@ export class VegaButton {
     this.host.innerHTML = '';
   }
   render() {
-    return sanitizeVegaComponent(h(Host, { class: { 'vega-button-block': this.block } },
+    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,
@@ -137,6 +138,14 @@ export class VegaButton {
   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);
+  }
   static get is() { return "vega-button"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
@@ -294,9 +303,14 @@ export class VegaButton {
       "type": "boolean",
       "mutable": false,
       "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        "original": "ResponsiveType<boolean>",
+        "resolved": "boolean | { S?: boolean; M?: boolean; L?: boolean; XL?: boolean; default?: boolean; }",
+        "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          }
+        }
       },
       "required": false,
       "optional": false,

package/dist/collection/components/vega-font/slimmers/controllers/vega-font-variant-controller.js

@@ -20,6 +20,3 @@ export class VegaFontVariantController extends VegaSlimmer {
 __decorate([
   MapToComponentField()
 ], VegaFontVariantController.prototype, "variant", void 0);
-__decorate([
-  MapToComponentField()
-], VegaFontVariantController.prototype, "currentBreakpoint", void 0);

package/dist/collection/components/vega-input/slimmers/controllers/vega-input-mask-config-controller.js

@@ -135,6 +135,9 @@ export class VegaInputMaskConfigController extends StringInputFormatterSlimmer {
 __decorate([
   MapToComponentField()
 ], VegaInputMaskConfigController.prototype, "maskConfig", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputMaskConfigController.prototype, "disableCopyPaste", void 0);
 __decorate([
   MapToComponentField()
 ], VegaInputMaskConfigController.prototype, "type", void 0);

package/dist/collection/components/vega-input/vega-input.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, Host, h, Prop, Element, Method, Event, Listen, Watch } from '@stencil/core';
+import { Component, Host, h, Prop, Element, Method, Event, Watch } from '@stencil/core';
 import { EmailFieldRule } from '../../helpers/validator/rules/email-field-rule';
 import { MaxNumberRule } from '../../helpers/validator/rules/max-number-rule';
 import { MaxStringLengthRule } from '../../helpers/validator/rules/max-string-length-rule';
@@ -90,6 +90,12 @@ export class VegaInput {
      *    an ellipsis for visual presentation.
      */
     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.
+     */
+    this.valueUpdateTrigger = 'input';
     /**
      * Defines the specific type or category of the input field.
      *
@@ -196,6 +202,28 @@ export class VegaInput {
     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.
@@ -231,14 +259,6 @@ export class VegaInput {
   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.
    */
@@ -261,7 +281,7 @@ export class VegaInput {
         /* 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';
@@ -337,6 +357,29 @@ export class VegaInput {
       "reflect": true,
       "defaultValue": "''"
     },
+    "valueUpdateTrigger": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "InputValueUpdateTriggeredBy",
+        "resolved": "\"change\" | \"input\"",
+        "references": {
+          "InputValueUpdateTriggeredBy": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies when the vegaChange event is triggered.\n    It controls whether the event is dispatched\n    after typing in the input or after a change event."
+      },
+      "attribute": "value-update-trigger",
+      "reflect": false,
+      "defaultValue": "'input'"
+    },
     "type": {
       "type": "string",
       "mutable": false,
@@ -849,13 +892,6 @@ export class VegaInput {
       "propName": "maskConfig",
       "methodName": "watchMaskChange"
     }]; }
-  static get listeners() { return [{
-      "name": "input",
-      "method": "handleValueInput",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
 }
 __decorate([
   InjectVegaGlobalSlimmer()

package/dist/collection/components/vega-modal/slimmers/controllers/vega-nested-modal-controller.js

@@ -0,0 +1,33 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+/**
+ * Nested modal controller
+ */
+export class VegaNestedModalController extends VegaSlimmer {
+  /**
+   * Component lifecycle - [connectedCallback]
+   */
+  connectedCallback() {
+    this.appendNestedModalToBody();
+  }
+  /**
+   * The function appends all nested 'vega-modal' elements found within the host element to the document
+   * body.
+   */
+  appendNestedModalToBody() {
+    this.host.querySelectorAll('vega-modal').forEach((modal) => {
+      document.body.append(modal);
+    });
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaNestedModalController.prototype, "host", void 0);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], VegaNestedModalController.prototype, "connectedCallback", null);

package/dist/collection/components/vega-modal/vega-modal.js

@@ -24,6 +24,7 @@ import mainContentStyle from './vega-modal-disable-body-scroll.css';
 import { createDeprecatedPropertySlimmer, } from '../../helpers/slimmers/deprecated-property-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaModalRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-modal/runtime-metrics-payload-definition';
+import { VegaNestedModalController } from './slimmers/controllers/vega-nested-modal-controller';
 export class VegaModal {
   constructor() {
     this.globalSlimmers = {};
@@ -38,6 +39,7 @@ export class VegaModal {
       },
       isDeferred: true,
     });
+    this.nestedModalController = new VegaNestedModalController();
     this.openEventEmitter = createEventEmitSlimmer(VegaModal, VegaOpen);
     this.closeEventEmitter = createEventEmitSlimmer(VegaModal, VegaClose);
     this.childNodesEventPrevent = new ChildNodesEventPreventSlimmer([VegaOpen, VegaClose], () => this.modalContainer);
@@ -850,6 +852,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaModal.prototype, "pageResizeObserverSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaModal.prototype, "nestedModalController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaModal.prototype, "openEventEmitter", void 0);

package/dist/collection/components/vega-progress-tracker/vega-progress-tracker.css

@@ -58,7 +58,7 @@
 :host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon vega-icon {
   color: rgba(var(--v-text-link-active, 29, 65, 195, 1));
 }
-:host(:not(.click-step-disabled)) .vega-progress-step.complete.current .vega-progress-step__icon vega-icon {
+:host(:not(.click-step-disabled)) .vega-progress-step.complete.current:hover .vega-progress-step__icon vega-icon {
   color: rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));
 }
 
@@ -204,6 +204,9 @@
 :host .vega-progress-step.complete .vega-progress-step__title {
   color: rgba(var(--v-text-primary, 32, 54, 69, 1));
 }
+:host .vega-progress-step.complete.current .vega-progress-step__icon vega-icon {
+  color: rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));
+}
 
 :host .vega-progress-step.inProgress .vega-progress-step__icon,
 :host .vega-progress-step.current .vega-progress-step__icon {

package/dist/collection/components/vega-selection-chip/vega-selection-chip-group/slimmers/controllers/vega-selection-chip-group-items-controller.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { InjectVegaSlimmer, MapToComponentField, MapToComponentMethod, methodPlaceholder, VegaSlimmer, } from 'vega-slimmer/core';
 import { MutationObserverSlimmer } from '../../../../../helpers/slimmers/mutation-observer/mutation-observer-slimmer';
 import { TagNameAndAttributeMutationFilter } from '../../../../../helpers/slimmers/mutation-observer/mutation-observer-filters';
+import { isArrayEqual } from '../../../../../utils/array';
 /**
  * Observer child items change to update value.
  */
@@ -82,9 +83,14 @@ export class VegaSelectionChipGroupItemsController extends VegaSlimmer {
    * Sets the value of an element based on the checked items in a selection chip array.
    */
   setValueFromCheckboxItems() {
-    this.valueController.setValue(this.selectionChipArray
+    const currentValue = this.selectionChipArray
       .filter((chip) => chip.checked)
-      .map((chip) => chip.value));
+      .map((chip) => chip.value);
+    // Should skip update the value while same items with different order are in the two value arrays.
+    // ticket: https://gethired.atlassian.net/browse/VD-4534
+    if (!isArrayEqual(this.value, currentValue, true)) {
+      this.valueController.setValue(currentValue);
+    }
   }
   /**
    * Sets the value of a radio item based on the checked status of the items.

package/dist/collection/components/vega-table/slimmers/controllers/vega-table-expand-row-controller.js

@@ -11,6 +11,9 @@ import ChangeManager from '../../../../helpers/change-manager/change-manager';
 import { TABLE_EXPAND_ROW } from '../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { Observer } from '../../../../helpers/change-manager/observer/observer';
 import { findParent } from '../../../../utils/ui';
+import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import staticRemoteInvocationCallRegistry from '../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
+import { VegaInternalTableRowExpand } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
  * The expand row controller of VegaTable
  */
@@ -154,6 +157,7 @@ export class VegaTableExpandRowController extends VegaSlimmer {
       this.mutationObserver.disconnect();
     }
     ChangeManager.unregister(TABLE_EXPAND_ROW, this.expandObserver);
+    staticRemoteInvocationCallRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowExpand));
   }
   /**
    * Component lifecycle - componentDidLoad
@@ -180,6 +184,12 @@ export 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.
@@ -202,6 +212,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableExpandRowController.prototype, "rowExpandable", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableExpandRowController.prototype, "rowExpandEventEmitter", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableExpandRowController.prototype, "vegaTableDataSourceController", void 0);

package/dist/collection/components/vega-table/slimmers/controllers/vega-table-render-mode-controller.js

@@ -32,7 +32,7 @@ export 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-'));
     };
   }
   /**

package/dist/collection/components/vega-table/vega-table-row/slimmers/controllers/vega-table-row-click-controller.js

@@ -12,7 +12,6 @@ import { isAcceptableTableRowObserver } from '../../../type-guard';
 import staticRemoteInvocationCallRegistry from '../../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
 import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { VegaInternalTableRowSelect } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
-import { findParent } from '../../../../../utils/ui';
 /**
  * The row click controller for table row
  */
@@ -33,7 +32,7 @@ export 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,
@@ -85,6 +84,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableRowClickController.prototype, "clickEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableRowClickController.prototype, "vegaTableRowRenderer", void 0);
 __decorate([
   MapToComponentMethod('connectedCallback')
 ], VegaTableRowClickController.prototype, "connectedCallback", null);

package/dist/collection/components/vega-table/vega-table-row/slimmers/controllers/vega-table-row-expand-controller.js

@@ -9,6 +9,9 @@ import ChangeManager from '../../../../../helpers/change-manager/change-manager'
 import { TABLE_EXPAND_ROW } from '../../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { Observer } from '../../../../../helpers/change-manager/observer/observer';
 import { isAcceptableTableObserver } from '../../../type-guard';
+import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import staticRemoteInvocationCallRegistry from '../../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
+import { VegaInternalTableRowExpand } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
  * The row expand controller for expandable table row.
  */
@@ -29,12 +32,19 @@ export 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.
@@ -60,6 +70,9 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTableRowExpandController.prototype, "expanded", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableRowExpandController.prototype, "vegaTableRowRenderer", void 0);
 __decorate([
   MapToComponentMethod('connectedCallback')
 ], VegaTableRowExpandController.prototype, "connectedCallback", null);

package/dist/collection/components/vega-table/vega-table-row/slimmers/renderers/vega-table-row-renderer.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Fragment, h } from '@stencil/core';
-import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
 import { DomNodeSubjectObserverFactory } from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 import { VegaChange } from '../../../../../helpers/event-manager/event-id/vega-event-id';
 import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
@@ -45,7 +45,7 @@ export 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,
@@ -65,6 +65,12 @@ export class VegaTableRowRenderer extends VegaSlimmer {
       }
     };
   }
+  connectedCallback() {
+    this.setParentTableRef();
+  }
+  getParentTableRef() {
+    return this.parentTableRef;
+  }
   render() {
     var _a, _b;
     return (h(Fragment, null,
@@ -87,6 +93,9 @@ export 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 });
@@ -133,3 +142,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "expandEventEmitter", void 0);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], VegaTableRowRenderer.prototype, "connectedCallback", null);

package/dist/collection/components/vega-table/vega-table.js

@@ -26,7 +26,7 @@ import { VegaTableRowRenderer } from './slimmers/renderers/vega-table-row-render
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { createSubStateNotifySlimmer } from '../../helpers/slimmers/sub-state/sub-state-notify-slimmer';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
-import { VegaChange, VegaPageSizeChange, VegaRowClick, VegaRowSelect, VegaRowSelectAll, VegaSelectAllChange, VegaSelectChange, } from '../../helpers/event-manager/event-id/vega-event-id';
+import { VegaChange, VegaPageSizeChange, VegaRowClick, VegaRowSelect, VegaRowSelectAll, VegaRowExpand, VegaSelectAllChange, VegaSelectChange, VegaExpand, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { ImmutableMap } from '../../helpers/immutable/immutable-map';
 import { VegaTableRenderModeController } from './slimmers/controllers/vega-table-render-mode-controller';
@@ -61,11 +61,12 @@ export class VegaTable {
     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');
@@ -831,6 +832,49 @@ export class VegaTable {
           }
         }
       }
+    }, {
+      "method": "vegaRowExpand",
+      "name": "vegaRowExpand",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "An event emitter notifying the expanded event of a row\n   in the table."
+      },
+      "complexType": {
+        "original": "VegaTableRowExpandEventDetail",
+        "resolved": "{ record: VegaTableDataSourceItem; expanded: boolean; }",
+        "references": {
+          "VegaTableRowExpandEventDetail": {
+            "location": "import",
+            "path": "./interface"
+          }
+        }
+      }
+    }, {
+      "method": "rowExpand",
+      "name": "rowExpand",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }],
+        "text": "An event emitter notifying the expanded event of a row\n   in the table."
+      },
+      "complexType": {
+        "original": "VegaTableRowExpandEventDetail",
+        "resolved": "{ record: VegaTableDataSourceItem; expanded: boolean; }",
+        "references": {
+          "VegaTableRowExpandEventDetail": {
+            "location": "import",
+            "path": "./interface"
+          }
+        }
+      }
     }, {
       "method": "vegaSelectChange",
       "name": "vegaSelectChange",
@@ -1551,7 +1595,7 @@ __decorate([
 ], VegaTable.prototype, "scrollConfigNotifySlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaTable.prototype, "paginationEventPrevent", void 0);
+], VegaTable.prototype, "eventsPrevent", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "changeEventEmitter", void 0);
@@ -1564,6 +1608,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowClickEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTable.prototype, "rowExpandEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowDividerNotifySlimmer", void 0);

package/dist/collection/constants/ui.js

@@ -44,6 +44,7 @@ export const VegaNativeEventName = [
   'formSubmit',
   'formReset',
   'rowClick',
+  'rowExpand',
   'selectChange',
   'selectAllChange',
   'pageSizeChange',

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -1,4 +1,4 @@
-import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaFormSubmit, VegaFormReset, VegaValidate, VegaRemove, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaFormSubmit, VegaFormReset, VegaValidate, VegaRemove, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick]],
@@ -50,7 +50,15 @@ const entries = [
   ['vega-tab-group', [VegaClick]],
   [
     'vega-table',
-    [VegaChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowSelect, VegaRowSelectAll],
+    [
+      VegaChange,
+      VegaSelectChange,
+      VegaSelectAllChange,
+      VegaRowClick,
+      VegaRowExpand,
+      VegaRowSelect,
+      VegaRowSelectAll,
+    ],
   ],
   ['vega-table-head-cell', [VegaClick]],
   ['vega-table-row', [VegaClick, VegaExpand]],

package/dist/collection/helpers/event-manager/event-id/vega-event-id.js

@@ -62,6 +62,7 @@ export const VegaValidate = new VegaEventID('vegaValidate', 'validate');
 export const VegaFormSubmit = new VegaEventID('vegaFormSubmit', 'formSubmit');
 export const VegaFormReset = new VegaEventID('vegaFormReset', 'formReset');
 export const VegaRowClick = new VegaEventID('vegaRowClick', 'rowClick');
+export const VegaRowExpand = new VegaEventID('vegaRowExpand', 'rowExpand');
 export const VegaSelectChange = new VegaEventID('vegaSelectChange', 'selectChange');
 export const VegaRowSelect = new VegaEventID('vegaRowSelect', 'rowSelect');
 export const VegaRowSelectAll = new VegaEventID('vegaRowSelectAll', 'rowSelectAll');

package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js

@@ -28,3 +28,4 @@ export const VegaInternalCalendarMonthEventsChange = new VegaInternalEventID('mo
 export const VegaInternalDropdownTemplateItemsChange = new VegaInternalEventID('dropdownTemplateItemsChange');
 export const VegaInternalTableRowSelect = new VegaInternalEventID('tableRowSelect');
 export const VegaInternalTableRowSelectAll = new VegaInternalEventID('tableRowSelectAll');
+export const VegaInternalTableRowExpand = new VegaInternalEventID('tableRowExpand');