@globalpayments/vega 2.33.0 → 2.34.0

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

@@ -2,50 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
 const object = require('./object-bbd4ed7f.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const observer = require('./observer-f49483e8.js');
-const ui = require('./ui-08f33116.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-79be9bc5.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const typeGuard = require('./type-guard-a07b353b.js');
-const responsiveFormatFacade = require('./responsive-format-facade-ad2f67bf.js');
-const component = require('./component-73a88c4e.js');
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-const breakpoints = require('./breakpoints-7e2dff90.js');
-const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const ui = require('./ui-b5906704.js');
+const remoteInvocationRegistry = require('./remote-invocation-registry-71a45468.js');
+const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const typeGuard = require('./type-guard-4ba85fdc.js');
+const responsiveFormatFacade = require('./responsive-format-facade-74079f1b.js');
+const component = require('./component-63af66ea.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+const breakpoints = require('./breakpoints-17d6c4c7.js');
+const mutationObserverSlimmer = require('./mutation-observer-slimmer-98bbbdf0.js');
 const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-13f1892b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f07a8fe9.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-73201c53.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
 const immutableMap = require('./immutable-map-adf398cc.js');
-const translationSlimmer = require('./translation-slimmer-32aa13e7.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6c0b635d.js');
-const featureFlagController = require('./feature-flag-controller-0d1015fa.js');
-const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
+const translationSlimmer = require('./translation-slimmer-90f9f71f.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-10c0d402.js');
+const featureFlagController = require('./feature-flag-controller-e97b5f29.js');
+const breakpoints$1 = require('./breakpoints-ebde4837.js');
+const internalVegaZIndexManager = require('./internal-vega-z-index-manager-e24e4309.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const internalIconManager = require('./internal-icon-manager-2ff58050.js');
-const chevronDown = require('./chevron-down-ca2fa88e.js');
+const internalIconManager = require('./internal-icon-manager-2282a62f.js');
+const chevronUp = require('./chevron-up-21465cf7.js');
+const chevronDown = require('./chevron-down-9847bf78.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./dynamic-slimmer-f31fdfd7.js');
+require('./dynamic-slimmer-dc30600a.js');
 require('./array-5adef7b2.js');
-require('./internal-vega-event-manager-5fe83465.js');
+require('./internal-vega-event-manager-d7643ec6.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./translation-42c1b2c8.js');
-require('./index-5792390b.js');
-require('./icon-manager-3787af39.js');
+require('./translation-f6b7ee84.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
+require('./icon-manager-36dcfb65.js');
 
 /**
  * Immutable Set cannot be changed once created
@@ -174,7 +174,7 @@ var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
 class VegaTableCellRenderer extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
-    this.renderTableCellContent = (column, record, index$1) => {
+    this.renderTableCellContent = (column, record, index) => {
       var _a, _b;
       const value = object.getValueByPath(record, column.prop);
       const rowKey = this.vegaTableDataSourceController.getRecordKey(record);
@@ -184,7 +184,7 @@ class VegaTableCellRenderer extends globalSlimmerRegistry.VegaSlimmer {
       const editing = this.vegaTableEditableController.isEditing(rowKey);
       const rowForm = this.vegaTableEditableController.getRowFormRefMap().get(rowKey);
       if (editing && rowForm && column.renderFormItem) {
-        return column.renderFormItem(index.h, column.prop ? value : rowKey, record, index$1, {
+        return column.renderFormItem(globalSlimmerRegistry.h, column.prop ? value : rowKey, record, index, {
           rowForm,
           isNewRow,
         });
@@ -192,13 +192,13 @@ class VegaTableCellRenderer extends globalSlimmerRegistry.VegaSlimmer {
       if (editing && rowForm && column.editable) {
         const formItemProps = (_a = column.formItemProps) === null || _a === void 0 ? void 0 : _a.call(column, rowForm, {
           record,
-          index: index$1,
+          index,
         });
-        const mergedProps = Object.assign({ dataVegaForm: (formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.dataVegaForm) || column.prop, size: 'small', value: value }, (_b = column.formItemProps) === null || _b === void 0 ? void 0 : _b.call(column, rowForm, { record, index: index$1 }));
+        const mergedProps = Object.assign({ dataVegaForm: (formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.dataVegaForm) || column.prop, size: 'small', value: value }, (_b = column.formItemProps) === null || _b === void 0 ? void 0 : _b.call(column, rowForm, { record, index }));
         return this.generateEditComponentByType(column.formItemType, mergedProps);
       }
       if (column.render) {
-        return column.render(index.h, column.prop ? value : rowKey, record, index$1);
+        return column.render(globalSlimmerRegistry.h, column.prop ? value : rowKey, record, index);
       }
       if (typeof value === 'string' || typeof value === 'number') {
         return String(value);
@@ -224,7 +224,7 @@ class VegaTableCellRenderer extends globalSlimmerRegistry.VegaSlimmer {
         globalSlimmerRegistry.LogUtility.error(`Type must be one of the form field types. [${VegaTableEditableFieldTypes.join(',')}]`);
         return;
       }
-      return index.h(tagName, Object.assign(Object.assign({}, componentProps), { 'data-vega-form': dataVegaForm }));
+      return globalSlimmerRegistry.h(tagName, Object.assign(Object.assign({}, componentProps), { 'data-vega-form': dataVegaForm }));
     };
     /**
      * Verify the tagName is editable field type
@@ -237,10 +237,10 @@ class VegaTableCellRenderer extends globalSlimmerRegistry.VegaSlimmer {
         new RegExp(VegaTableEditableFieldTypes.join('|'), 'i').test(tagName));
     };
   }
-  render(column, record, index$1) {
+  render(column, record, index) {
     const rowKey = this.vegaTableDataSourceController.getRecordKey(record);
     const columnKey = `${rowKey}_${column.key || column.prop}`;
-    return (index.h("vega-table-cell", { key: columnKey, textAlign: column.align, breakpoint: column.breakpoint, overflow: column.overflow }, this.renderTableCellContent(column, record, index$1)));
+    return (globalSlimmerRegistry.h("vega-table-cell", { key: columnKey, textAlign: column.align, breakpoint: column.breakpoint, overflow: column.overflow }, this.renderTableCellContent(column, record, index)));
   }
 }
 __decorate$E([
@@ -350,7 +350,7 @@ class VegaTableExpandRowController extends globalSlimmerRegistry.VegaSlimmer {
       this.mutationObserver = new MutationObserver(async (mutations) => {
         const needForceUpdate = this.expandRowSlotGuard(mutations);
         if (needForceUpdate) {
-          index.forceUpdate(this.host);
+          globalSlimmerRegistry.forceUpdate(this.host);
         }
       });
       this.mutationObserver.observe(this.host, { childList: true, subtree: true });
@@ -420,7 +420,7 @@ class VegaTableExpandRowController extends globalSlimmerRegistry.VegaSlimmer {
    * Initializes row expand observer
    */
   initRowExpandObserver() {
-    this.expandObserver = new observer.Observer(this.isAcceptableTableRowObserver.bind({ host: this.host }), (payload) => {
+    this.expandObserver = new domNodeSubjectObserverFactory.Observer(this.isAcceptableTableRowObserver.bind({ host: this.host }), (payload) => {
       if (payload.expanded) {
         this.expandedRowKeySet.add(payload.rowKey);
       }
@@ -770,7 +770,7 @@ class VegaTableRowSelectionController$1 extends globalSlimmerRegistry.VegaSlimme
    * The function initializes a row selection.
    */
   initRowSelection() {
-    this.rowSelectionObserver = new observer.Observer(this.isAcceptableRowSelectionObserver.bind(this), (payload) => {
+    this.rowSelectionObserver = new domNodeSubjectObserverFactory.Observer(this.isAcceptableRowSelectionObserver.bind(this), (payload) => {
       const { rowKey, checked } = payload;
       const record = this.vegaTableDataSourceController.getRecordByKey(rowKey);
       this.handleRowSelect(checked, record);
@@ -799,7 +799,7 @@ class VegaTableRowSelectionController$1 extends globalSlimmerRegistry.VegaSlimme
    * The function initializes an observer for row selection all in a table
    */
   initRowSelectionAllObserver() {
-    this.rowSelectionAllObserver = new observer.Observer(this.isAcceptableRowSelectionAllObserver.bind(this), (payload) => {
+    this.rowSelectionAllObserver = new domNodeSubjectObserverFactory.Observer(this.isAcceptableRowSelectionAllObserver.bind(this), (payload) => {
       this.handleSelectAll(payload.checked);
     });
     changeManager.ChangeManager.register(staticSubjectTitle.TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
@@ -808,7 +808,7 @@ class VegaTableRowSelectionController$1 extends globalSlimmerRegistry.VegaSlimme
    * The function initializes a row click observer that handles row selection in a table.
    */
   initRowClickObserver() {
-    this.rowClickObserver = new observer.Observer(this.isAcceptableRowClickObserver.bind(this), (payload) => {
+    this.rowClickObserver = new domNodeSubjectObserverFactory.Observer(this.isAcceptableRowClickObserver.bind(this), (payload) => {
       if (this.getRowSelectionType() === 'single') {
         const record = this.vegaTableDataSourceController.getRecordByKey(payload.rowKey);
         this.handleSingleRowSelect(record);
@@ -1072,22 +1072,22 @@ class VegaTableBodyRenderer extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
     this.renderTableBody = (editable) => {
-      return (index.h("vega-table-body", null, this.vegaTableDataSourceController
+      return (globalSlimmerRegistry.h("vega-table-body", null, this.vegaTableDataSourceController
         .getCurrentData()
-        .map((record, index$1) => {
+        .map((record, index) => {
         const rowKey = this.vegaTableDataSourceController.getRecordKey(record);
-        const isVisibleInCurrentPage = this.vegaTablePaginationController.isRowVisible(index$1);
-        return (index.h(index.Fragment, null,
+        const isVisibleInCurrentPage = this.vegaTablePaginationController.isRowVisible(index);
+        return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
           this.vegaTableRowRenderer.render({
             rowKey,
-            index: index$1,
+            index,
             record,
             isVisibleInCurrentPage,
           }, editable),
-          this.rowExpandable && (index.h("vega-table-expand-row", { class: {
+          this.rowExpandable && (globalSlimmerRegistry.h("vega-table-expand-row", { class: {
               'v-hidden': !isVisibleInCurrentPage,
-            }, key: `vega-table-expanded-row-${rowKey}`, rowKey: rowKey, "data-striped": this.striped && index$1 % 2 === 1 ? 'striped' : undefined },
-            index.h("slot", { name: `${VegaTableExpandRowController.expandRowSlotNamePrefix}${rowKey}` })))));
+            }, key: `vega-table-expanded-row-${rowKey}`, rowKey: rowKey, "data-striped": this.striped && index % 2 === 1 ? 'striped' : undefined },
+            globalSlimmerRegistry.h("slot", { name: `${VegaTableExpandRowController.expandRowSlotNamePrefix}${rowKey}` })))));
       })));
     };
   }
@@ -1096,7 +1096,7 @@ class VegaTableBodyRenderer extends globalSlimmerRegistry.VegaSlimmer {
   }
   render() {
     const editable = this.columns.some((item) => item.editable);
-    return editable ? (index.h("vega-form", { ref: (ref) => (this.tableFormRef = ref) }, this.renderTableBody(editable))) : (this.renderTableBody(false));
+    return editable ? (globalSlimmerRegistry.h("vega-form", { ref: (ref) => (this.tableFormRef = ref) }, this.renderTableBody(editable))) : (this.renderTableBody(false));
   }
 }
 __decorate$A([
@@ -1139,10 +1139,10 @@ class VegaTableHeaderRenderer extends globalSlimmerRegistry.VegaSlimmer {
     this.renderHeaderColumnCells = () => {
       return this.columns.map((column) => {
         var _a;
-        return (index.h("vega-table-head-cell", { key: column.key || column.prop, textAlign: column.align, sorter: column.sorter, sortOrder: (_a = this.sortersMap.get(column.prop)) === null || _a === void 0 ? void 0 : _a.getSortOrder(), breakpoint: column.breakpoint, 
+        return (globalSlimmerRegistry.h("vega-table-head-cell", { key: column.key || column.prop, textAlign: column.align, sorter: column.sorter, sortOrder: (_a = this.sortersMap.get(column.prop)) === null || _a === void 0 ? void 0 : _a.getSortOrder(), breakpoint: column.breakpoint, 
           /* eslint-disable-next-line react/jsx-no-bind */
           ref: (ref) => {
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, (input) => {
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, (input) => {
               const sortOrder = input.detail.sortOrder;
               this.vegaTableSortController.handleHeadSortClick(column, sortOrder);
             });
@@ -1152,8 +1152,8 @@ class VegaTableHeaderRenderer extends globalSlimmerRegistry.VegaSlimmer {
   }
   render() {
     var _a;
-    return (this.showHeader && (index.h("vega-table-head", null,
-      index.h("vega-table-head-row", { hideSelectAll: (_a = this.rowSelection) === null || _a === void 0 ? void 0 : _a.hideSelectAll }, this.renderHeaderColumnCells()))));
+    return (this.showHeader && (globalSlimmerRegistry.h("vega-table-head", null,
+      globalSlimmerRegistry.h("vega-table-head-row", { hideSelectAll: (_a = this.rowSelection) === null || _a === void 0 ? void 0 : _a.hideSelectAll }, this.renderHeaderColumnCells()))));
   }
 }
 __decorate$z([
@@ -1196,8 +1196,8 @@ class VegaTablePaginationRenderer extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
     this.paginationRefCallback = (ref) => {
-      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, this.handlePaginationChange);
-      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaPageSizeChange, this.handlePaginationPageSizeChange);
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, this.handlePaginationChange);
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaPageSizeChange, this.handlePaginationPageSizeChange);
     };
     /**
      * handle the pagination page change after observer the notify
@@ -1235,8 +1235,8 @@ class VegaTablePaginationRenderer extends globalSlimmerRegistry.VegaSlimmer {
     const { pageSize, position, extensions, pageSizeSelectorOptions } = this.getPaginationConfig();
     const paginationWrapperClasses = ['vega-table-pagination-container', position];
     const total = this.vegaTableDataSourceController.getCurrentData().length;
-    return (total > 0 && (index.h("div", { class: ui.arrayToClassString(paginationWrapperClasses) },
-      index.h("vega-pagination", { total: total, pageSize: pageSize, current: this.currentPage, extensions: extensions, pageSizeSelectorOptions: pageSizeSelectorOptions, 
+    return (total > 0 && (globalSlimmerRegistry.h("div", { class: ui.arrayToClassString(paginationWrapperClasses) },
+      globalSlimmerRegistry.h("vega-pagination", { total: total, pageSize: pageSize, current: this.currentPage, extensions: extensions, pageSizeSelectorOptions: pageSizeSelectorOptions, 
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: this.paginationRefCallback }))));
   }
@@ -1272,7 +1272,7 @@ const VegaTableScrollableContainer = ({ scrollConfig = {}, ref }, children) => {
       target.classList.add('scrolled');
     }
   };
-  return (index.h("div", { class: "vega-table-scrollable-container", style: {
+  return (globalSlimmerRegistry.h("div", { class: "vega-table-scrollable-container", style: {
       maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,
     }, ref: ref, 
     /* eslint-disable-next-line react/jsx-no-bind */
@@ -1298,7 +1298,7 @@ class VegaTableScrollContainerRenderer extends globalSlimmerRegistry.VegaSlimmer
     this.scrollContainerToTop();
   }
   render(children) {
-    return (index.h(VegaTableScrollableContainer, { scrollConfig: this.scrollConfig, ref: (ref) => this.setTableScrollContainerRef(ref) }, children));
+    return (globalSlimmerRegistry.h(VegaTableScrollableContainer, { scrollConfig: this.scrollConfig, ref: (ref) => this.setTableScrollContainerRef(ref) }, children));
   }
   setTableScrollContainerRef(ref) {
     this.tableScrollContainerRef = ref;
@@ -1323,7 +1323,7 @@ class VegaTableRenderer extends globalSlimmerRegistry.VegaSlimmer {
     this.renderInternalTable = () => {
       const tableLayoutFixed = this.columns.some((column) => column.overflow) ||
         Array.from(this.host.querySelectorAll('vega-table-cell')).some((cell) => cell.overflow);
-      return (index.h("table", { class: {
+      return (globalSlimmerRegistry.h("table", { class: {
           'v-table-fixed': tableLayoutFixed,
         } },
         this.columns.length > 0 && [
@@ -1331,11 +1331,11 @@ class VegaTableRenderer extends globalSlimmerRegistry.VegaSlimmer {
           this.vegaTableHeaderRenderer.render(),
         ],
         this.dataSource.length > 0 && this.vegaTableBodyRenderer.render(),
-        this.isTemplateRenderMode && index.h("slot", null)));
+        this.isTemplateRenderMode && globalSlimmerRegistry.h("slot", null)));
     };
     this.renderEmpty = () => {
       return (this.vegaTableDataSourceController.isCurrentDataEmpty() &&
-        this.emptyDescription && (index.h("div", { class: "vega-table-empty-description" }, this.translationSlimmer.t(this.emptyDescription))));
+        this.emptyDescription && (globalSlimmerRegistry.h("div", { class: "vega-table-empty-description" }, this.translationSlimmer.t(this.emptyDescription))));
     };
   }
   render() {
@@ -1345,7 +1345,7 @@ class VegaTableRenderer extends globalSlimmerRegistry.VegaSlimmer {
       `density-${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.density)}`,
       this.striped && 'striped',
     ]);
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: hostClasses },
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: hostClasses },
       this.vegaTableScrollContainerRenderer.render(this.renderInternalTable()),
       this.vegaTablePaginationRenderer.render(),
       this.renderEmpty()), this.host);
@@ -1912,15 +1912,15 @@ class VegaTableColGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
     };
   }
   render() {
-    return (index.h("colgroup", null,
-      index.h("col", { style: { minWidth: this.paddingX[0], width: this.paddingX[0] } }),
-      this.vegaTableRowSelectionController.getRowSelectionType() === 'multiple' && (index.h("col", { style: { minWidth: '40px', width: '40px' } })),
+    return (globalSlimmerRegistry.h("colgroup", null,
+      globalSlimmerRegistry.h("col", { style: { minWidth: this.paddingX[0], width: this.paddingX[0] } }),
+      this.vegaTableRowSelectionController.getRowSelectionType() === 'multiple' && (globalSlimmerRegistry.h("col", { style: { minWidth: '40px', width: '40px' } })),
       this.columns.map((column) => {
         const responsiveClass = this.getColResponsiveClass(column);
-        return (index.h("col", { class: responsiveClass, style: { width: column.width ? column.width : null } }));
+        return (globalSlimmerRegistry.h("col", { class: responsiveClass, style: { width: column.width ? column.width : null } }));
       }),
-      this.rowExpandable && index.h("col", { style: { minWidth: '40px', width: '40px' } }),
-      index.h("col", { style: { minWidth: this.paddingX[1], width: this.paddingX[1] } })));
+      this.rowExpandable && globalSlimmerRegistry.h("col", { style: { minWidth: '40px', width: '40px' } }),
+      globalSlimmerRegistry.h("col", { style: { minWidth: this.paddingX[1], width: this.paddingX[1] } })));
   }
 }
 __decorate$s([
@@ -2153,23 +2153,23 @@ class VegaTableRowRenderer$1 extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
     this.renderTableRowComponent = (rowProps) => {
-      const { rowKey, index: index$1, record, isVisibleInCurrentPage } = rowProps;
-      return (index.h("vega-table-row", { class: {
+      const { rowKey, index, record, isVisibleInCurrentPage } = rowProps;
+      return (globalSlimmerRegistry.h("vega-table-row", { class: {
           'v-hidden': !isVisibleInCurrentPage,
         }, key: `vega-table-row-${rowKey}`, rowKey: rowKey, 
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => {
-            this.rowClickEventEmitter.emit({ record: record, index: index$1 });
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
+            this.rowClickEventEmitter.emit({ record: record, index: index });
           });
-        }, "data-striped": this.striped && index$1 % 2 === 1 ? 'striped' : undefined }, this.columns.map((column) => {
-        return this.vegaTableCellRenderer.render(column, record, index$1);
+        }, "data-striped": this.striped && index % 2 === 1 ? 'striped' : undefined }, this.columns.map((column) => {
+        return this.vegaTableCellRenderer.render(column, record, index);
       })));
     };
   }
   render(rowProps, editable) {
     const { rowKey } = rowProps;
-    return editable ? (index.h("vega-form", { key: `vega-table-row-form-${rowKey}`, "data-vega-form": `${VegaTableEditableController.rowFormKeyPrefix}${rowKey}`, ref: (ref) => this.vegaTableEditableController.getRowFormRefMap().set(rowKey, ref) }, this.renderTableRowComponent(rowProps))) : (this.renderTableRowComponent(rowProps));
+    return editable ? (globalSlimmerRegistry.h("vega-form", { key: `vega-table-row-form-${rowKey}`, "data-vega-form": `${VegaTableEditableController.rowFormKeyPrefix}${rowKey}`, ref: (ref) => this.vegaTableEditableController.getRowFormRefMap().set(rowKey, ref) }, this.renderTableRowComponent(rowProps))) : (this.renderTableRowComponent(rowProps));
   }
 }
 __decorate$q([
@@ -2307,21 +2307,21 @@ var __decorate$o = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaTable = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaChange = index.createEvent(this, "vegaChange", 7);
-    this.change = index.createEvent(this, "change", 7);
-    this.vegaRowClick = index.createEvent(this, "vegaRowClick", 7);
-    this.rowClick = index.createEvent(this, "rowClick", 7);
-    this.vegaRowExpand = index.createEvent(this, "vegaRowExpand", 7);
-    this.rowExpand = index.createEvent(this, "rowExpand", 7);
-    this.vegaSelectChange = index.createEvent(this, "vegaSelectChange", 7);
-    this.selectChange = index.createEvent(this, "selectChange", 7);
-    this.vegaSelectAllChange = index.createEvent(this, "vegaSelectAllChange", 7);
-    this.selectAllChange = index.createEvent(this, "selectAllChange", 7);
-    this.vegaRowSelect = index.createEvent(this, "vegaRowSelect", 7);
-    this.rowSelect = index.createEvent(this, "rowSelect", 7);
-    this.vegaRowSelectAll = index.createEvent(this, "vegaRowSelectAll", 7);
-    this.rowSelectAll = index.createEvent(this, "rowSelectAll", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
+    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
+    this.vegaRowClick = globalSlimmerRegistry.createEvent(this, "vegaRowClick", 7);
+    this.rowClick = globalSlimmerRegistry.createEvent(this, "rowClick", 7);
+    this.vegaRowExpand = globalSlimmerRegistry.createEvent(this, "vegaRowExpand", 7);
+    this.rowExpand = globalSlimmerRegistry.createEvent(this, "rowExpand", 7);
+    this.vegaSelectChange = globalSlimmerRegistry.createEvent(this, "vegaSelectChange", 7);
+    this.selectChange = globalSlimmerRegistry.createEvent(this, "selectChange", 7);
+    this.vegaSelectAllChange = globalSlimmerRegistry.createEvent(this, "vegaSelectAllChange", 7);
+    this.selectAllChange = globalSlimmerRegistry.createEvent(this, "selectAllChange", 7);
+    this.vegaRowSelect = globalSlimmerRegistry.createEvent(this, "vegaRowSelect", 7);
+    this.rowSelect = globalSlimmerRegistry.createEvent(this, "rowSelect", 7);
+    this.vegaRowSelectAll = globalSlimmerRegistry.createEvent(this, "vegaRowSelectAll", 7);
+    this.rowSelectAll = globalSlimmerRegistry.createEvent(this, "rowSelectAll", 7);
     this.globalSlimmers = {};
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaTableRenderModeController = new VegaTableRenderModeController();
@@ -2350,20 +2350,20 @@ const VegaTable = class {
     this.paddingXNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'paddingX', 'watchPaddingX');
     this.rowClickableNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'rowClickable', 'watchRowClickable');
     this.scrollConfigNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'scrollConfig', 'watchScrollConfig');
-    this.eventsPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange, vegaEventId.VegaPageSizeChange, vegaEventId.VegaExpand], () => this.host);
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, vegaEventId.VegaChange);
-    this.selectChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, vegaEventId.VegaSelectChange);
-    this.selectAllChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, vegaEventId.VegaSelectAllChange);
-    this.rowClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, vegaEventId.VegaRowClick);
-    this.rowExpandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, vegaEventId.VegaRowExpand);
+    this.eventsPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange, domNodeSubjectObserverFactory.VegaPageSizeChange, domNodeSubjectObserverFactory.VegaExpand], () => this.host);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaChange);
+    this.selectChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaSelectChange);
+    this.selectAllChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaSelectAllChange);
+    this.rowClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaRowClick);
+    this.rowExpandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaRowExpand);
     this.rowDividerNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'rowDivider', 'watchRowDivider');
     this.columnDividerNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'columnDivider', 'watchColumnDivider');
     this.densityNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'density', 'watchDensity');
     this.isTemplateRenderModeNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'isTemplateRenderMode', 'watchTemplateRenderMode');
     this.currentDataNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'currentData', 'watchCurrentData');
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaTableRuntimeMetricsPayloadDefinition);
-    this.rowSelectEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, vegaEventId.VegaRowSelect);
-    this.rowSelectAllEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, vegaEventId.VegaRowSelectAll);
+    this.rowSelectEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaRowSelect);
+    this.rowSelectAllEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaRowSelectAll);
     this.selectedRowKeySet = new ImmutableSet(new Set(), (newSet) => {
       this.selectedRowKeySet = newSet;
     });
@@ -2730,10 +2730,10 @@ const VegaTable = class {
   async removeRow(rowKey) {
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
     return this.vegaTableRenderer.render();
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "selectedRowKeySet": ["watchSelectedRowKeySet"],
     "sortersMap": ["watchSortersMap"],
@@ -2885,15 +2885,15 @@ var __decorate$n = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaTableBody = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
-    this.childChangeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.host);
+    this.childChangeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("tbody", null, index.h("slot", null))), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, globalSlimmerRegistry.h("tbody", null, globalSlimmerRegistry.h("slot", null))), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$n([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -2991,7 +2991,7 @@ var __decorate$l = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaTableCell = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaTableCellStateController = new VegaTableCellStateController();
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
@@ -3014,12 +3014,12 @@ const VegaTableCell = class {
     if (!featureFlagController.FeatureFlag.isEnabled('VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE')) {
       columnClasses.push('break-word');
     }
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: ui.arrayToClassString([
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: ui.arrayToClassString([
         `density-${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.density)}`,
         responsiveClass,
-      ]), style: { width: this.width } }, index.h("td", { class: ui.arrayToClassString(columnClasses), part: "cell" }, index.h("div", { class: overflowClass }, index.h("slot", null)))), this.host);
+      ]), style: { width: this.width } }, globalSlimmerRegistry.h("td", { class: ui.arrayToClassString(columnClasses), part: "cell" }, globalSlimmerRegistry.h("div", { class: overflowClass }, globalSlimmerRegistry.h("slot", null)))), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$l([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -3043,15 +3043,15 @@ var __decorate$k = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaTableExpandRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return (index.h("tr", { class: {
+    return (globalSlimmerRegistry.h("tr", { class: {
         'vega-table-expanded-row': true,
         'expanded': this.expanded,
         'checked': this.checked,
       }, key: `vega-table-expanded-row-${this.rowKey}`, "data-expanded-row-key": this.rowKey },
-      index.h("td", null),
-      index.h("td", { colSpan: this.colSpan, key: `${VegaTableExpandRowController.expandRowSlotNamePrefix}${this.rowKey}`, class: "vega-table-expanded-row-slot-container" },
-        index.h("slot", null)),
-      index.h("td", null)));
+      globalSlimmerRegistry.h("td", null),
+      globalSlimmerRegistry.h("td", { colSpan: this.colSpan, key: `${VegaTableExpandRowController.expandRowSlotNamePrefix}${this.rowKey}`, class: "vega-table-expanded-row-slot-container" },
+        globalSlimmerRegistry.h("slot", null)),
+      globalSlimmerRegistry.h("td", null)));
   }
 }
 __decorate$k([
@@ -3081,7 +3081,7 @@ class VegaTableExpandRowExpandController extends globalSlimmerRegistry.VegaSlimm
    * Component lifecycle - [connectedCallback]{@link VegaTableExpandRow.connectedCallback}
    */
   connectedCallback() {
-    this.expandObserver = new observer.Observer(this.isAcceptableTableExpandRowObserver.bind(this), (payload) => {
+    this.expandObserver = new domNodeSubjectObserverFactory.Observer(this.isAcceptableTableExpandRowObserver.bind(this), (payload) => {
       if (payload.rowKey === this.rowKey) {
         this.expanded = payload.expanded;
       }
@@ -3160,7 +3160,7 @@ class VegaTableExpandRowSelectionController extends globalSlimmerRegistry.VegaSl
    * Component lifecycle - [connectedCallback]{@link VegaTableExpandRow.connectedCallback}
    */
   connectedCallback() {
-    this.rowSelectionObserver = new observer.Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
+    this.rowSelectionObserver = new domNodeSubjectObserverFactory.Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
       if (payload.rowKey === this.rowKey) {
         this.checked = payload.checked;
       }
@@ -3294,7 +3294,7 @@ class VegaTableExpandRowColSpanController extends globalSlimmerRegistry.VegaSlim
         return true;
       if (currentBreakpoint === 'default')
         return false;
-      return breakpoints.Breakpoints[currentBreakpoint] >= breakpoints.Breakpoints[cell.breakpoint];
+      return breakpoints$1.Breakpoints[currentBreakpoint] >= breakpoints$1.Breakpoints[cell.breakpoint];
     }).length;
   }
 }
@@ -3331,7 +3331,7 @@ var __decorate$f = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaTableExpandRow = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaTableExpandRowRenderer = new VegaTableExpandRowRenderer();
     this.vegaTableExpandRowExpandController = new VegaTableExpandRowExpandController();
@@ -3360,10 +3360,10 @@ const VegaTableExpandRow = class {
   watchWithMultipleSelection() {
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.vegaTableExpandRowRenderer.render()), this.host);
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.vegaTableExpandRowRenderer.render()), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "currentBreakpoint": ["watchCurrentBreakpoint"],
     "withMultipleSelection": ["watchWithMultipleSelection"]
@@ -3444,11 +3444,11 @@ var __decorate$d = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaTableHead = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaTableHeadStateController = new VegaTableHeadStateController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    this.headCellEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.host);
+    this.headCellEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host);
     /**
      * Indicates whether the table header is fixed.
      */
@@ -3467,11 +3467,11 @@ const VegaTableHead = class {
     internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.tableHeadRef, 'base');
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
         'fixed-header': this.fixed,
-      }, ref: (ref) => this.handleTableHeadRefChange(ref) }, index.h("thead", null, index.h("slot", null))), this.host);
+      }, ref: (ref) => this.handleTableHeadRefChange(ref) }, globalSlimmerRegistry.h("thead", null, globalSlimmerRegistry.h("slot", null))), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$d([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -3537,8 +3537,8 @@ class SortIconRenderer extends globalSlimmerRegistry.VegaSlimmer {
     if (!this.sorter)
       return;
     const { icon, color } = SortIconRenderer.SORT_ICON_MAP[this.sortOrder || 'default'];
-    return (index.h("span", { class: "vega-table-column-sorter" },
-      index.h("vega-icon", { color: color, icon: internalIconManager.VegaInternalIconManager.getIconKey(icon), size: "size-12" })));
+    return (globalSlimmerRegistry.h("span", { class: "vega-table-column-sorter" },
+      globalSlimmerRegistry.h("vega-icon", { color: color, icon: internalIconManager.VegaInternalIconManager.getIconKey(icon), size: "size-12" })));
   }
 }
 SortIconRenderer.SORT_ICON_MAP = {
@@ -3576,11 +3576,11 @@ var __decorate$a = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaTableHeadCell = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaClick = index.createEvent(this, "vegaClick", 7);
-    this.click = index.createEvent(this, "click", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaClick = globalSlimmerRegistry.createEvent(this, "vegaClick", 7);
+    this.click = globalSlimmerRegistry.createEvent(this, "click", 7);
     this.globalSlimmers = {};
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTableHeadCell, vegaEventId.VegaClick);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTableHeadCell, domNodeSubjectObserverFactory.VegaClick);
     this.vegaTableHeadCellStateController = new VegaTableHeadCellStateController();
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
@@ -3616,17 +3616,17 @@ const VegaTableHeadCell = class {
     if (!featureFlagController.FeatureFlag.isEnabled('VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE')) {
       cellClassNames.push('break-word');
     }
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
         [`density-${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
         sortable: !!this.sorter,
         [generateResponsiveClass(this.breakpoint, 'v-table-cell')]: true,
-      }, style: { width: this.width } }, index.h("th", Object.assign({ class: ui.arrayToClassString(cellClassNames) }, sortableConfig), index.h("div", { class: ui.arrayToClassString(['vega-table-column', this.textAlign]) }, index.h("span", { class: "vega-table-column-label" }, index.h("slot", null)), this.sortIconRenderer.render()))), this.host);
+      }, style: { width: this.width } }, globalSlimmerRegistry.h("th", Object.assign({ class: ui.arrayToClassString(cellClassNames) }, sortableConfig), globalSlimmerRegistry.h("div", { class: ui.arrayToClassString(['vega-table-column', this.textAlign]) }, globalSlimmerRegistry.h("span", { class: "vega-table-column-label" }, globalSlimmerRegistry.h("slot", null)), this.sortIconRenderer.render()))), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 (() => {
   internalIconManager.VegaInternalIconManager.register({
-    'chevron-up': chevronDown.chevronUp,
+    'chevron-up': chevronUp.chevronUp,
     'chevron-down': chevronDown.chevronDown,
     'arrow-up-arrow-down': arrowUpArrowDown,
     'circle-arrow-down': circleArrowDown,
@@ -3665,11 +3665,11 @@ class VegaTableHeadRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
     this.renderHeaderSelectionCell = () => {
       if (this.selectionType !== 'multiple')
         return;
-      return (index.h("th", { class: "vega-table-selection-column" }, !this.hideSelectAll && (index.h("div", { class: "vega-table-checkbox-wrapper" },
-        index.h("vega-checkbox", { size: "small", disabled: this.isEmptyTable || this.selectAllDisabled, checked: this.checkedAll, onClick: this.handleClick, 
+      return (globalSlimmerRegistry.h("th", { class: "vega-table-selection-column" }, !this.hideSelectAll && (globalSlimmerRegistry.h("div", { class: "vega-table-checkbox-wrapper" },
+        globalSlimmerRegistry.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.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, this.handleSelectAll);
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, this.handleSelectAll);
           } })))));
     };
     this.handleSelectAll = (input) => {
@@ -3684,7 +3684,7 @@ class VegaTableHeadRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
       }
     };
     this.renderHeaderExpandableCell = () => {
-      return this.expandable && index.h("th", { class: "vega-table-expand-action-column" });
+      return this.expandable && globalSlimmerRegistry.h("th", { class: "vega-table-expand-action-column" });
     };
     this.handleClick = (e) => {
       e.stopPropagation();
@@ -3714,12 +3714,12 @@ class VegaTableHeadRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
   }
   render() {
     var _a, _b;
-    return (index.h("tr", null,
-      index.h("th", { style: { width: (_a = this.paddingX) === null || _a === void 0 ? void 0 : _a[0] } }),
+    return (globalSlimmerRegistry.h("tr", null,
+      globalSlimmerRegistry.h("th", { style: { width: (_a = this.paddingX) === null || _a === void 0 ? void 0 : _a[0] } }),
       this.renderHeaderSelectionCell(),
-      index.h("slot", null),
+      globalSlimmerRegistry.h("slot", null),
       this.renderHeaderExpandableCell(),
-      index.h("th", { style: { width: (_b = this.paddingX) === null || _b === void 0 ? void 0 : _b[1] } })));
+      globalSlimmerRegistry.h("th", { style: { width: (_b = this.paddingX) === null || _b === void 0 ? void 0 : _b[1] } })));
   }
 }
 __decorate$9([
@@ -3785,7 +3785,7 @@ class VegaTableHeadRowController extends globalSlimmerRegistry.VegaSlimmer {
    * Initialize the row selection all observer.
    */
   initRowSelectionAllObserver() {
-    this.rowSelectionAllObserver = new observer.Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
+    this.rowSelectionAllObserver = new domNodeSubjectObserverFactory.Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
       if (!payload.noneChecked && payload.checked === false) {
         this.checkedAll = null; // indeterminate status
       }
@@ -3924,12 +3924,12 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaTableHeadRow = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaTableHeadRowStateController = new VegaTableHeadRowStateController();
     this.vegaTableHeadRowRenderer = new VegaTableHeadRowRenderer();
     this.vegaTableHeadRowController = new VegaTableHeadRowController();
-    this.headCellEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaClick], () => this.host, undefined, true);
+    this.headCellEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.host, undefined, true);
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
@@ -3939,13 +3939,13 @@ const VegaTableHeadRow = class {
     this.expandable = false;
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
         'column-divider': this.columnDivider,
         [`density-${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
       } }, this.vegaTableHeadRowRenderer.render()), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$6([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -3982,20 +3982,20 @@ class VegaTableRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
     this.renderRowSelection = () => {
       if (this.selectionType !== 'multiple')
         return;
-      return (index.h("td", { class: "vega-table-selection-column" },
-        index.h("div", { class: "vega-table-checkbox-wrapper" },
-          index.h("vega-checkbox", { size: "small", checked: this.checked, 
+      return (globalSlimmerRegistry.h("td", { class: "vega-table-selection-column" },
+        globalSlimmerRegistry.h("div", { class: "vega-table-checkbox-wrapper" },
+          globalSlimmerRegistry.h("vega-checkbox", { size: "small", checked: this.checked, 
             /* eslint-disable-next-line react/jsx-no-bind */
             onClick: this.handleClick, 
             /* eslint-disable-next-line react/jsx-no-bind */
             ref: (ref) => {
-              domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, this.onRowSelectionChange);
+              domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, this.onRowSelectionChange);
             } }))));
     };
     this.renderExpandIcon = () => {
-      return (this.expandable && (index.h("td", { class: "vega-table-expand-action-column" },
-        index.h("div", { class: "vega-table-expand-icon-wrapper" },
-          index.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-down'), color: "text-link", onClick: this.onExpandIconClick })))));
+      return (this.expandable && (globalSlimmerRegistry.h("td", { class: "vega-table-expand-action-column" },
+        globalSlimmerRegistry.h("div", { class: "vega-table-expand-icon-wrapper" },
+          globalSlimmerRegistry.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-down'), color: "text-link", onClick: this.onExpandIconClick })))));
     };
     this.onRowClick = () => {
       this.vegaTableRowClickController.handleRowClick();
@@ -4035,9 +4035,9 @@ class VegaTableRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
   }
   render() {
     var _a, _b;
-    return (index.h(index.Fragment, null,
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
       this.renderExpandRowSpace(this.rowKey),
-      index.h("tr", { class: {
+      globalSlimmerRegistry.h("tr", { class: {
           'vega-table-row': true,
           'checked': this.checked,
           'clickable': this.clickable,
@@ -4046,14 +4046,14 @@ class VegaTableRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
         }, 
         /* eslint-disable-next-line react/jsx-no-bind */
         onClick: this.clickable ? this.onRowClick : null },
-        index.h("td", { style: { width: (_a = this.paddingX) === null || _a === void 0 ? void 0 : _a[0] } }),
+        globalSlimmerRegistry.h("td", { style: { width: (_a = this.paddingX) === null || _a === void 0 ? void 0 : _a[0] } }),
         this.renderRowSelection(),
-        index.h("slot", null),
+        globalSlimmerRegistry.h("slot", null),
         this.renderExpandIcon(),
-        index.h("td", { style: { width: (_b = this.paddingX) === null || _b === void 0 ? void 0 : _b[1] } }))));
+        globalSlimmerRegistry.h("td", { style: { width: (_b = this.paddingX) === null || _b === void 0 ? void 0 : _b[1] } }))));
   }
   renderExpandRowSpace(rowKey) {
-    return (this.expandable && (index.h("tr", { key: `vega-table-expand-row-space-${rowKey}`, class: "expand-row-space" })));
+    return (this.expandable && (globalSlimmerRegistry.h("tr", { key: `vega-table-expand-row-space-${rowKey}`, class: "expand-row-space" })));
   }
   setParentTableRef() {
     this.parentTableRef = ui.findParent(this.host, 'vega-table');
@@ -4159,13 +4159,13 @@ class VegaTableRowSelectionController extends globalSlimmerRegistry.VegaSlimmer
    * Initialize the row selection observer.
    */
   initRowSelectionObserver() {
-    this.rowSelectionAllObserver = new observer.Observer(isAcceptableTableObserver.bind(this), (payload) => {
+    this.rowSelectionAllObserver = new domNodeSubjectObserverFactory.Observer(isAcceptableTableObserver.bind(this), (payload) => {
       if (payload.checked || (payload.checked === false && payload.noneChecked)) {
         this.checked = payload.checked;
       }
     });
     changeManager.ChangeManager.register(staticSubjectTitle.TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
-    this.rowSelectionObserver = new observer.Observer(isAcceptableTableObserver.bind(this), (payload) => {
+    this.rowSelectionObserver = new domNodeSubjectObserverFactory.Observer(isAcceptableTableObserver.bind(this), (payload) => {
       if (payload.rowKey === this.rowKey) {
         this.checked = payload.checked;
       }
@@ -4236,7 +4236,7 @@ class VegaTableRowExpandController extends globalSlimmerRegistry.VegaSlimmer {
    * Initialize the row expand observer.
    */
   initRowExpandObserver() {
-    this.rowExpandObserver = new observer.Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
+    this.rowExpandObserver = new domNodeSubjectObserverFactory.Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
       if (payload.rowKey === this.rowKey) {
         this.expanded = payload.expanded;
       }
@@ -4306,7 +4306,7 @@ class VegaTableRowClickController extends globalSlimmerRegistry.VegaSlimmer {
    * Initialize row click observer
    */
   initRowClickObserver() {
-    this.rowClickObserver = new observer.Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
+    this.rowClickObserver = new domNodeSubjectObserverFactory.Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
       this.clicked = payload.host === this.host;
       if (this.selectionType === 'single') {
         if (payload.host === this.host) {
@@ -4485,20 +4485,20 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaTableRow = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaClick = index.createEvent(this, "vegaClick", 7);
-    this.click = index.createEvent(this, "click", 7);
-    this.vegaExpand = index.createEvent(this, "vegaExpand", 7);
-    this.expand = index.createEvent(this, "expand", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaClick = globalSlimmerRegistry.createEvent(this, "vegaClick", 7);
+    this.click = globalSlimmerRegistry.createEvent(this, "click", 7);
+    this.vegaExpand = globalSlimmerRegistry.createEvent(this, "vegaExpand", 7);
+    this.expand = globalSlimmerRegistry.createEvent(this, "expand", 7);
     this.globalSlimmers = {};
     this.vegaTableRowRenderer = new VegaTableRowRenderer();
     this.vegaTableRowSelectionController = new VegaTableRowSelectionController();
     this.vegaTableRowExpandController = new VegaTableRowExpandController();
     this.vegaTableRowClickController = new VegaTableRowClickController();
     this.vegaTableRowStateController = new VegaTableRowStateController();
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTableRow, vegaEventId.VegaClick);
-    this.expandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTableRow, vegaEventId.VegaExpand);
-    this.checkboxValueChangeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaClick], () => this.host, undefined, true);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTableRow, domNodeSubjectObserverFactory.VegaClick);
+    this.expandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTableRow, domNodeSubjectObserverFactory.VegaExpand);
+    this.checkboxValueChangeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.host, undefined, true);
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
@@ -4506,14 +4506,14 @@ const VegaTableRow = class {
   watchSelectionType() {
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
         'row-divider': this.rowDivider,
         'column-divider': this.columnDivider,
         [`density-${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
       } }, this.vegaTableRowRenderer.render()), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "selectionType": ["watchSelectionType"]
   }; }