@globalpayments/vega 2.33.0 → 2.34.0

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

@@ -2,48 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const component = require('./component-73a88c4e.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const component = require('./component-63af66ea.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const ui = require('./ui-08f33116.js');
-const typeGuard = require('./type-guard-a07b353b.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const ui = require('./ui-b5906704.js');
+const typeGuard = require('./type-guard-4ba85fdc.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-8e2d4b5d.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-415d261a.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-9be2a880.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-0dd70e61.js');
 const array = require('./array-5adef7b2.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-13f1892b.js');
-const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-79be9bc5.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-79f2f5a7.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
-const translationSlimmer = require('./translation-slimmer-32aa13e7.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f07a8fe9.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6c0b635d.js');
-require('./breakpoints-7e2dff90.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-73201c53.js');
+const mutationObserverSlimmer = require('./mutation-observer-slimmer-98bbbdf0.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-03a3f79e.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const remoteInvocationRegistry = require('./remote-invocation-registry-71a45468.js');
+const translationSlimmer = require('./translation-slimmer-90f9f71f.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-10c0d402.js');
+require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./observer-f49483e8.js');
-require('./keyboard-manager-34b78600.js');
-require('./internal-vega-z-index-manager-f03ddb37.js');
+require('./keyboard-manager-5afbc8f1.js');
+require('./internal-vega-z-index-manager-e24e4309.js');
 require('./number-4816603d.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./page-resize-observer-slimmer-a8cf1874.js');
-require('./responsive-format-facade-ad2f67bf.js');
+require('./dynamic-slimmer-dc30600a.js');
+require('./page-resize-observer-slimmer-e54fa9d4.js');
+require('./breakpoints-17d6c4c7.js');
+require('./responsive-format-facade-74079f1b.js');
 require('./pixel-98f2a10c.js');
-require('./internal-vega-event-manager-5fe83465.js');
-require('./translation-42c1b2c8.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
+require('./internal-vega-event-manager-d7643ec6.js');
+require('./translation-f6b7ee84.js');
+require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-0d1015fa.js');
-require('./index-5792390b.js');
+require('./feature-flag-controller-e97b5f29.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
 
 var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -86,7 +85,7 @@ class VegaDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
   render() {
-    return (index.h(index.Fragment, null,
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
       this.renderContentSlot(),
       this.renderDropdown()));
   }
@@ -94,22 +93,22 @@ class VegaDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * TODO: We will use no-named slot for both template and source render mode. And will deprecate slot dropdown-content
    */
   renderContentSlot() {
-    return this.renderModeController.isSourceRenderMode() ? (index.h("slot", null)) : (index.h(index.Fragment, null,
-      index.h("slot", { name: "dropdown-content" }),
-      index.h("slot", null)));
+    return this.renderModeController.isSourceRenderMode() ? (globalSlimmerRegistry.h("slot", null)) : (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+      globalSlimmerRegistry.h("slot", { name: "dropdown-content" }),
+      globalSlimmerRegistry.h("slot", null)));
   }
   renderDropdown() {
     const eventPreventFlag = this.host && this.host.dataset.vegaNoEventPrevent === 'true' ? 'true' : 'false';
-    return (index.h("vega-dropdown-content-box", { ref: (e) => (this.dropdownContentBoxRef = e), style: { maxHeight: `${this.maxHeight}px` }, "data-parent-ref": this.host, "data-vega-no-event-prevent": eventPreventFlag },
-      index.h("div", { ref: (e) => (this.dropdownRef = e), class: {
+    return (globalSlimmerRegistry.h("vega-dropdown-content-box", { ref: (e) => (this.dropdownContentBoxRef = e), style: { maxHeight: `${this.maxHeight}px` }, "data-parent-ref": this.host, "data-vega-no-event-prevent": eventPreventFlag },
+      globalSlimmerRegistry.h("div", { ref: (e) => (this.dropdownRef = e), class: {
           'vega-dropdown': true,
           'vega-dropdown-with-searchable': this.searchable,
         } },
-        index.h("div", { class: "vega-dropdown-actions" },
+        globalSlimmerRegistry.h("div", { class: "vega-dropdown-actions" },
           this.searchRenderer.render(),
           this.createRenderer.render()),
-        index.h("div", null,
-          index.h("div", { class: "vega-dropdown-container" }, this.renderModeController.isSourceRenderMode()
+        globalSlimmerRegistry.h("div", null,
+          globalSlimmerRegistry.h("div", { class: "vega-dropdown-container" }, this.renderModeController.isSourceRenderMode()
             ? this.listRenderer.renderBySource()
             : this.listRenderer.renderBySlot())))));
   }
@@ -264,12 +263,12 @@ class VegaDropdownCreateRenderer extends globalSlimmerRegistry.VegaSlimmer {
     const canRender = this.searchString &&
       this.dynamicOption &&
       !this.childrenController.isLabelExist(this.searchString);
-    return (canRender && (index.h("fragment", null,
-      index.h("div", { class: "vega-dropdown-add-item", onClick: this.onItemAdd, tabIndex: 0, role: "button", "aria-label": `Add ${this.searchString}`, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
-        index.h("div", null,
-          index.h("vega-icon", { icon: "plus-sign" })),
-        index.h("span", { class: "v-break-all" }, `Add "${this.searchString}"`)),
-      index.h("div", { class: "vega-dropdown-divider" }))));
+    return (canRender && (globalSlimmerRegistry.h("fragment", null,
+      globalSlimmerRegistry.h("div", { class: "vega-dropdown-add-item", onClick: this.onItemAdd, tabIndex: 0, role: "button", "aria-label": `Add ${this.searchString}`, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
+        globalSlimmerRegistry.h("div", null,
+          globalSlimmerRegistry.h("vega-icon", { icon: "plus-sign" })),
+        globalSlimmerRegistry.h("span", { class: "v-break-all" }, `Add "${this.searchString}"`)),
+      globalSlimmerRegistry.h("div", { class: "vega-dropdown-divider" }))));
   }
 }
 __decorate$q([
@@ -317,36 +316,36 @@ class VegaDropdownListRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.templateContainerRef;
   }
   renderBySource() {
-    return (index.h(index.Fragment, null,
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
       this.renderLoading(),
       this.renderDropdownListBySource()));
   }
   renderBySlot() {
-    return (index.h(index.Fragment, null,
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
       this.renderLoading(),
       this.renderDropdownListBySlot()));
   }
   renderLoading() {
-    return (index.h("div", { class: {
+    return (globalSlimmerRegistry.h("div", { class: {
         'vega-dropdown-loading': true,
         'v-hidden': !this.isLoading,
       } },
-      index.h("vega-flex", { gap: "size-8", direction: "row" },
-        index.h("vega-loading-indicator", { size: "small" }),
-        index.h("span", null, "Loading"))));
+      globalSlimmerRegistry.h("vega-flex", { gap: "size-8", direction: "row" },
+        globalSlimmerRegistry.h("vega-loading-indicator", { size: "small" }),
+        globalSlimmerRegistry.h("span", null, "Loading"))));
   }
   renderDropdownListBySource() {
-    return (index.h(index.Fragment, null,
-      index.h("div", { class: {
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+      globalSlimmerRegistry.h("div", { class: {
           'vega-dropdown-empty-list': true,
           'v-hidden': this.sourceForRender.length > 0,
         } }, this.searchString
         ? this.translationSlimmer.t('No results found')
         : this.translationSlimmer.t('No options')),
-      index.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
+      globalSlimmerRegistry.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
           'v-hidden': this.sourceForRender.length === 0,
         } },
-        index.h("vega-virtual-scroll", { source: this.sourceForRender, 
+        globalSlimmerRegistry.h("vega-virtual-scroll", { source: this.sourceForRender, 
           /* eslint-disable-next-line react/jsx-no-bind */
           renderItem: (item, index, fixHeight) => {
             return item['children']
@@ -355,11 +354,11 @@ class VegaDropdownListRenderer extends globalSlimmerRegistry.VegaSlimmer {
           }, viewportMaxHeight: this.defaultMaxHeightOfItemsContainer, ref: (e) => (this.virtualScrollRef = e), isLoading: this.isLazyLoading }))));
   }
   renderDropdownListBySlot() {
-    return (index.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
+    return (globalSlimmerRegistry.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
         [`vega-dropdown-item-display-${this.itemDisplayRule}`]: true,
         ['v-hidden']: this.isLoading,
       }, ref: (ref) => (this.templateContainerRef = ref) },
-      index.h("slot", { name: "items" })));
+      globalSlimmerRegistry.h("slot", { name: "items" })));
   }
 }
 __decorate$p([
@@ -407,7 +406,7 @@ class VegaDropdownItemLevelRenderer extends globalSlimmerRegistry.VegaSlimmer {
     const renderResult = this.remoteInvocationController.callRemoteItemRender(item, fixHeight);
     if (renderResult)
       return renderResult;
-    return (index.h("vega-dropdown-item", Object.assign({}, item, { itemKey: item.key, height: fixHeight, prefixIcon: item.prefixIcon })));
+    return (globalSlimmerRegistry.h("vega-dropdown-item", Object.assign({}, item, { itemKey: item.key, height: fixHeight, prefixIcon: item.prefixIcon })));
   }
 }
 __decorate$o([
@@ -448,7 +447,7 @@ class VegaDropdownSearchRenderer extends globalSlimmerRegistry.VegaSlimmer {
     };
     this.onInputSearch = (node) => {
       this.searchInputRef = node;
-      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, vegaEventId.VegaChange, (input) => {
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaChange, (input) => {
         this.search(input.detail, 'input');
       });
     };
@@ -488,8 +487,8 @@ class VegaDropdownSearchRenderer extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
   render() {
-    return (this.searchable && (index.h("div", { class: "vega-dropdown-search" },
-      index.h("vega-input", { "prefix-icon": "search", size: "small", autoValidation: false, ref: this.onInputSearch, 
+    return (this.searchable && (globalSlimmerRegistry.h("div", { class: "vega-dropdown-search" },
+      globalSlimmerRegistry.h("vega-input", { "prefix-icon": "search", size: "small", autoValidation: false, ref: this.onInputSearch, 
         /*
          * The below method is e2e-test covered in
          * @see{module:vega-dropdown-enter-key-trigger-search-e2e}
@@ -751,8 +750,8 @@ var __decorate$k = (undefined && undefined.__decorate) || function (decorators,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 class VegaDropdownGroupLevelRenderer extends globalSlimmerRegistry.VegaSlimmer {
-  render(item, index$1, fixHeight) {
-    return (index.h("vega-dropdown-group", { label: item.label, key: item.key, divide: index$1 < this.sourceForRender.length - 1 }, item.children.map((children) => this.itemLevelRenderer.render(children, fixHeight))));
+  render(item, index, fixHeight) {
+    return (globalSlimmerRegistry.h("vega-dropdown-group", { label: item.label, key: item.key, divide: index < this.sourceForRender.length - 1 }, item.children.map((children) => this.itemLevelRenderer.render(children, fixHeight))));
   }
 }
 __decorate$k([
@@ -1541,19 +1540,19 @@ var __decorate$d = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaDropdown = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaDropdownClick = index.createEvent(this, "vegaDropdownClick", 7);
-    this.dropdownClick = index.createEvent(this, "dropdownClick", 7);
-    this.vegaShow = index.createEvent(this, "vegaShow", 7);
-    this.dropdownShow = index.createEvent(this, "dropdownShow", 7);
-    this.vegaHide = index.createEvent(this, "vegaHide", 7);
-    this.dropdownHide = index.createEvent(this, "dropdownHide", 7);
-    this.vegaCreate = index.createEvent(this, "vegaCreate", 7);
-    this.create = index.createEvent(this, "create", 7);
-    this.vegaSearch = index.createEvent(this, "vegaSearch", 7);
-    this.dropdownSearch = index.createEvent(this, "dropdownSearch", 7);
-    this.vegaSearchTrigger = index.createEvent(this, "vegaSearchTrigger", 7);
-    this.searchTrigger = index.createEvent(this, "searchTrigger", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaDropdownClick = globalSlimmerRegistry.createEvent(this, "vegaDropdownClick", 7);
+    this.dropdownClick = globalSlimmerRegistry.createEvent(this, "dropdownClick", 7);
+    this.vegaShow = globalSlimmerRegistry.createEvent(this, "vegaShow", 7);
+    this.dropdownShow = globalSlimmerRegistry.createEvent(this, "dropdownShow", 7);
+    this.vegaHide = globalSlimmerRegistry.createEvent(this, "vegaHide", 7);
+    this.dropdownHide = globalSlimmerRegistry.createEvent(this, "dropdownHide", 7);
+    this.vegaCreate = globalSlimmerRegistry.createEvent(this, "vegaCreate", 7);
+    this.create = globalSlimmerRegistry.createEvent(this, "create", 7);
+    this.vegaSearch = globalSlimmerRegistry.createEvent(this, "vegaSearch", 7);
+    this.dropdownSearch = globalSlimmerRegistry.createEvent(this, "dropdownSearch", 7);
+    this.vegaSearchTrigger = globalSlimmerRegistry.createEvent(this, "vegaSearchTrigger", 7);
+    this.searchTrigger = globalSlimmerRegistry.createEvent(this, "searchTrigger", 7);
     this.globalSlimmers = {};
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.renderer = new VegaDropdownRenderer();
@@ -1579,12 +1578,12 @@ const VegaDropdown = class {
     this.selectedSourceKeyNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaDropdown, 'selectedSourceKey', 'watchSelectedSourceKey');
     this.prefixIconSlotNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaDropdown, 'prefixIconSlot', 'watchPrefixIconSlot');
     this.itemClickObserver = new childNodesNotifyObserverSlimmer.ChildNodesNotifyObserverSlimmer(staticSubjectTitle.DROPDOWN_ITEM_CLICK, (payload) => this.selectedController.select(payload.detail.itemKey), this.selectedController.isAcceptableItemSelectionObserver.bind(this.selectedController));
-    this.showEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownShow);
-    this.hideEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownHide);
-    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownClick);
-    this.createEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaCreate);
-    this.searchEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownSearch);
-    this.searchTriggerEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaSearchTrigger);
+    this.showEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaDropdownShow);
+    this.hideEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaDropdownHide);
+    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaDropdownClick);
+    this.createEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaCreate);
+    this.searchEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaDropdownSearch);
+    this.searchTriggerEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaSearchTrigger);
     this.itemDisplayRuleNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaDropdown, 'itemDisplayRule', 'watchItemDisplayRule');
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaDropdownRuntimeMetricsPayloadDefinition);
     this.searchString = null;
@@ -1804,10 +1803,10 @@ const VegaDropdown = class {
   async setSelection(keys) {
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.renderer.render()), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "isDropdownShow": ["watchIsDropdownShow"],
     "source": ["watchSource", "watchItemDisplayRule"],
@@ -1919,15 +1918,15 @@ var __decorate$c = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaDropdownContentBox = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
-    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaClick], () => this.host, undefined, true);
+    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.host, undefined, true);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("slot", null)), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, globalSlimmerRegistry.h("slot", null)), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$c([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -1948,20 +1947,20 @@ var __decorate$b = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaDropdownGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return (index.h("li", { class: "vega-dropdown-group" },
+    return (globalSlimmerRegistry.h("li", { class: "vega-dropdown-group" },
       this.renderLabel(),
       this.renderChildren(),
       this.renderDivide()));
   }
   renderLabel() {
-    return this.label && index.h("div", { class: "vega-dropdown-group-label" }, this.label);
+    return this.label && globalSlimmerRegistry.h("div", { class: "vega-dropdown-group-label" }, this.label);
   }
   renderChildren() {
-    return (index.h("ul", { class: "vega-dropdown-group-items" },
-      index.h("slot", null)));
+    return (globalSlimmerRegistry.h("ul", { class: "vega-dropdown-group-items" },
+      globalSlimmerRegistry.h("slot", null)));
   }
   renderDivide() {
-    return this.divide && index.h("div", { class: "vega-dropdown-group-divide" });
+    return this.divide && globalSlimmerRegistry.h("div", { class: "vega-dropdown-group-divide" });
   }
 }
 __decorate$b([
@@ -1985,7 +1984,7 @@ var __decorate$a = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaDropdownGroup = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.renderer = new VegaDropdownGroupRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
@@ -1998,10 +1997,10 @@ const VegaDropdownGroup = class {
     this.divide = true;
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.renderer.render()), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$a([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -2022,7 +2021,7 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaDropdownItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return (index.h("li", { key: this.label, role: "menuitem", "aria-label": this.label, class: {
+    return (globalSlimmerRegistry.h("li", { key: this.label, role: "menuitem", "aria-label": this.label, class: {
         'vega-dropdown-item-selected': this.selected,
         'vega-dropdown-item-disabled': this.disabled,
         [`vega-dropdown-item-display-${this.itemDisplayRule}`]: true,
@@ -2040,39 +2039,39 @@ class VegaDropdownItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.renderCounter()));
   }
   renderSelectIcon() {
-    return (this.selectType !== 'none' && (index.h("span", { class: "selected-prefix" },
+    return (this.selectType !== 'none' && (globalSlimmerRegistry.h("span", { class: "selected-prefix" },
       this.selectType === 'single' && this.renderSingleSelectIcon(),
       this.selectType === 'multiple' && this.renderMultipleSelectIcon())));
   }
   renderSingleSelectIcon() {
-    return this.selected && index.h("vega-icon", { icon: "checkmark", size: "size-16" });
+    return this.selected && globalSlimmerRegistry.h("vega-icon", { icon: "checkmark", size: "size-16" });
   }
   renderMultipleSelectIcon() {
-    return index.h("vega-checkbox", { size: "small", checked: this.selected, disabled: this.disabled });
+    return globalSlimmerRegistry.h("vega-checkbox", { size: "small", checked: this.selected, disabled: this.disabled });
   }
   renderPrefixIcon() {
-    return ((this.prefixIcon || this.prefixIconSlot) && (index.h("div", { class: "item-prefix" }, this.renderItemPrefixIcon())));
+    return ((this.prefixIcon || this.prefixIconSlot) && (globalSlimmerRegistry.h("div", { class: "item-prefix" }, this.renderItemPrefixIcon())));
   }
   renderItemPrefixIcon() {
-    return this.prefixIcon && index.h("vega-icon", { icon: this.prefixIcon, size: "size-16" });
+    return this.prefixIcon && globalSlimmerRegistry.h("vega-icon", { icon: this.prefixIcon, size: "size-16" });
   }
   renderLabel() {
     // We prioritize slots, and when both slots and labels are defined, we can collect label information for component display,
     // such as input select selected item display
     if (this.host.childElementCount > 0 || this.host.textContent.trim() !== '') {
-      return (index.h("span", { class: "vega-dropdown-item-label" },
-        index.h("slot", null)));
+      return (globalSlimmerRegistry.h("span", { class: "vega-dropdown-item-label" },
+        globalSlimmerRegistry.h("slot", null)));
     }
     else {
-      return (index.h(index.Fragment, null,
-        index.h("span", { innerHTML: this.label, class: "vega-dropdown-item-label" }),
-        index.h("span", { class: "v-hidden" },
-          index.h("slot", null))));
+      return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+        globalSlimmerRegistry.h("span", { innerHTML: this.label, class: "vega-dropdown-item-label" }),
+        globalSlimmerRegistry.h("span", { class: "v-hidden" },
+          globalSlimmerRegistry.h("slot", null))));
     }
   }
   renderCounter() {
-    return (this.count > 0 && (index.h("div", { class: "item-counter" },
-      index.h("vega-counter-badge", { count: this.count, color: "bg-action", offset: [10, 10] }))));
+    return (this.count > 0 && (globalSlimmerRegistry.h("div", { class: "item-counter" },
+      globalSlimmerRegistry.h("vega-counter-badge", { count: this.count, color: "bg-action", offset: [10, 10] }))));
   }
   onSelect(e) {
     this.vegaDropdownItemClickController.handleClick(e);
@@ -2242,15 +2241,15 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaDropdownItem = 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.renderer = new VegaDropdownItemRenderer();
     this.vegaDropdownItemStateController = new VegaDropdownItemStateController();
     this.vegaDropdownItemClickController = new VegaDropdownItemClickController();
-    this.dropdownItemEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.host);
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdownItem, vegaEventId.VegaClick);
+    this.dropdownItemEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdownItem, domNodeSubjectObserverFactory.VegaClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * The placeholder of prefix icon, while other item have prefix icon but no in this item,
@@ -2281,10 +2280,10 @@ const VegaDropdownItem = class {
     this.danger = false;
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.renderer.render()), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$6([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -2686,23 +2685,23 @@ class VegaVirtualScrollRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.virtualScrollContainerRef;
   }
   render() {
-    return (index.h("div", { style: { maxHeight: `${this.viewportMaxHeight}px`, overflow: 'auto' }, class: "virtual-scroll-container", ref: (el) => (this.virtualScrollContainerRef = el) }, this.modeController.getMode() === 'normal'
+    return (globalSlimmerRegistry.h("div", { style: { maxHeight: `${this.viewportMaxHeight}px`, overflow: 'auto' }, class: "virtual-scroll-container", ref: (el) => (this.virtualScrollContainerRef = el) }, this.modeController.getMode() === 'normal'
       ? this.renderNormal()
       : this.renderVirtualScroll()));
   }
   renderNormal() {
-    return (index.h(index.Fragment, null,
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
       this.source.map((item, index) => {
         return this.renderItem(item, index);
       }),
       this.loadingRenderer.render()));
   }
   renderVirtualScroll() {
-    return (index.h("div", { style: {
+    return (globalSlimmerRegistry.h("div", { style: {
         height: `${this.source.length * this.approxItemHeight}px`,
         position: 'relative',
       } },
-      index.h("div", { class: "virtual-scroll-block", style: {
+      globalSlimmerRegistry.h("div", { class: "virtual-scroll-block", style: {
           transform: `translateY(${this.positionConfig.transformY}px)`,
         } },
         this.source
@@ -2822,10 +2821,10 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
  */
 class VegaVirtualScrollLoadingIndicatorRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return (this.isLoading && (index.h("div", { class: "virtual-scroll-more-loading" },
-      index.h("vega-flex", { gap: "size-8", direction: "row" },
-        index.h("vega-loading-indicator", { size: "small" }),
-        index.h("vega-font", { variant: "font-field-value", color: "text-secondary" }, "Loading")))));
+    return (this.isLoading && (globalSlimmerRegistry.h("div", { class: "virtual-scroll-more-loading" },
+      globalSlimmerRegistry.h("vega-flex", { gap: "size-8", direction: "row" },
+        globalSlimmerRegistry.h("vega-loading-indicator", { size: "small" }),
+        globalSlimmerRegistry.h("vega-font", { variant: "font-field-value", color: "text-secondary" }, "Loading")))));
   }
 }
 __decorate$1([
@@ -2846,7 +2845,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaVirtualScroll = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.modeController = new VegaVirtualScrollModeController();
     this.positionController = new VegaVirtualScrollPositionController();
@@ -2904,9 +2903,9 @@ const VegaVirtualScroll = class {
   async scrollToIndex(index) {
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.renderer.render()), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "scrollTop": ["watchScrollTop"],
     "source": ["watchSourceChange"],

package/dist/cjs/vega-env-manager-23b8b23c.js

@@ -11,9 +11,9 @@ exports.FrameworkEnum = void 0;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.33.0` will be replaced to a version string when running publish script.
+    // The `2.34.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.33.0';
+    this.vegaVersion = '2.34.0';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

package/dist/cjs/vega-field-error.cjs.entry.js

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const component = require('./component-73a88c4e.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const component = require('./component-63af66ea.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -66,7 +65,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaFieldError = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.messageController = new VegaFieldErrorMessageController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
@@ -81,9 +80,9 @@ const VegaFieldError = class {
   watchMessage() {
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("slot", null)), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, globalSlimmerRegistry.h("slot", null)), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "message": ["watchMessage"]
   }; }