@globalpayments/vega 2.22.0 → 2.23.0

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

@@ -48,7 +48,10 @@ export class VegaBannerRenderer extends VegaSlimmer {
    * @returns {HTMLElement} the banner content element
    */
   renderBannerContent() {
-    return (h("div", { class: "banner-content-container" },
+    return (h("div", { class: {
+        ['banner-content-container']: true,
+        ['linear']: !this.isMobileDevice && (!this.content || !this.bannerTitle),
+      } },
       this.renderBannerTitle(),
       h("div", { class: "banner-content" },
         h("vega-font", { variant: this.isMobileDevice ? 'font-footnote1-long' : 'font-p2-short', color: this.type === 'error' ? 'text-primary' : 'text-black' }, this.content),

package/dist/collection/components/vega-banner/vega-banner.css

@@ -37,6 +37,13 @@
 :host .banner-content-container .banner-content > vega-font:last-child {
   padding-top: 6px;
 }
+:host .banner-content-container.linear {
+  display: flex;
+  justify-content: space-between;
+}
+:host .banner-content-container.linear .banner-content {
+  flex-grow: 1;
+}
 :host .banner-buttons {
   text-align: right;
   text-wrap: nowrap;

package/dist/collection/components/vega-breadcrumb/slimmers/renderers/vega-breadcrumb-item-renderer.js

@@ -13,7 +13,7 @@ export class VegaBreadcrumbItemRenderer extends VegaSlimmer {
     return (h("div", { class: "vega-breadcrumb-item", key: item.label }, this.renderContent(item, options)));
   }
   renderContent(item, options) {
-    if (options.isMobile) {
+    if (options.isMobile && !options.isLastItem) {
       return (h(Fragment, null,
         this.renderIcon('chevron-left-rounded', 'text-link'),
         this.renderLabel(item)));

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

@@ -26,7 +26,7 @@ export class VegaBreadcrumbRenderer extends VegaSlimmer {
         'vega-breadcrumb': true,
         'mobile': this.isMobile,
         'collapsed': this.isCollapsed(),
-        'vega-breadcrumb-hidden': this.items.length <= 1,
+        'single': this.items.length == 1,
       }, ref: (node) => (this.vegaBreadcrumbContainerRef = node) }, this.renderItems()));
   }
   renderItems() {

package/dist/collection/components/vega-breadcrumb/vega-breadcrumb.css

@@ -140,6 +140,42 @@
 :host .vega-breadcrumb.mobile .vega-breadcrumb-item:nth-last-child(2) {
   display: flex;
 }
+:host .vega-breadcrumb.mobile.single .vega-breadcrumb-item {
+  display: flex;
+  font-family: "Inter", sans-serif;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 22px;
+  letter-spacing: 0px;
+  color: rgba(var(--v-text-primary, 32, 54, 69, 1));
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  :host .vega-breadcrumb.mobile.single .vega-breadcrumb-item {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 22px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1439px) {
+  :host .vega-breadcrumb.mobile.single .vega-breadcrumb-item {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 22px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 9999px) {
+  :host .vega-breadcrumb.mobile.single .vega-breadcrumb-item {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 22px;
+    letter-spacing: 0px;
+  }
+}
 
 :host .vega-breadcrumb.collapsed .vega-breadcrumb-item:nth-child(n+3):not(:last-child) {
   display: none;

package/dist/collection/components/vega-date-picker/slimmers/controllers/vega-date-picker-zindex-controller.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 { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
-import ZIndexManager from '../../../../helpers/zindex/z-index-manager';
+import InternalVegaZIndexManager from '../../../../helpers/zindex/internal-vega-z-index-manager';
 /** The date picker z index controller slimmer */
 export class VegaDatePickerZIndexController extends VegaSlimmer {
   /*
@@ -21,8 +21,8 @@ export class VegaDatePickerZIndexController extends VegaSlimmer {
     const backdrop = 
     // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
     this.host.shadowRoot.querySelector('.litepicker-backdrop');
-    ZIndexManager.setZIndex(backdrop, 'base');
-    ZIndexManager.setZIndex(this.vegaDatePickerCalendarRenderer.getCalendarContainerRef(), 'base');
+    InternalVegaZIndexManager.setZIndex(backdrop, 'base');
+    InternalVegaZIndexManager.setZIndex(this.vegaDatePickerCalendarRenderer.getCalendarContainerRef(), 'base');
   }
   /*
    * The below method is e2e-test covered in
@@ -37,8 +37,8 @@ export class VegaDatePickerZIndexController extends VegaSlimmer {
     const backdrop = 
     // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
     this.host.shadowRoot.querySelector('.litepicker-backdrop');
-    ZIndexManager.removeZIndex(backdrop, 'base');
-    ZIndexManager.removeZIndex(this.vegaDatePickerCalendarRenderer.getCalendarContainerRef(), 'base');
+    InternalVegaZIndexManager.removeZIndex(backdrop, 'base');
+    InternalVegaZIndexManager.removeZIndex(this.vegaDatePickerCalendarRenderer.getCalendarContainerRef(), 'base');
   }
 }
 __decorate([

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

@@ -10,6 +10,7 @@ import { ThousandCommaStrategy } from '../../../../helpers/formatter/string-form
 import { NumberMaskStrategy, } from '../../../../helpers/formatter/string-formatter/number-mask-strategy';
 import { StringInputFormatterSlimmer } from '../../../../helpers/slimmers/string-input-formatter-slimmer';
 import { CustomFormatterStrategy } from '../../../../helpers/formatter/string-formatter/custom-formatter-strategy';
+import { NumberThousandCommaStrategy } from '../../../../helpers/formatter/string-formatter/number-thousand-comma-strategy';
 /** The `VegaInputMaskConfigController` class in TypeScript manages input mask configuration and string formatting for an input element within a component's shadow root. */
 export class VegaInputMaskConfigController extends StringInputFormatterSlimmer {
   constructor() {
@@ -92,7 +93,7 @@ export class VegaInputMaskConfigController extends StringInputFormatterSlimmer {
         stringFormatStrategy = new ThousandCommaStrategy();
         break;
       case 'number':
-        stringFormatStrategy = new NumberMaskStrategy(maskConfig.options);
+        stringFormatStrategy = this.getNumberTypeMaskStrategy(maskConfig.options);
         break;
       case 'custom':
         stringFormatStrategy = new StringMaskStrategy(maskConfig.options);
@@ -106,6 +107,20 @@ export class VegaInputMaskConfigController extends StringInputFormatterSlimmer {
     }
     return stringFormatStrategy;
   }
+  /**
+   * The function `getNumberTypeMaskStrategy` returns a specific formatting strategy based on the provided options for number masking.
+   *
+   * @param {NumberMaskConfig} options - The `options` parameter is of type `NumberMaskConfig`, which likely contains configuration options for formatting numbers. It seems to have a property `thousandComma` which, if true, indicates that the number should be formatted with thousand commas.
+   * @returns {StringFormatStrategy} an instance of numberMaskStrategy or numberThousandCommaStrategy
+   */
+  getNumberTypeMaskStrategy(options) {
+    if (options && options.thousandComma) {
+      return new NumberThousandCommaStrategy(options);
+    }
+    else {
+      return new NumberMaskStrategy(options);
+    }
+  }
   /**
    * The function `isBlurModeMaskConfig` checks if a given `maskConfig` is of type 'custom' and has a trigger of 'blur'.
    *

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

@@ -13,7 +13,7 @@ import { getCurrentBreakpoint } from '../../utils/breakpoints';
 import { sanitizeVegaComponent } from '../../utils/component';
 import { findParent, getDeviceType } from '../../utils/ui';
 import { formatAndValidResponsiveToken } from '../../utils/design-token';
-import ZIndexManager from '../../helpers/zindex/z-index-manager';
+import InternalVegaZIndexManager from '../../helpers/zindex/internal-vega-z-index-manager';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
@@ -306,16 +306,16 @@ export class VegaModal {
   }
   setModalZIndex() {
     if (this.open) {
-      ZIndexManager.setZIndex(this.backdropRef, 'base');
-      ZIndexManager.setZIndex(this.host, 'base');
+      InternalVegaZIndexManager.setZIndex(this.backdropRef, 'base');
+      InternalVegaZIndexManager.setZIndex(this.host, 'base');
     }
     else {
-      ZIndexManager.removeZIndex(this.backdropRef, 'base');
-      ZIndexManager.removeZIndex(this.host, 'base');
+      InternalVegaZIndexManager.removeZIndex(this.backdropRef, 'base');
+      InternalVegaZIndexManager.removeZIndex(this.host, 'base');
       const length = this.getVisibleModalLength();
       if (length > 0) {
-        ZIndexManager.setZIndex(this.backdropRef, 'base');
-        ZIndexManager.setZIndex(VegaModal.openedModalStack[length - 1], 'base');
+        InternalVegaZIndexManager.setZIndex(this.backdropRef, 'base');
+        InternalVegaZIndexManager.setZIndex(VegaModal.openedModalStack[length - 1], 'base');
       }
       this.removeBackdropWhileNoModalShow();
     }

package/dist/collection/components/vega-nav/vega-left-nav/slimmers/controllers/vega-left-nav-zindex-controller.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
 import { executeAfterTransition } from '../../../../../utils/effect';
-import ZIndexManager from '../../../../../helpers/zindex/z-index-manager';
+import InternalVegaZIndexManager from '../../../../../helpers/zindex/internal-vega-z-index-manager';
 export class VegaLeftNavZIndexController extends VegaSlimmer {
   watchOpenState() {
     this.updateZIndex();
@@ -19,13 +19,13 @@ export class VegaLeftNavZIndexController extends VegaSlimmer {
   updateZIndex() {
     const backDrop = this.backdropController.getBackdrop();
     if (this.openState == 'open') {
-      ZIndexManager.setZIndex(backDrop, 'base');
-      ZIndexManager.setZIndex(this.host, 'base');
+      InternalVegaZIndexManager.setZIndex(backDrop, 'base');
+      InternalVegaZIndexManager.setZIndex(this.host, 'base');
     }
     else {
       executeAfterTransition(() => {
-        ZIndexManager.removeZIndex(backDrop, 'base');
-        ZIndexManager.removeZIndex(this.host, 'base');
+        InternalVegaZIndexManager.removeZIndex(backDrop, 'base');
+        InternalVegaZIndexManager.removeZIndex(this.host, 'base');
       }, this.host, 300);
     }
   }

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

@@ -9,6 +9,9 @@ import ChangeManager from '../../../../helpers/change-manager/change-manager';
 import { Observer } from '../../../../helpers/change-manager/observer/observer';
 import { TABLE_ROW_CLICK, TABLE_ROW_SELECTION, TABLE_ROW_SELECTION_ALL, } from '../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { findParent } from '../../../../utils/ui';
+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, VegaInternalTableRowSelectAll, } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
  *
  */
@@ -145,7 +148,7 @@ export class VegaTableRowSelectionController extends VegaSlimmer {
    * Component lifecycle - connectedCallback
    */
   connectedCallback() {
-    this.initRowSelectionObserver();
+    this.initRowSelection();
     this.initRowClickObserver();
     this.initRowSelectionAllObserver();
   }
@@ -156,6 +159,8 @@ export class VegaTableRowSelectionController extends VegaSlimmer {
     ChangeManager.unregister(TABLE_ROW_SELECTION, this.rowSelectionObserver);
     ChangeManager.unregister(TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
     ChangeManager.unregister(TABLE_ROW_CLICK, this.rowClickObserver);
+    staticRemoteInvocationCallRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelect));
+    staticRemoteInvocationCallRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelectAll));
   }
   /**
    * Component lifecycle - componentWillLoad
@@ -280,15 +285,33 @@ export class VegaTableRowSelectionController extends VegaSlimmer {
     }
   }
   /**
-   * The function initializes a row selection observer.
+   * The function initializes a row selection.
    */
-  initRowSelectionObserver() {
+  initRowSelection() {
     this.rowSelectionObserver = new Observer(this.isAcceptableRowSelectionObserver.bind(this), (payload) => {
       const { rowKey, checked } = payload;
       const record = this.vegaTableDataSourceController.getRecordByKey(rowKey);
       this.handleRowSelect(checked, record);
     });
     ChangeManager.register(TABLE_ROW_SELECTION, this.rowSelectionObserver);
+    staticRemoteInvocationCallRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelect), ({ rowKey, checked }) => {
+      return this.rowSelectEventEmitter.emit({
+        selected: checked,
+        record: this.vegaTableDataSourceController.getRecordByKey(rowKey),
+        selectedRows: this.getSelectedRecords(),
+      });
+    });
+    staticRemoteInvocationCallRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelectAll), ({ checked }) => {
+      return this.rowSelectAllEventEmitter.emit({
+        selected: checked,
+        selectedRows: this.getSelectedRecords(),
+        changedRows: checked
+          ? this.vegaTableDataSourceController
+            .getCurrentData()
+            .filter((record) => !this.selectedRowKeySet.has(record.key))
+          : this.getSelectedRecords(),
+      });
+    });
   }
   /**
    * The function initializes an observer for row selection all in a table
@@ -346,6 +369,12 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableRowSelectionController.prototype, "vegaTableDataSourceController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableRowSelectionController.prototype, "rowSelectEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableRowSelectionController.prototype, "rowSelectAllEventEmitter", void 0);
 __decorate([
   MapToComponentMethod('connectedCallback')
 ], VegaTableRowSelectionController.prototype, "connectedCallback", null);

package/dist/collection/components/vega-table/vega-table-head/vega-table-head.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 { Component, Host, h, Element, State } from '@stencil/core';
-import ZIndexManager from '../../../helpers/zindex/z-index-manager';
+import InternalVegaZIndexManager from '../../../helpers/zindex/internal-vega-z-index-manager';
 import { sanitizeVegaComponent } from '../../../utils/component';
 import { VegaTableHeadStateController } from './slimmers/controllers/vega-table-head-state-controller';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
@@ -24,16 +24,16 @@ export class VegaTableHead {
     this.fixed = false;
     this.handleTableHeadRefChange = (ref) => {
       if (this.tableHeadRef) {
-        ZIndexManager.removeZIndex(this.tableHeadRef, 'base');
+        InternalVegaZIndexManager.removeZIndex(this.tableHeadRef, 'base');
       }
       if (this.fixed) {
-        ZIndexManager.setZIndex(ref, 'base');
+        InternalVegaZIndexManager.setZIndex(ref, 'base');
       }
       this.tableHeadRef = ref;
     };
   }
   disconnectedCallback() {
-    ZIndexManager.removeZIndex(this.tableHeadRef, 'base');
+    InternalVegaZIndexManager.removeZIndex(this.tableHeadRef, 'base');
   }
   render() {
     return sanitizeVegaComponent(h(Host, { class: {

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

@@ -11,6 +11,10 @@ import ChangeManager from '../../../../../helpers/change-manager/change-manager'
 import { TABLE_ROW_SELECTION_ALL } from '../../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 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 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 { findParent } from '../../../../../utils/ui';
+import { VegaInternalTableRowSelectAll } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
 export class VegaTableHeadRowRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -18,7 +22,7 @@ export class VegaTableHeadRowRenderer extends VegaSlimmer {
       if (this.selectionType !== 'multiple')
         return;
       return (h("th", { class: "vega-table-selection-column" }, !this.hideSelectAll && (h("div", { class: "vega-table-checkbox-wrapper" },
-        h("vega-checkbox", { size: "small", disabled: this.isEmptyTable || this.selectAllDisabled, checked: this.checkedAll, 
+        h("vega-checkbox", { size: "small", disabled: this.isEmptyTable || this.selectAllDisabled, checked: this.checkedAll, onClick: this.handleClick, 
           /* eslint-disable-next-line react/jsx-no-bind */
           ref: (ref) => {
             DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, this.handleSelectAll);
@@ -38,6 +42,16 @@ export class VegaTableHeadRowRenderer extends VegaSlimmer {
     this.renderHeaderExpandableCell = () => {
       return this.expandable && h("th", { class: "vega-table-expand-action-column" });
     };
+    this.handleClick = (e) => {
+      e.stopPropagation();
+      const event = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelectAll), {
+        host: this.host,
+        checked: !this.checkedAll,
+      });
+      if (event.defaultPrevented) {
+        e.preventDefault();
+      }
+    };
   }
   /**
    * Used by {@link currentDataObserver}

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

@@ -9,6 +9,10 @@ import ChangeManager from '../../../../../helpers/change-manager/change-manager'
 import { TABLE_ROW_CLICK } from '../../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { Observer } from '../../../../../helpers/change-manager/observer/observer';
 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
  */
@@ -29,8 +33,15 @@ export class VegaTableRowClickController extends VegaSlimmer {
    * Row click handler
    */
   handleRowClick() {
-    ChangeManager.notify(TABLE_ROW_CLICK, { host: this.host, rowKey: this.rowKey });
-    this.clickEventEmitter.emit({ rowKey: this.rowKey });
+    const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelect), {
+      host: this.host,
+      rowKey: this.rowKey,
+      checked: !this.checked,
+    });
+    if (!rowSelectEvent.defaultPrevented) {
+      ChangeManager.notify(TABLE_ROW_CLICK, { host: this.host, rowKey: this.rowKey });
+      this.clickEventEmitter.emit({ rowKey: this.rowKey });
+    }
   }
   /**
    * Initialize row click observer

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

@@ -10,6 +10,10 @@ import { DomNodeSubjectObserverFactory } from '../../../../../helpers/change-man
 import { VegaChange } from '../../../../../helpers/event-manager/event-id/vega-event-id';
 import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
 import chevronDown from '../../../../../global/icons/chevron-down';
+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';
 export class VegaTableRowRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -20,7 +24,7 @@ export class VegaTableRowRenderer extends VegaSlimmer {
         h("div", { class: "vega-table-checkbox-wrapper" },
           h("vega-checkbox", { size: "small", checked: this.checked, 
             /* eslint-disable-next-line react/jsx-no-bind */
-            onClick: this.stopRowSelectionPropagation, 
+            onClick: this.handleClick, 
             /* eslint-disable-next-line react/jsx-no-bind */
             ref: (ref) => {
               DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, this.onRowSelectionChange);
@@ -39,8 +43,16 @@ export class VegaTableRowRenderer extends VegaSlimmer {
         this.vegaTableRowSelectionController.handleRowSelect(input.detail);
       }
     };
-    this.stopRowSelectionPropagation = (e) => {
+    this.handleClick = (e) => {
       e.stopPropagation();
+      const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelect), {
+        host: this.host,
+        rowKey: this.rowKey,
+        checked: !this.checked,
+      });
+      if (rowSelectEvent.defaultPrevented) {
+        e.preventDefault();
+      }
     };
     this.onExpandIconClick = async (e) => {
       e.stopPropagation();

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, VegaSelectAllChange, VegaSelectChange, } from '../../helpers/event-manager/event-id/vega-event-id';
+import { VegaChange, VegaPageSizeChange, VegaRowClick, VegaRowSelect, VegaRowSelectAll, VegaSelectAllChange, VegaSelectChange, } 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';
@@ -72,6 +72,8 @@ export class VegaTable {
     this.isTemplateRenderModeNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'isTemplateRenderMode', 'watchTemplateRenderMode');
     this.currentDataNotifySlimmer = createSubStateNotifySlimmer(VegaTable, 'currentData', 'watchCurrentData');
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaTableRuntimeMetricsPayloadDefinition);
+    this.rowSelectEventEmitter = createEventEmitSlimmer(VegaTable, VegaRowSelect);
+    this.rowSelectAllEventEmitter = createEventEmitSlimmer(VegaTable, VegaRowSelectAll);
     this.selectedRowKeySet = new ImmutableSet(new Set(), (newSet) => {
       this.selectedRowKeySet = newSet;
     });
@@ -837,7 +839,7 @@ export class VegaTable {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "An event emitter notifying the selection or deselection\n   of a row in the table."
+        "text": "An event emitter notifying when the row selection changes."
       },
       "complexType": {
         "original": "VegaTableRowSelectProp",
@@ -860,7 +862,7 @@ export class VegaTable {
             "name": "eventSemantics",
             "text": "namespace:native"
           }],
-        "text": "An event emitter notifying the selection or deselection\n   of a row in the table."
+        "text": "An event emitter notifying when the selection state of all rows changes."
       },
       "complexType": {
         "original": "VegaTableRowSelectProp",
@@ -915,6 +917,92 @@ export class VegaTable {
           }
         }
       }
+    }, {
+      "method": "vegaRowSelect",
+      "name": "vegaRowSelect",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "An event emitter notifying before the selected change when select/deselect one row"
+      },
+      "complexType": {
+        "original": "VegaTableRowSelectEventDetail",
+        "resolved": "{ selected: boolean; record: VegaTableDataSourceItem; selectedRows: VegaTableDataSourceItem[]; }",
+        "references": {
+          "VegaTableRowSelectEventDetail": {
+            "location": "import",
+            "path": "./interface"
+          }
+        }
+      }
+    }, {
+      "method": "rowSelect",
+      "name": "rowSelect",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }],
+        "text": "An event emitter notifying before the selected change when select/deselect one row"
+      },
+      "complexType": {
+        "original": "VegaTableRowSelectEventDetail",
+        "resolved": "{ selected: boolean; record: VegaTableDataSourceItem; selectedRows: VegaTableDataSourceItem[]; }",
+        "references": {
+          "VegaTableRowSelectEventDetail": {
+            "location": "import",
+            "path": "./interface"
+          }
+        }
+      }
+    }, {
+      "method": "vegaRowSelectAll",
+      "name": "vegaRowSelectAll",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "An event emitter notifying before the selected change when select/deselect all rows"
+      },
+      "complexType": {
+        "original": "VegaTableRowSelectAllEventDetail",
+        "resolved": "{ selected: boolean; selectedRows: VegaTableDataSourceItem[]; changedRows: VegaTableDataSourceItem[]; }",
+        "references": {
+          "VegaTableRowSelectAllEventDetail": {
+            "location": "import",
+            "path": "./interface"
+          }
+        }
+      }
+    }, {
+      "method": "rowSelectAll",
+      "name": "rowSelectAll",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }],
+        "text": "An event emitter notifying before the selected change when select/deselect all rows"
+      },
+      "complexType": {
+        "original": "VegaTableRowSelectAllEventDetail",
+        "resolved": "{ selected: boolean; selectedRows: VegaTableDataSourceItem[]; changedRows: VegaTableDataSourceItem[]; }",
+        "references": {
+          "VegaTableRowSelectAllEventDetail": {
+            "location": "import",
+            "path": "./interface"
+          }
+        }
+      }
     }]; }
   static get methods() { return {
     "openExpandRow": {
@@ -1494,3 +1582,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTable.prototype, "rowSelectEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTable.prototype, "rowSelectAllEventEmitter", void 0);

package/dist/collection/constants/runtime-metrics-payload-definition/public-api/IconManager/runtime-metrics-payload-definition.js

@@ -0,0 +1,62 @@
+export const VegaIconManagerRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_REGISTER_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method register of public API IconManager is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'IconManager' && methodName === 'register',
+    /**
+     * The function checks if the method name is load.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_GETICON_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method getIcon of public API IconManager is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'IconManager' && methodName === 'getIcon',
+    /**
+     * The function checks if the method is been called.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_HASICON_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method hasIcon of public API IconManager is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'IconManager' && methodName === 'hasIcon',
+    /**
+     * The function checks if the method name is unLoadAll.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+];