@heartlandone/vega 2.75.1 → 2.76.0

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

@@ -4,47 +4,40 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
+const breakpoints = require('./breakpoints-751d433a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-require('./type-guard-a0f026d8.js');
-require('./translation-5f9f9c0c.js');
-require('./vega-env-manager-23b8b23c.js');
-const functionExtension = require('./function-extension-cfbbc57e.js');
-require('./feature-flag-controller-ce2162c8.js');
-require('./internal-icon-manager-32f9ed63.js');
-require('./wait-for-vega-handler-5469ff80.js');
-const ui$1 = require('./ui-9e181079.js');
-require('./dto-renderer-manager-03e1a038.js');
-require('./vega-nonce-manager-df69d3ed.js');
-require('./code-block-c1d2e6a8.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-b5e71bf6.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const designToken = require('./design-token-bb39e07e.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2dacabbd.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-aca87dac.js');
-const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-adfa2e59.js');
+require('./type-guard-407ba0b8.js');
+require('./internal-translation-controller-053eb0f1.js');
+require('./feature-flag-controller-04cb1e69.js');
+const designToken = require('./design-token-41baf118.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
+const vegaEventId = require('./vega-event-id-ee01d8dd.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-84435957.js');
+const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-1eb8f031.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const responsiveFormatFacade = require('./responsive-format-facade-d5dba942.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ea59bdcd.js');
 const ui = require('./ui-32e69595.js');
 const pixel = require('./pixel-98f2a10c.js');
+const ui$1 = require('./ui-234ea151.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
+const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./breakpoints-ebde4837.js');
-require('./try-get-document-c0ebd39a.js');
 require('./typography-4560e7f1.js');
-require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./dark-mode-style-controller-c21172aa.js');
+require('./index-f054eb5d.js');
+require('./try-get-document-c0ebd39a.js');
 require('./observer-f49483e8.js');
-require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-6befeb34.js');
-require('./number-4816603d.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./vega-env-manager-23b8b23c.js');
+require('./vega-nonce-manager-df69d3ed.js');
+require('./index-592b4052.js');
 require('./object-e2e28e3d.js');
-require('./base-renderer-0a3b62b7.js');
-require('./index-4d7bce1a.js');
-require('./vega-internal-event-id-f2465f1b.js');
-require('./string-39438062.js');
+require('./number-4816603d.js');
 require('./array-249289f2.js');
 
 const vegaDialogCss = ":host vega-modal{padding-left:16px;padding-right:16px}@media (min-width: 768px){:host vega-modal{padding:0px}}:host .vega-dialog-actions-container{display:flex;justify-content:center;flex-direction:column;gap:12px}@media (min-width: 768px){:host .vega-dialog-actions-container{justify-content:flex-end;flex-direction:row}}:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));word-break:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}";
@@ -73,7 +66,7 @@ const VegaDialog = class {
      * the default size for DESKTOP and TABLET
      */
     this.dialogDefaultSize = 480;
-    this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
+    this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
     /**
      * Specifies the type of the dialog.
      *
@@ -124,15 +117,15 @@ const VegaDialog = class {
         ? this.modalProps.isVerticallyCentered || this.modalProps.isVerticallyCenter
         : isSmallScreen, size: this.modalProps.size || this.dialogDefaultSize, open: true, modalTitle: this.dialogTitle, backdrop: 'static' });
     return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("vega-modal", Object.assign({}, mergedModalProps, { ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClose, () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClose, () => {
           this.onModalClose();
         });
       } }), index.h("div", { slot: "modal-content", class: "vega-dialog-modal-content" }, this.content), index.h("div", { slot: "modal-footer" }, index.h("div", { class: "vega-dialog-actions-container" }, this.showCancel && (index.h("vega-button", Object.assign({}, mergedCancelButtonProps, { ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, (input) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, (input) => {
           this.handleCancelBtnClick(input);
         });
       } }), ((_a = this.cancelButton) === null || _a === void 0 ? void 0 : _a.label) || 'Cancel')), index.h("vega-button", Object.assign({}, mergedOkButtonProps, { ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, (input) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, (input) => {
           this.handleOkBtnClick(input);
         });
       } }), ((_b = this.okButton) === null || _b === void 0 ? void 0 : _b.label) || 'OK'))))), this.host);
@@ -450,7 +443,7 @@ class VegaModalLayoutController extends globalSlimmerRegistry.VegaSlimmer {
       return size;
     }
     else {
-      return ui.DefaultModalSize[pageResizeObserverSlimmer.getCurrentBreakpoint()];
+      return ui.DefaultModalSize[breakpoints.getCurrentBreakpoint()];
     }
   }
 }
@@ -1101,15 +1094,15 @@ class VegaModalZIndexController extends globalSlimmerRegistry.VegaSlimmer {
   setModalZIndex() {
     const backdropRef = this.backdropController.getBackdropRef();
     if (this.openState.isOpen) {
-      functionExtension.InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
-      functionExtension.InternalVegaZIndexManager.setZIndex(this.host, 'base');
+      internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
+      internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.host, 'base');
     }
     else {
-      functionExtension.InternalVegaZIndexManager.removeZIndex(backdropRef, 'base');
-      functionExtension.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
+      internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(backdropRef, 'base');
+      internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
       if (this.openedModalStackController.length() > 0) {
-        functionExtension.InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
-        functionExtension.InternalVegaZIndexManager.setZIndex(this.openedModalStackController.peek(), 'base');
+        internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
+        internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.openedModalStackController.peek(), 'base');
       }
     }
   }
@@ -1159,9 +1152,9 @@ const VegaModal = class {
     this.openedModalStackController = new VegaModalOpenedModalStackController();
     this.zIndexController = new VegaModalZIndexController();
     this.renderer = new VegaModalRenderer();
-    this.openEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaModal, domNodeSubjectObserverFactory.VegaOpen);
-    this.closeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaModal, domNodeSubjectObserverFactory.VegaClose);
-    this.childNodesEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaOpen, domNodeSubjectObserverFactory.VegaClose], () => this.renderer.getModalContainerRef());
+    this.openEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaModal, vegaEventId.VegaOpen);
+    this.closeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaModal, vegaEventId.VegaClose);
+    this.childNodesEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaOpen, vegaEventId.VegaClose], () => this.renderer.getModalContainerRef());
     this.componentGlobalStyleSlimmer = new componentGlobalStyleSlimmer.ComponentGlobalStyleSlimmer(vegaModalDisableBodyScrollCss);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaModal, 'isVerticallyCentered', 'isVerticallyCenter', false);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaModalRuntimeMetricsPayloadDefinition);

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

@@ -5,42 +5,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const responsiveFormatFacade = require('./responsive-format-facade-d5dba942.js');
-const typeGuard = require('./type-guard-a0f026d8.js');
-const designToken = require('./design-token-bb39e07e.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ea59bdcd.js');
+const typeGuard = require('./type-guard-407ba0b8.js');
+const designToken = require('./design-token-41baf118.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
+const breakpoints = require('./breakpoints-751d433a.js');
 require('./number-4816603d.js');
 require('./ui-32e69595.js');
 require('./pixel-98f2a10c.js');
 require('./breakpoints-ebde4837.js');
 require('./array-249289f2.js');
-require('./vega-env-manager-23b8b23c.js');
-require('./function-extension-cfbbc57e.js');
-require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./ui-9e181079.js');
-require('./dark-mode-style-controller-c21172aa.js');
-require('./static-subject-title-5829a298.js');
+require('./feature-flag-controller-04cb1e69.js');
+require('./index-f054eb5d.js');
+require('./typography-4560e7f1.js');
+require('./internal-translation-controller-053eb0f1.js');
 require('./change-manager-a297e4d2.js');
-require('./observer-f49483e8.js');
-require('./_commonjsHelpers-537d719a.js');
-require('./vega-nonce-manager-df69d3ed.js');
+require('./static-subject-title-5829a298.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-vega-event-manager-6befeb34.js');
-require('./dom-node-subject-observer-factory-b5e71bf6.js');
-require('./dto-renderer-manager-03e1a038.js');
-require('./code-block-c1d2e6a8.js');
-require('./vega-internal-event-id-f2465f1b.js');
-require('./string-39438062.js');
-require('./object-e2e28e3d.js');
-require('./translation-5f9f9c0c.js');
-require('./internal-icon-manager-32f9ed63.js');
-require('./base-renderer-0a3b62b7.js');
-require('./feature-flag-controller-ce2162c8.js');
-require('./index-4d7bce1a.js');
-require('./wait-for-vega-handler-5469ff80.js');
-require('./typography-4560e7f1.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;
@@ -121,7 +103,7 @@ const VegaDivider = class {
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.sizeController = new VegaDividerSizeController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
+    this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
     /**
      * Specifies the direction of the divider.
      *

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

@@ -6,55 +6,47 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const ui = require('./ui-9e181079.js');
-const typeGuard = require('./type-guard-a0f026d8.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
+const ui = require('./ui-234ea151.js');
+const typeGuard = require('./type-guard-407ba0b8.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-b5e71bf6.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0d45f944.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-daa8b9f5.js');
-const sanitize = require('./sanitize-fb222510.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
+const vegaEventId = require('./vega-event-id-ee01d8dd.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0cc0c1c7.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-34e4eb56.js');
+const index$1 = require('./index-592b4052.js');
 const array = require('./array-249289f2.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-468e19aa.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-58121111.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2dacabbd.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-257fedb3.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-ed39283b.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const translationSlimmer = require('./translation-slimmer-f0ebe710.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-aca87dac.js');
-const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-adfa2e59.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-5d0b8ac3.js');
+const translationSlimmer = require('./translation-slimmer-4533bd67.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-84435957.js');
+const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-1dfbc4c3.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
-require('./translation-5f9f9c0c.js');
-require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
-require('./dynamic-slimmer-f31fdfd7.js');
+require('./internal-translation-controller-053eb0f1.js');
 require('./observer-f49483e8.js');
-require('./keyboard-manager-3dea6b28.js');
-require('./function-extension-cfbbc57e.js');
-require('./page-resize-observer-slimmer-11937d6f.js');
-require('./try-get-document-c0ebd39a.js');
-require('./dark-mode-style-controller-c21172aa.js');
-require('./_commonjsHelpers-537d719a.js');
-require('./vega-nonce-manager-df69d3ed.js');
-require('./internal-vega-event-manager-6befeb34.js');
+require('./keyboard-manager-055e9f67.js');
+require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
-require('./dto-renderer-manager-03e1a038.js');
-require('./code-block-c1d2e6a8.js');
-require('./string-39438062.js');
-require('./object-e2e28e3d.js');
-require('./internal-icon-manager-32f9ed63.js');
-require('./base-renderer-0a3b62b7.js');
-require('./responsive-format-facade-d5dba942.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./page-resize-observer-slimmer-7f065ee1.js');
+require('./breakpoints-751d433a.js');
+require('./try-get-document-c0ebd39a.js');
+require('./responsive-format-facade-ea59bdcd.js');
 require('./pixel-98f2a10c.js');
+require('./feature-flag-controller-04cb1e69.js');
+require('./index-f054eb5d.js');
+require('./internal-vega-event-manager-f7ecf3d4.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-ce2162c8.js');
-require('./index-4d7bce1a.js');
-require('./wait-for-vega-handler-5469ff80.js');
+require('./vega-nonce-manager-df69d3ed.js');
 
 var __decorate$t = (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;
@@ -362,7 +354,7 @@ class VegaDropdownListRenderer extends globalSlimmerRegistry.VegaSlimmer {
         } }, this.searchString
         ? this.translationSlimmer.t(this.searchNoResultsText)
         : this.translationSlimmer.t('No options')),
-      index.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
+      index.h("ul", { role: "menu", class: {
           'v-hidden': this.isLoading || this.sourceForRender.length === 0,
         } },
         index.h("vega-virtual-scroll", { source: this.sourceForRender, 
@@ -374,7 +366,7 @@ class VegaDropdownListRenderer extends globalSlimmerRegistry.VegaSlimmer {
           }, viewportMaxHeight: this.defaultMaxHeightOfItemsContainer, ref: (e) => (this.virtualScrollRef = e), isLoading: this.isLazyLoading, virtualizationThreshold: this.virtualizationThreshold }))));
   }
   renderDropdownListBySlot() {
-    return (index.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
+    return (index.h("ul", { role: "menu", class: {
         [`vega-dropdown-item-display-${this.itemDisplayRule}`]: true,
         ['v-hidden']: this.isLoading,
       }, ref: (ref) => (this.templateContainerRef = ref), onScroll: this.scrollableController.onScroll },
@@ -478,7 +470,7 @@ class VegaDropdownSearchRenderer extends globalSlimmerRegistry.VegaSlimmer {
       if (node) {
         this.searchInputRef = node;
       }
-      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaChange, (input) => {
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, vegaEventId.VegaChange, (input) => {
         this.search(input.detail, 'input');
       });
     };
@@ -873,7 +865,7 @@ class VegaDropdownSearchController extends globalSlimmerRegistry.VegaSlimmer {
     if (searchResult)
       return searchResult;
     source.forEach((item) => {
-      item.label = sanitize.sanitizeHtmlLabel(item.label);
+      item.label = index$1.htmlSanitizer.sanitize(item.label, index$1.labelSanitizeStrategy);
       if (item['children']) {
         const filtered = this.searchSource(item['children'], []);
         if (filtered.length > 0) {
@@ -1756,13 +1748,13 @@ 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, domNodeSubjectObserverFactory.VegaDropdownShow);
-    this.hideEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaDropdownHide);
-    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaDropdownClick);
-    this.resetEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaReset);
-    this.createEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaCreate);
-    this.searchEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaDropdownSearch);
-    this.searchTriggerEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaSearchTrigger);
+    this.showEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownShow);
+    this.hideEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownHide);
+    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownClick);
+    this.resetEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaReset);
+    this.createEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaCreate);
+    this.searchEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownSearch);
+    this.searchTriggerEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaSearchTrigger);
     this.itemDisplayRuleNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaDropdown, 'itemDisplayRule', 'watchItemDisplayRule');
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaDropdownRuntimeMetricsPayloadDefinition);
     this.searchString = null;
@@ -2153,7 +2145,7 @@ const VegaDropdownContentBox = class {
     index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.componentGlobalStyleSlimmer = new componentGlobalStyleSlimmer.ComponentGlobalStyleSlimmer(nestVegaDropdownCss);
-    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.host, undefined, true);
+    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaClick], () => this.host, undefined, true);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
@@ -2183,16 +2175,16 @@ var __decorate$b = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaDropdownGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return (index.h("li", { class: "vega-dropdown-group" },
+    return (index.h("li", { role: "group", "aria-label": this.label, 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 && (index.h("div", { class: "vega-dropdown-group-label", "aria-hidden": "true" }, this.label)));
   }
   renderChildren() {
-    return (index.h("ul", { class: "vega-dropdown-group-items" },
+    return (index.h("ul", { role: "none", class: "vega-dropdown-group-items" },
       index.h("slot", null)));
   }
   renderDivide() {
@@ -2265,7 +2257,7 @@ class VegaDropdownItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
     };
   }
   render() {
-    return (index.h("li", { key: this.label, role: "menuitem", "aria-label": this.label, class: {
+    return (index.h("li", { key: this.label, role: "menuitem", "aria-label": this.count > 0 ? `${this.label}, ${this.count}` : this.label, "aria-disabled": `${this.disabled}`, class: {
         'vega-dropdown-item-selected': this.selected,
         'vega-dropdown-item-disabled': this.disabled,
         [`vega-dropdown-item-display-${this.itemDisplayRule}`]: true,
@@ -2308,7 +2300,7 @@ class VegaDropdownItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
     }
     else {
       return (index.h(index.Fragment, null,
-        index.h("span", { class: "vega-dropdown-item-label", innerHTML: sanitize.sanitizeHtmlLabel(this.label), ref: this.setLabelRef }),
+        index.h("span", { class: "vega-dropdown-item-label", innerHTML: index$1.htmlSanitizer.sanitize(this.label, index$1.labelSanitizeStrategy), ref: this.setLabelRef }),
         index.h("span", { class: "v-hidden" },
           index.h("slot", null))));
     }
@@ -2328,7 +2320,9 @@ class VegaDropdownItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
         if (ref) {
           this.tooltipRef = ref;
         }
-      }, text: sanitize.sanitizeHtmlLabel(this.label).replace(/<b>(.*?)<\/b>/g, '$1'), trigger: "none", placement: ['bottom', 'top'], alignment: "center", 
+      }, text: index$1.htmlSanitizer
+        .sanitize(this.label, index$1.labelSanitizeStrategy)
+        .replace(/<b>(.*?)<\/b>/g, '$1'), trigger: "none", placement: ['bottom', 'top'], alignment: "center", 
       /* eslint-disable-next-line react/jsx-no-bind */
       onMouseEnter: () => {
         const isTextTruncated = this.labelRef.scrollWidth > this.labelRef.clientWidth;
@@ -2517,8 +2511,8 @@ const VegaDropdownItem = class {
     this.renderer = new VegaDropdownItemRenderer();
     this.vegaDropdownItemStateController = new VegaDropdownItemStateController();
     this.vegaDropdownItemClickController = new VegaDropdownItemClickController();
-    this.dropdownItemEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host);
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdownItem, domNodeSubjectObserverFactory.VegaClick);
+    this.dropdownItemEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.host);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdownItem, vegaEventId.VegaClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * The placeholder of prefix icon, while other item have prefix icon but no in this item,

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.75.1` will be replaced to a version string when running publish script.
+    // The `2.76.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.75.1';
+    this.vegaVersion = '2.76.0';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

package/dist/cjs/{dom-node-subject-observer-factory-b5e71bf6.js → vega-event-id-ee01d8dd.js}

@@ -1,9 +1,5 @@
 'use strict';
 
-const changeManager = require('./change-manager-a297e4d2.js');
-const observer = require('./observer-f49483e8.js');
-const ui = require('./ui-9e181079.js');
-
 /** The VegaEventID class represents an event ID with both a Vega name and a native name. */
 class VegaEventID {
   /**
@@ -116,140 +112,6 @@ const VegaSelectionChange = new VegaEventID('vegaSelectionChange', 'selectionCha
 const VegaSuggestionItemClick = new VegaEventID('vegaSuggestionItemClick', 'suggestionItemClick');
 const VegaNativeInputChange = new VegaEventID('vegaNativeInputChange', 'nativeInputChange');
 
-/** The DomNodeSubject class represents a subject related to DOM nodes. */
-class DomNodeSubject {
-  /**
-   * The constructor function takes a SubjectTitle parameter and assigns it to the private title property.
-   *
-   * @param {SubjectTitle} title - The "title" parameter is a private property of the class that is of type "SubjectTitle".
-   * @param {HTMLElement} host - The `host` parameter is an HTMLElement that represents the container or
-   * parent element where the subject title will be displayed. It is used to specify the location where
-   * the title will be rendered on the web page.
-   */
-  constructor(title, host) {
-    this.title = title;
-    this.host = host;
-  }
-  /**
-   * The getDescription function returns the title of an object as a string.
-   *
-   * @returns {string} The title of the object.
-   */
-  getDescription() {
-    return `, this is a dom nodes subject of ${this.title}.(class name:${this.host.className}, id:${this.host.id})`;
-  }
-}
-
-/** The `DomNodesSubjectFactory` class is responsible for managing and caching `DomNodeSubject` objects associated with HTML elements. */
-class DomNodeSubjectFactory {
-  constructor() {
-    this.cache = new Map();
-  }
-  /**
-   * The function `getSubject` returns the subject associated with a given node and event ID, either from the cache or by setting it if it doesn't exist.
-   *
-   * @param {HTMLElement} node - The `node` parameter is an HTMLElement, which represents an element in the HTML document.
-   * @param {VegaEventIDInterface} eventId - The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of the event for which we want to get the subject.
-   * @returns {DomNodeSubject} a `DomNodeSubject` object.
-   */
-  getSubject(node, eventId) {
-    if (this.isExist(node, eventId)) {
-      return this.cache.get(node).get(eventId);
-    }
-    else {
-      return this.setSubject(node, eventId);
-    }
-  }
-  /**
-   * The function checks if a given node exists in the cache and if it has a specific event ID.
-   *
-   * @param {HTMLElement} node - The "node" parameter is an HTMLElement, which represents an HTML element in the DOM (Document Object Model). It could be any HTML element such as a div, span, button, etc.
-   * @param {VegaEventIDInterface} eventId - The `eventId` parameter is of type `VegaEventIDInterface`. It represents an event ID that is used to identify a specific event.
-   * @returns {boolean} a boolean value.
-   */
-  isExist(node, eventId) {
-    if (node) {
-      return (this.cache.has(node) &&
-        this.cache.get(node) !== undefined &&
-        this.cache.get(node).has(eventId));
-    }
-    return false;
-  }
-  /**
-   * The function find if the parent of a given node exists in the cache and if it has a specific event ID.
-   *
-   * @param {HTMLElement} childNode - Child node.
-   * @param {VegaEventIDInterface} eventId - eventId.
-   * @returns {Nullable<DomNodeSubject>} - Parent node subject.
-   */
-  getSubjectFromParentNodeByEventId(childNode, eventId) {
-    let subject;
-    for (const entry of this.cache) {
-      if (ui.isParent(childNode, entry[0]) && entry[1].has(eventId)) {
-        subject = entry[1].get(eventId);
-        break;
-      }
-    }
-    return subject;
-  }
-  /**
-   * The function `setSubject` creates a new `DomNodeSubject` and associates it with a given `node` and `eventId`, and then returns the created subject.
-   *
-   * @param {HTMLElement} node - The `node` parameter is an HTMLElement object representing an HTML element in the DOM (Document Object Model).
-   * @param {VegaEventIDInterface} eventId - The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of a Vega event.
-   * @returns {DomNodeSubject} dom node subject object
-   */
-  setSubject(node, eventId) {
-    const subjectTitle = `${node.tagName}:${eventId.getName()}`;
-    const subject = new DomNodeSubject(subjectTitle, node);
-    if (!this.cache.get(node)) {
-      this.cache.set(node, new Map());
-    }
-    this.cache.get(node).set(eventId, subject);
-    return subject;
-  }
-}
-const domNodeSubjectFactory = new DomNodeSubjectFactory();
-
-/**
- * The function `domAcceptableHandle` always returns `true`.
- *
- * @returns {boolean} true
- */
-const domAcceptableHandle = () => {
-  return true;
-};
-/** The `DomNodeSubjectObserverFactory` class provides methods to add and remove observers to HTML element nodes. */
-class DomNodeSubjectObserverFactory {
-  /**
-   * add observer to a given HTML element node
-   *
-   * @param {HTMLElement} node the node ref
-   * @param {VegaEventIDInterface} eventId The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of a Vega event.
-   * @param {(input?: unknown) => void} callback the callback handle
-   * @param {(input?: unknown) => boolean} acceptableHandle the acceptable handle
-   */
-  static addUniqueObserverToNode(node, eventId, callback, acceptableHandle) {
-    if (node) {
-      const domNodesObserver = new observer.Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
-      DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(node, eventId);
-      changeManager.ChangeManager.register(domNodeSubjectFactory.getSubject(node, eventId), domNodesObserver);
-    }
-  }
-  /**
-   * The function removes observers from a given HTML element node.
-   *
-   * @param {HTMLElement} node - The `node` parameter is an `HTMLElement` object representing an HTML element in the DOM (Document Object Model).
-   * @param {VegaEventIDInterface} eventId The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of a Vega event.
-   */
-  static removeUniqueObserverFromNode(node, eventId) {
-    if (domNodeSubjectFactory.isExist(node, eventId)) {
-      changeManager.ChangeManager.clearObserversBySubject(domNodeSubjectFactory.getSubject(node, eventId));
-    }
-  }
-}
-
-exports.DomNodeSubjectObserverFactory = DomNodeSubjectObserverFactory;
 exports.VegaActionButtonClick = VegaActionButtonClick;
 exports.VegaActionClick = VegaActionClick;
 exports.VegaBlur = VegaBlur;
@@ -306,4 +168,3 @@ exports.VegaStateUpdate = VegaStateUpdate;
 exports.VegaSuggestionItemClick = VegaSuggestionItemClick;
 exports.VegaToggleStatus = VegaToggleStatus;
 exports.VegaValidate = VegaValidate;
-exports.domNodeSubjectFactory = domNodeSubjectFactory;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 

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

@@ -5,16 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2dacabbd.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-b5e71bf6.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
+const vegaEventId = require('./vega-event-id-ee01d8dd.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./internal-vega-event-manager-6befeb34.js');
-require('./try-get-document-c0ebd39a.js');
+require('./dom-node-subject-observer-factory-c62823de.js');
 require('./observer-f49483e8.js');
-require('./ui-9e181079.js');
+require('./ui-234ea151.js');
+require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./try-get-document-c0ebd39a.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;
@@ -91,8 +92,8 @@ const VegaFieldLabel = class {
     this.vegaLabelButtonClick = index.createEvent(this, "vegaLabelButtonClick", 1);
     this.labelButtonClick = index.createEvent(this, "labelButtonClick", 1);
     this.globalSlimmers = {};
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFieldLabel, domNodeSubjectObserverFactory.VegaClick);
-    this.suffixButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFieldLabel, domNodeSubjectObserverFactory.VegaLabelButtonClick);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFieldLabel, vegaEventId.VegaClick);
+    this.suffixButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFieldLabel, vegaEventId.VegaLabelButtonClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.suffixElementRenderer = new VegaFieldLabelSuffixElementRenderer();
     /**