@heartlandone/vega 2.75.1 → 2.76.0

package/dist/cjs/vega-color-picker.cjs.entry.js

@@ -6,31 +6,34 @@ const index = require('./index-58ea899e.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-1e352960.js');
-const ui = require('./ui-9e181079.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-aef2fb1e.js');
+const ui = require('./ui-234ea151.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-102f37c7.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 staticSubjectTitle = require('./static-subject-title-5829a298.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2dacabbd.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-b5e71bf6.js');
+const vegaEventId = require('./vega-event-id-ee01d8dd.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
-require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
+require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
+require('./dom-node-subject-observer-factory-c62823de.js');
 require('./vega-internal-event-id-f2465f1b.js');
-require('./translation-5f9f9c0c.js');
-require('./page-resize-observer-slimmer-11937d6f.js');
+require('./internal-translation-controller-053eb0f1.js');
+require('./index-592b4052.js');
+require('./try-get-document-c0ebd39a.js');
+require('./page-resize-observer-slimmer-7f065ee1.js');
+require('./breakpoints-751d433a.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
-require('./try-get-document-c0ebd39a.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-5d0b8ac3.js');
-require('./internal-vega-event-manager-6befeb34.js');
+require('./sub-state-observer-slimmer-1dfbc4c3.js');
+require('./internal-vega-event-manager-f7ecf3d4.js');
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   {
@@ -90,7 +93,7 @@ const VegaColorPicker = class {
       inputContainerGetter: () => this.colorPickerContainerRef,
       touchableAreaGetter: () => [this.colorPickerTouchableAreaRef],
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaColorPicker, domNodeSubjectObserverFactory.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaColorPicker, vegaEventId.VegaChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaColorPickerRuntimeMetricsPayloadDefinition);
     /**
      * Specifies the initial or preset color value of the color picker.

package/dist/cjs/vega-combo-box.cjs.entry.js

@@ -5,42 +5,43 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const component = require('./component-1e352960.js');
-const typeGuard = require('./type-guard-a0f026d8.js');
+const typeGuard = require('./type-guard-407ba0b8.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-aef2fb1e.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-aca87dac.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 formFieldControllerSlimmer = require('./form-field-controller-slimmer-102f37c7.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-84435957.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
+const vegaEventId = require('./vega-event-id-ee01d8dd.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const accessibility = require('./accessibility-bfa227f6.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
-const sanitize = require('./sanitize-fb222510.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0d45f944.js');
-const ui = require('./ui-9e181079.js');
+const index$1 = require('./index-592b4052.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0cc0c1c7.js');
+const ui = require('./ui-234ea151.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.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('./string-39438062.js');
 require('./observer-f49483e8.js');
-require('./page-resize-observer-slimmer-11937d6f.js');
+require('./misc-3d30df91.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./page-resize-observer-slimmer-7f065ee1.js');
+require('./breakpoints-751d433a.js');
 require('./try-get-document-c0ebd39a.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-5d0b8ac3.js');
-require('./internal-vega-event-manager-6befeb34.js');
+require('./sub-state-observer-slimmer-1dfbc4c3.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('./_commonjsHelpers-537d719a.js');
-require('./keyboard-manager-3dea6b28.js');
+require('./feature-flag-controller-04cb1e69.js');
+require('./index-f054eb5d.js');
+require('./keyboard-manager-055e9f67.js');
 
 const VegaComboBoxRuntimeMetricsPayloadDefinition = [
   {
@@ -138,13 +139,13 @@ class VegaComboBoxDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer {
   renderDropdown() {
     return (index.h("vega-dropdown", Object.assign({ trigger: this.disabled ? 'none' : 'click', source: this.source, selectType: "multiple", selectedSourceKey: this.value, matchTargetWidth: true, useDefaultFilter: this.useDefaultFilter }, this.vegaDropdownProps, { ref: (ref) => {
         this.dropdownRef = ref;
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaCreate, async (payload) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaCreate, async (payload) => {
           await this.onDropdownCreate(payload.detail);
         });
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownHide, async () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaDropdownHide, async () => {
           await this.onDropdownHide();
         });
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownClick, async () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaDropdownClick, async () => {
           await this.onItemClick();
         });
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaInternalEventId.VegaInternalDropdownTemplateItemsChange, 
@@ -190,8 +191,8 @@ class VegaComboBoxDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer {
   renderSelectedChip(item) {
     return (index.h("vega-chip", { 
       //TODO: the key property test will add in https://gethired.atlassian.net/browse/VD-883
-      key: item.key, text: sanitize.sanitizeHtmlLabel(item.label), variant: "outlined", showCloseIcon: !this.disabled, size: "small", ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClose, async () => {
+      key: item.key, text: index$1.htmlSanitizer.sanitize(item.label, index$1.labelSanitizeStrategy), variant: "outlined", showCloseIcon: !this.disabled, size: "small", ref: (ref) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClose, async () => {
           await this.onChipClose(item.key);
         });
       } }));
@@ -554,10 +555,10 @@ const VegaComboBox = class {
       inputContainerGetter: () => this.dropdownRenderer.getDropdownRef(),
       touchableAreaGetter: () => [this.dropdownRenderer.getSearchInputRef()],
     });
-    this.changeEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaComboBox, domNodeSubjectObserverFactory.VegaChange);
-    this.createEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaComboBox, domNodeSubjectObserverFactory.VegaCreate);
-    this.searchEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaComboBox, domNodeSubjectObserverFactory.VegaSearch);
-    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaCreate, domNodeSubjectObserverFactory.VegaSearch], () => this.dropdownRenderer.getDropdownRef(), {
+    this.changeEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaComboBox, vegaEventId.VegaChange);
+    this.createEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaComboBox, vegaEventId.VegaCreate);
+    this.searchEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaComboBox, vegaEventId.VegaSearch);
+    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaCreate, vegaEventId.VegaSearch], () => this.dropdownRenderer.getDropdownRef(), {
       customPreventHandle: (e) => {
         e.stopImmediatePropagation();
       },

package/dist/cjs/vega-counter-badge.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 vegaCounterBadgeCss = ":host{display:block;position:relative;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host .dot{display:inline-block;position:absolute;border-radius:9999px;width:9px;height:9px}:host .counter{display:flex;position:absolute;height:20px;min-width:20px;border-radius:9999px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));justify-content:center;align-items:center;font-family:\"Inter\", sans-serif;font-weight:700;font-size:12px;line-height:15px}:host .default-position{top:0px;right:0px;transform:scale(1) translate(50%, -50%)}:host .multi-digit{padding-left:4px;padding-right:4px}:host .v-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host .v-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}";
 

package/dist/cjs/vega-date-picker_2.cjs.entry.js

@@ -4,62 +4,59 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const dateRequiredRule = require('./date-required-rule-30ee62d0.js');
-const typeGuard = require('./type-guard-a0f026d8.js');
+const dateRequiredRule = require('./date-required-rule-912469e0.js');
+const typeGuard = require('./type-guard-407ba0b8.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-aef2fb1e.js');
-const ui = require('./ui-9e181079.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-b5e71bf6.js');
-const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-102f37c7.js');
+const ui = require('./ui-234ea151.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
+const vegaEventId = require('./vega-event-id-ee01d8dd.js');
+const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const array = require('./array-249289f2.js');
-require('./translation-5f9f9c0c.js');
-require('./vega-env-manager-23b8b23c.js');
-require('./function-extension-cfbbc57e.js');
-const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
-require('./wait-for-vega-handler-5469ff80.js');
-require('./dto-renderer-manager-03e1a038.js');
-require('./vega-nonce-manager-df69d3ed.js');
-require('./code-block-c1d2e6a8.js');
+require('./internal-translation-controller-053eb0f1.js');
+const featureFlagController = require('./feature-flag-controller-04cb1e69.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringMaskStrategy = require('./string-mask-strategy-d23ac21a.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-f3e0bbc7.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0d45f944.js');
+const stringMaskStrategy = require('./string-mask-strategy-dda58395.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-0a334fc6.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0cc0c1c7.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2dacabbd.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-aca87dac.js');
-const translationSlimmer = require('./translation-slimmer-f0ebe710.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-daa8b9f5.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-84435957.js');
+const translationSlimmer = require('./translation-slimmer-4533bd67.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-34e4eb56.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const clickOutsideOnlyToDismissStrategy = require('./click-outside-only-to-dismiss-strategy-407f6d1e.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
 const observer = require('./observer-f49483e8.js');
-const monthViewGenerator = require('./month-view-generator-49cc5fc2.js');
+const monthViewGenerator = require('./month-view-generator-6a6dd527.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
 require('./string-39438062.js');
-require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
+require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./page-resize-observer-slimmer-11937d6f.js');
+require('./index-592b4052.js');
+require('./page-resize-observer-slimmer-7f065ee1.js');
+require('./breakpoints-751d433a.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-5d0b8ac3.js');
+require('./sub-state-observer-slimmer-1dfbc4c3.js');
+require('./icon-manager-c12c6ea9.js');
+require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./number-4816603d.js');
-require('./dark-mode-style-controller-c21172aa.js');
-require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-6befeb34.js');
-require('./object-e2e28e3d.js');
-require('./base-renderer-0a3b62b7.js');
-require('./index-4d7bce1a.js');
-require('./string-format-strategy.abstract-63514c60.js');
-require('./index-95fca64f.js');
-require('./keyboard-manager-3dea6b28.js');
-require('./responsive-format-facade-d5dba942.js');
+require('./index-f054eb5d.js');
+require('./string-format-strategy.abstract-f2575647.js');
+require('./wait-for-component-did-render-70a01bf9.js');
+require('./keyboard-manager-055e9f67.js');
+require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./vega-env-manager-23b8b23c.js');
+require('./internal-vega-z-index-manager-f03ddb37.js');
+require('./responsive-format-facade-ea59bdcd.js');
 require('./pixel-98f2a10c.js');
 
 /**
@@ -303,7 +300,7 @@ class VegaDatePickerRenderer extends globalSlimmerRegistry.VegaSlimmer {
     this.renderLabel = () => {
       return (this.label && (index.h("vega-field-label", { ref: (e) => {
           /* istanbul ignore next */
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, domNodeSubjectObserverFactory.VegaClick, async () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, vegaEventId.VegaClick, async () => {
             await this.focusInput();
           });
         }, isFieldRequired: this.required, disabled: this.disabled, label: this.label })));
@@ -670,21 +667,21 @@ class VegaDatePickerCalendarRenderer$1 extends globalSlimmerRegistry.VegaSlimmer
           isDateDisabled: (date) => this.isDateDisabled(date) }))));
   }
   addCalendarObserver(calendarRef) {
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(calendarRef, domNodeSubjectObserverFactory.VegaSelectionChange, async (payload) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(calendarRef, vegaEventId.VegaSelectionChange, async (payload) => {
       await this.onCalendarSelected(payload.detail);
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(calendarRef, domNodeSubjectObserverFactory.VegaClear, async () => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(calendarRef, vegaEventId.VegaClear, async () => {
       await this.calendarOpenStateController.hideCalendar();
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(calendarRef, domNodeSubjectObserverFactory.VegaMonthYearChange, async (payload) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(calendarRef, vegaEventId.VegaMonthYearChange, async (payload) => {
       this.monthYearChangeEventEmitter.emit(payload.detail);
     });
   }
   addModalObserver(modalRef) {
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(modalRef, domNodeSubjectObserverFactory.VegaOpen, () => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(modalRef, vegaEventId.VegaOpen, () => {
       this.calendarOpenStateController.updateIsCalendarShowState(true);
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(modalRef, domNodeSubjectObserverFactory.VegaClose, () => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(modalRef, vegaEventId.VegaClose, () => {
       this.calendarOpenStateController.updateIsCalendarShowState(false);
     });
   }
@@ -1382,9 +1379,9 @@ const VegaDatePicker = class {
         ].filter(Boolean);
       },
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePicker, domNodeSubjectObserverFactory.VegaChange);
-    this.monthYearChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePicker, domNodeSubjectObserverFactory.VegaMonthYearChange);
-    this.inputEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange, domNodeSubjectObserverFactory.VegaClear, domNodeSubjectObserverFactory.VegaMonthYearChange], () => this.vegaDatePickerCalendarRenderer.getCalendarRef());
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePicker, vegaEventId.VegaChange);
+    this.monthYearChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePicker, vegaEventId.VegaMonthYearChange);
+    this.inputEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange, vegaEventId.VegaClear, vegaEventId.VegaMonthYearChange], () => this.vegaDatePickerCalendarRenderer.getCalendarRef());
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaDatePickerRuntimeMetricsPayloadDefinition);
     this.isMobileDevice = ui.getDeviceType() === ui.DeviceType.MOBILE;
     this.isCalendarShow = false;
@@ -1678,7 +1675,7 @@ class VegaDatePickerCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
   renderFooter() {
     return (this.clearButton && (index.h("div", { class: "footer-container" },
       index.h("vega-button-link", { ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => {
             this.clearCalendar();
           });
         }, label: this.translationSlimmer.t('Clear') }))));
@@ -1792,7 +1789,7 @@ class VegaDatePickerCalendarYearMonthSwitcherRenderer extends globalSlimmerRegis
     const monthIndex = month - 1;
     return (index.h("vega-dropdown", { trigger: "click", selectType: "single", source: this.getMonthDropdownOptions(), selectedSourceKey: monthIndex.toString(), "max-height": "300", isScreenPosition: this.yearMonthDropdownProps.isScreenPosition, ref: (node) => {
         this.onDropdownShowOrHide(node);
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaDropdownClick, (payload) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, vegaEventId.VegaDropdownClick, (payload) => {
           const selectedMonth = parseInt(payload.detail);
           this.setDateBasedOnSelectedMonth(selectedMonth);
         });
@@ -1802,7 +1799,7 @@ class VegaDatePickerCalendarYearMonthSwitcherRenderer extends globalSlimmerRegis
     const { year } = this.currentPeriod.current;
     return (index.h("vega-dropdown", { trigger: "click", selectType: "single", source: this.getYearDropdownOptions(), selectedSourceKey: year.toString(), "max-height": "300", isScreenPosition: this.yearMonthDropdownProps.isScreenPosition, ref: (node) => {
         this.onDropdownShowOrHide(node);
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaDropdownClick, (payload) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, vegaEventId.VegaDropdownClick, (payload) => {
           this.setDateBasedOnSelectedYear(parseInt(payload.detail));
         });
       } }, this.renderCurrentYear()));
@@ -1813,10 +1810,10 @@ class VegaDatePickerCalendarYearMonthSwitcherRenderer extends globalSlimmerRegis
    * @param {HTMLVegaDropdownElement} dropdown - Month or year dropdown
    */
   onDropdownShowOrHide(dropdown) {
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdown, domNodeSubjectObserverFactory.VegaDropdownShow, async () => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdown, vegaEventId.VegaDropdownShow, async () => {
       dropdown.classList.add('active');
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdown, domNodeSubjectObserverFactory.VegaDropdownHide, () => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdown, vegaEventId.VegaDropdownHide, () => {
       const parentElement = dropdown.closest('.calendar');
       if (parentElement) {
         const dropdown = parentElement.querySelector('vega-dropdown.active');
@@ -2753,7 +2750,7 @@ class VegaDatePickerCalendarHeaderRenderer extends globalSlimmerRegistry.VegaSli
         'button-previous-month': true,
         'disabled': isDisabled,
       }, variant: "icon-only", icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-left'), ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => {
           this.currentPeriodController.gotoPreviousPeriod();
         });
       }, iconColor: isDisabled ? 'text-disabled' : 'text-link', size: this.getNavigationIconSize(), disabled: isDisabled }));
@@ -2767,7 +2764,7 @@ class VegaDatePickerCalendarHeaderRenderer extends globalSlimmerRegistry.VegaSli
         'button-next-month': true,
         'disabled': isDisabled,
       }, variant: "icon-only", icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-right'), ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => {
           this.currentPeriodController.gotoNextPeriod();
         });
       }, size: this.getNavigationIconSize(), iconColor: isDisabled ? 'text-disabled' : 'text-link', disabled: isDisabled }));
@@ -2778,7 +2775,7 @@ class VegaDatePickerCalendarHeaderRenderer extends globalSlimmerRegistry.VegaSli
         'button-today': true,
         'with-label': hasLabel,
       }, label: hasLabel ? this.translationSlimmer.t('Today') : '', ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => {
           this.currentPeriodController.updateCalendarPeriod(new typeGuard.MonthPeriod(this.today, true, this.timezone));
         });
       }, size: this.size === 'large' ? 'default' : 'small', icon: internalIconManager.VegaInternalIconManager.getIconKey('bulls-eye') }));
@@ -2863,9 +2860,9 @@ const VegaDatePickerCalendar = class {
     this.yearMonthSwitcherRender = new VegaDatePickerCalendarYearMonthSwitcherRenderer();
     this.allowRepickController = new VegaDatePickerCalendarAllowRepickController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    this.clearEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePickerCalendar, domNodeSubjectObserverFactory.VegaClear);
-    this.monthYearChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePickerCalendar, domNodeSubjectObserverFactory.VegaMonthYearChange);
-    this.vegaSelectionChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePickerCalendar, domNodeSubjectObserverFactory.VegaSelectionChange);
+    this.clearEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePickerCalendar, vegaEventId.VegaClear);
+    this.monthYearChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePickerCalendar, vegaEventId.VegaMonthYearChange);
+    this.vegaSelectionChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePickerCalendar, vegaEventId.VegaSelectionChange);
     this.isMobileDevice = ui.getDeviceType() === ui.DeviceType.MOBILE;
     /**
      * Renders the calendar picker in different sizes. Defaults to regular size

package/dist/cjs/vega-dialog-controller-03ef4d9a.js

@@ -0,0 +1,84 @@
+'use strict';
+
+const misc = require('./misc-3d30df91.js');
+require('./global-slimmer-registry-b3bce7e0.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
+
+const VegaDialogRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_OPEN_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method open of public API VegaDialogController is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'VegaDialogController' && methodName === 'open',
+    /**
+     * The function checks if the method name is open.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+];
+
+var __decorate = (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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+/**
+ * The dialog controller
+ */
+class VegaDialogController {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(VegaDialogController, ['open'], VegaDialogRuntimeMetricsPayloadDefinition);
+  }
+  /**
+   *
+   * It creates a new `vega-dialog` element, sets its properties, appends it to the DOM, and opens it
+   *
+   * @param {VegaDialogOption} options - VegaDialogOption
+   * @returns {HTMLVegaDialogElement} The dialog reference.
+   * @vegaVersion 1.24.0
+   */
+  open(options) {
+    // eslint-disable-next-line no-restricted-globals
+    const dialog = document.createElement('vega-dialog');
+    const { isVerticallyCenter, isVerticallyCentered, showCloseButton, size, title, handleClose } = options, dialogProps = __rest(options, ["isVerticallyCenter", "isVerticallyCentered", "showCloseButton", "size", "title", "handleClose"]);
+    dialog.id = `vega-dialog-${misc.generateUUID()}`;
+    dialog.dialogTitle = title;
+    dialog.modalProps = { isVerticallyCenter, isVerticallyCentered, showCloseButton, size, handleClose };
+    Object.keys(dialogProps).forEach((propName) => {
+      if (dialogProps[propName] !== undefined) {
+        dialog[propName] = dialogProps[propName];
+      }
+    });
+    // eslint-disable-next-line no-restricted-globals
+    document.body.append(dialog);
+    return dialog;
+  }
+}
+__decorate([
+  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
+], VegaDialogController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+const VegaDialog = new VegaDialogController();
+
+exports.VegaDialog = VegaDialog;