@globalpayments/vega 2.32.0 → 2.34.0

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

@@ -2,43 +2,42 @@
 
 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 domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const internalIconManager = require('./internal-icon-manager-2ff58050.js');
-const date = require('./date-0a6bb035.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-88ed23c2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-79be9bc5.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 domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const internalIconManager = require('./internal-icon-manager-2282a62f.js');
+const date = require('./date-ffe382a4.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const array = require('./array-5adef7b2.js');
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
 const timer = require('./timer-5f33058b.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-13f1892b.js');
-const translationSlimmer = require('./translation-slimmer-32aa13e7.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-73201c53.js');
+const translationSlimmer = require('./translation-slimmer-90f9f71f.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const typeGuard = require('./type-guard-a07b353b.js');
-const stateBackgroundColorFormatter = require('./state-background-color-formatter-418b84e6.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6c0b635d.js');
+const typeGuard = require('./type-guard-4ba85fdc.js');
+const stateBackgroundColorFormatter = require('./state-background-color-formatter-d32a1098.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-10c0d402.js');
 const pixel = require('./pixel-98f2a10c.js');
-require('./observer-f49483e8.js');
-require('./ui-08f33116.js');
-require('./icon-manager-3787af39.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-5fe83465.js');
+require('./ui-b5906704.js');
+require('./icon-manager-36dcfb65.js');
+require('./dynamic-slimmer-dc30600a.js');
+require('./internal-vega-event-manager-d7643ec6.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-f9d3ce38.js');
-require('./index-5792390b.js');
+require('./feature-flag-controller-e97b5f29.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
 require('./number-4816603d.js');
-require('./breakpoints-7e2dff90.js');
+require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
-require('./translation-42c1b2c8.js');
-require('./static-subject-title-471e1793.js');
+require('./breakpoints-ebde4837.js');
+require('./translation-f6b7ee84.js');
+require('./static-subject-title-d66b88fb.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 
@@ -56,7 +55,7 @@ class VegaCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {HTMLElement} An HTMLElement containing the rendered output of the switchPanelRenderer and viewRenderer components.
    */
   render() {
-    return (index.h(index.Fragment, null,
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
       this.switchPanelRenderer.render(),
       this.viewRenderer.render()));
   }
@@ -677,9 +676,9 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.VegaSlimmer
    * @returns {HTMLElement} html element
    */
   render() {
-    return (index.h("vega-flex", { direction: "row", gap: "size-16", justifyContent: "space-between", alignItems: "center", class: "calendar-switch-panel", ref: (node) => (this.switchPanelRef = node) },
+    return (globalSlimmerRegistry.h("vega-flex", { direction: "row", gap: "size-16", justifyContent: "space-between", alignItems: "center", class: "calendar-switch-panel", ref: (node) => (this.switchPanelRef = node) },
       this.renderDateSwitch(),
-      index.h("div", { class: "calendar-view-switch-container" },
+      globalSlimmerRegistry.h("div", { class: "calendar-view-switch-container" },
         this.renderViewSwitch(),
         this.renderMoreActionMenu())));
   }
@@ -689,15 +688,15 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.VegaSlimmer
    * @returns {HTMLDivElement} action button elements container.
    */
   renderDateSwitch() {
-    return (index.h("div", { class: "calendar-date-switch-container" },
-      index.h("vega-button", { variant: "secondary", size: "small", ref: (button) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, vegaEventId.VegaClick, this.todayButtonClick);
+    return (globalSlimmerRegistry.h("div", { class: "calendar-date-switch-container" },
+      globalSlimmerRegistry.h("vega-button", { variant: "secondary", size: "small", ref: (button) => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectObserverFactory.VegaClick, this.todayButtonClick);
         }, label: this.translationSlimmer.t('Today') }),
-      index.h("vega-button-circle", { variant: "secondary", size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-left'), label: "previous", showTooltip: false, ref: (button) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, vegaEventId.VegaClick, this.prevButtonClick);
+      globalSlimmerRegistry.h("vega-button-circle", { variant: "secondary", size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-left'), label: "previous", showTooltip: false, ref: (button) => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectObserverFactory.VegaClick, this.prevButtonClick);
         } }),
-      index.h("vega-button-circle", { variant: "secondary", size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-right'), label: "next", showTooltip: false, ref: (button) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, vegaEventId.VegaClick, this.nextButtonClick);
+      globalSlimmerRegistry.h("vega-button-circle", { variant: "secondary", size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-right'), label: "next", showTooltip: false, ref: (button) => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectObserverFactory.VegaClick, this.nextButtonClick);
         } }),
       this.renderCurrentPeriod()));
   }
@@ -707,7 +706,7 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.VegaSlimmer
    * @returns {HTMLVegaFontElement} The text content inside the element is "Current Date Test".
    */
   renderCurrentPeriod() {
-    return (index.h("vega-font", { class: "calendar-current-date", variant: "font-field-label", color: "text-primary" }, this.getViewDateSummary()));
+    return (globalSlimmerRegistry.h("vega-font", { class: "calendar-current-date", variant: "font-field-label", color: "text-primary" }, this.getViewDateSummary()));
   }
   /**
    * The function `renderViewSwitch` returns a JSX element for rendering a segment control component in a TypeScript React application.
@@ -715,8 +714,8 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.VegaSlimmer
    * @returns {HTMLElement} An HTMLElement containing a vega-segment-control element with specific attributes and event handling.
    */
   renderViewSwitch() {
-    return (index.h("vega-segment-control", { segments: VegaCalendarSwitchPanelRenderer.views.map((item) => (Object.assign(Object.assign({}, item), { text: this.translationSlimmer.t(item.text) }))), size: "small", variant: "text-only", selected: this.viewMode, ref: (node) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, vegaEventId.VegaChange, this.handleViewChange);
+    return (globalSlimmerRegistry.h("vega-segment-control", { segments: VegaCalendarSwitchPanelRenderer.views.map((item) => (Object.assign(Object.assign({}, item), { text: this.translationSlimmer.t(item.text) }))), size: "small", variant: "text-only", selected: this.viewMode, ref: (node) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaChange, this.handleViewChange);
       } }));
   }
   /**
@@ -727,10 +726,10 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.VegaSlimmer
   renderMoreActionMenu() {
     var _a, _b;
     if ((_b = (_a = this.moreActionDropdownProps) === null || _a === void 0 ? void 0 : _a.source) === null || _b === void 0 ? void 0 : _b.length) {
-      return (index.h("vega-dropdown", Object.assign({ alignment: "end", trigger: "click" }, this.moreActionDropdownProps, { ref: (node) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, vegaEventId.VegaDropdownClick, this.moreActionMenuClick);
+      return (globalSlimmerRegistry.h("vega-dropdown", Object.assign({ alignment: "end", trigger: "click" }, this.moreActionDropdownProps, { ref: (node) => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaDropdownClick, this.moreActionMenuClick);
         } }),
-        index.h("vega-button-circle", { size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('ellipsis-vertical'), variant: "icon-only" })));
+        globalSlimmerRegistry.h("vega-button-circle", { size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('ellipsis-vertical'), variant: "icon-only" })));
     }
   }
   /**
@@ -815,7 +814,7 @@ class VegaCalendarViewRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {HTMLElement} html element
    */
   render() {
-    return (index.h("div", { class: `calendar-view calendar-view-${this.viewMode} ${this.showWeekends === false ? 'calendar-hide-weekends' : ''}` }, this.viewMode === 'month'
+    return (globalSlimmerRegistry.h("div", { class: `calendar-view calendar-view-${this.viewMode} ${this.showWeekends === false ? 'calendar-hide-weekends' : ''}` }, this.viewMode === 'month'
       ? this.monthViewRenderer.render()
       : this.viewWithTimeRenderer.render()));
   }
@@ -848,8 +847,8 @@ class VegaCalendarMonthViewRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   render() {
     const weekHead = this.calendarView.weekdays;
-    return (index.h("div", { class: "calendar-view-month-container" },
-      index.h("div", { class: "calendar-view-row calendar-view-title border-divider-bottom" }, weekHead.map((title) => (index.h("div", { key: title }, this.translationSlimmer.t(title))))),
+    return (globalSlimmerRegistry.h("div", { class: "calendar-view-month-container" },
+      globalSlimmerRegistry.h("div", { class: "calendar-view-row calendar-view-title border-divider-bottom" }, weekHead.map((title) => (globalSlimmerRegistry.h("div", { key: title }, this.translationSlimmer.t(title))))),
       this.renderMonthViewContent()));
   }
   /**
@@ -860,11 +859,11 @@ class VegaCalendarMonthViewRenderer extends globalSlimmerRegistry.VegaSlimmer {
   renderMonthViewContent() {
     const monthSource = this.calendarView.dateItems;
     const currentDate = this.currentPeriod.current;
-    return monthSource.map((dateArray, index$1) => {
+    return monthSource.map((dateArray, index) => {
       const eventsArray = this.monthEventRenderer.getCurrentRowEvents(dateArray);
       const displayEventsArray = this.monthEventRenderer.filterRowDisplayEvents(eventsArray);
-      return (index.h("div", { key: index$1, class: "calendar-view-row border-divider-bottom" }, dateArray.map((item, itemIndex) => {
-        return (index.h("div", { class: {
+      return (globalSlimmerRegistry.h("div", { key: index, class: "calendar-view-row border-divider-bottom" }, dateArray.map((item, itemIndex) => {
+        return (globalSlimmerRegistry.h("div", { class: {
             'row-cell border-divider-right': true,
             'current-month-day': item.compare(currentDate).inMonth,
             'active': item.isToday(),
@@ -885,9 +884,9 @@ class VegaCalendarMonthViewRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   renderDateBlock(item) {
     const isMonthFirstDay = item.date === 1;
-    return (index.h("div", { class: "date" },
-      isMonthFirstDay && index.h("div", { class: "month-block" }, getMonthName(item.toDate(), true)),
-      index.h("div", { role: "button", tabIndex: 0, class: "grid-col", 
+    return (globalSlimmerRegistry.h("div", { class: "date" },
+      isMonthFirstDay && globalSlimmerRegistry.h("div", { class: "month-block" }, getMonthName(item.toDate(), true)),
+      globalSlimmerRegistry.h("div", { role: "button", tabIndex: 0, class: "grid-col", 
         // eslint-disable-next-line react/jsx-no-bind
         onDblClick: (e) => this.goToCurrentDayView(e, item) }, item.date)));
   }
@@ -969,7 +968,7 @@ class VegaCalendarViewWithTimeRenderer extends globalSlimmerRegistry.VegaSlimmer
    * for that day.
    */
   render() {
-    return (index.h("div", { class: "calendar-view-container" },
+    return (globalSlimmerRegistry.h("div", { class: "calendar-view-container" },
       this.renderViewTitle(),
       this.renderViewContent()));
   }
@@ -981,14 +980,14 @@ class VegaCalendarViewWithTimeRenderer extends globalSlimmerRegistry.VegaSlimmer
   renderViewTitle() {
     const source = this.calendarView.dateItems[0];
     const weekHead = this.calendarView.weekdays;
-    return (index.h("div", { class: "calendar-view-title-container" },
-      index.h("div", { class: "calendar-view-row" },
-        index.h("div", { class: "time-line-empty" }),
-        index.h("div", { class: "calendar-view-title" }, source.map((item, index$1) => (index.h("div", { key: item.date, class: { active: item.isToday() } },
-          index.h("div", null, this.translationSlimmer.t(weekHead[index$1])),
-          index.h("div", { class: "week-day" }, item.date)))))),
-      index.h("div", { class: "calendar-view-row calendar-view-event-all-container border-divider-bottom" },
-        index.h("div", { class: "time-line-all" }, this.translationSlimmer.t('All Day')),
+    return (globalSlimmerRegistry.h("div", { class: "calendar-view-title-container" },
+      globalSlimmerRegistry.h("div", { class: "calendar-view-row" },
+        globalSlimmerRegistry.h("div", { class: "time-line-empty" }),
+        globalSlimmerRegistry.h("div", { class: "calendar-view-title" }, source.map((item, index) => (globalSlimmerRegistry.h("div", { key: item.date, class: { active: item.isToday() } },
+          globalSlimmerRegistry.h("div", null, this.translationSlimmer.t(weekHead[index])),
+          globalSlimmerRegistry.h("div", { class: "week-day" }, item.date)))))),
+      globalSlimmerRegistry.h("div", { class: "calendar-view-row calendar-view-event-all-container border-divider-bottom" },
+        globalSlimmerRegistry.h("div", { class: "time-line-all" }, this.translationSlimmer.t('All Day')),
         this.dayViewFullDayEventRenderer.render())));
   }
   /**
@@ -998,12 +997,12 @@ class VegaCalendarViewWithTimeRenderer extends globalSlimmerRegistry.VegaSlimmer
    */
   renderViewContent() {
     const source = this.calendarView.dateItems[0];
-    return (index.h("div", { class: "calendar-view-row calendar-view-day-container" },
+    return (globalSlimmerRegistry.h("div", { class: "calendar-view-row calendar-view-day-container" },
       this.timeLineRenderer.render(),
-      index.h("div", { class: "calendar-view-content-container" },
-        index.h("div", { class: "calendar-view-content" }, source.map((item) => {
-          return (index.h("div", { class: "grid-col border-divider-left", key: item.date },
-            index.h("div", { class: "hour-empty border-divider-top" }),
+      globalSlimmerRegistry.h("div", { class: "calendar-view-content-container" },
+        globalSlimmerRegistry.h("div", { class: "calendar-view-content" }, source.map((item) => {
+          return (globalSlimmerRegistry.h("div", { class: "grid-col border-divider-left", key: item.date },
+            globalSlimmerRegistry.h("div", { class: "hour-empty border-divider-top" }),
             this.renderHourBlock(item)));
         })),
         this.dayViewTimedEventRenderer.render(),
@@ -1017,11 +1016,11 @@ class VegaCalendarViewWithTimeRenderer extends globalSlimmerRegistry.VegaSlimmer
    */
   renderHourBlock(calendarDate) {
     const timeLineSource = Array(24).fill('');
-    return timeLineSource.map((_item, index$1) => {
-      return (index.h("div", { class: "grid-cell border-divider-top", 
+    return timeLineSource.map((_item, index) => {
+      return (globalSlimmerRegistry.h("div", { class: "grid-cell border-divider-top", 
         // eslint-disable-next-line react/jsx-no-bind
         onDblClick: (e) => {
-          this.handleDateBlockClick(calendarDate, index$1, e);
+          this.handleDateBlockClick(calendarDate, index, e);
         } }));
     });
   }
@@ -1074,12 +1073,12 @@ class VegaCalendarTimeLineRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   renderTimeMarker(source) {
     const isVisible = source.findIndex((calendarDate) => calendarDate.isToday()) >= 0;
-    return (index.h("div", { class: {
+    return (globalSlimmerRegistry.h("div", { class: {
         'time-marker-container': true,
         'hidden': !isVisible,
       } },
-      index.h("div", { class: "time-marker", style: { top: this.getTimeMarkerPosition() }, ref: (div) => (this.timeMarkerRef = div) }, source.map((item) => {
-        return index.h("div", { key: item.date, class: { active: item.isToday() } });
+      globalSlimmerRegistry.h("div", { class: "time-marker", style: { top: this.getTimeMarkerPosition() }, ref: (div) => (this.timeMarkerRef = div) }, source.map((item) => {
+        return globalSlimmerRegistry.h("div", { key: item.date, class: { active: item.isToday() } });
       }))));
   }
   /**
@@ -1089,11 +1088,11 @@ class VegaCalendarTimeLineRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   render() {
     const timeLineSource = this.getTimeLineTitles();
-    return (index.h("div", { class: "time-line", ref: (div) => (this.timeLineRef = div) },
-      index.h("div", { class: "hour-empty" }),
-      timeLineSource.map((time, index$1) => {
-        return (index.h("div", { key: time },
-          index.h("div", { class: "time-text", "data-time": index$1 === 0 ? 24 : index$1 }, time)));
+    return (globalSlimmerRegistry.h("div", { class: "time-line", ref: (div) => (this.timeLineRef = div) },
+      globalSlimmerRegistry.h("div", { class: "hour-empty" }),
+      timeLineSource.map((time, index) => {
+        return (globalSlimmerRegistry.h("div", { key: time },
+          globalSlimmerRegistry.h("div", { class: "time-text", "data-time": index === 0 ? 24 : index }, time)));
       })));
   }
   /**
@@ -1482,8 +1481,8 @@ class VegaCalendarMonthEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
     const hiddenEventsLength = allEvents
       .slice(displayEvents.length)
       .filter((item) => item).length;
-    return (index.h("div", { class: "events-container", ref: (node) => (this.eventContainerRef = node) },
-      index.h("div", { class: "event-list" }, this.fullDayEventLayoutRenderer.render(displayEvents, currentViewIndex)),
+    return (globalSlimmerRegistry.h("div", { class: "events-container", ref: (node) => (this.eventContainerRef = node) },
+      globalSlimmerRegistry.h("div", { class: "event-list" }, this.fullDayEventLayoutRenderer.render(displayEvents, currentViewIndex)),
       this.renderMoreButton(allEvents, hiddenEventsLength, `${calendarDate.date} ${getMonthName(calendarDate.toDate())} ${calendarDate.year}`)));
   }
   /**
@@ -1493,7 +1492,7 @@ class VegaCalendarMonthEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
     domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(this.host, vegaInternalEventId.VegaInternalCalendarMonthEventsChange, (payload) => {
       this.maxMonthDisplayEventsCount = payload.detail;
       if (this.viewMode === 'month') {
-        index.forceUpdate(this.host);
+        globalSlimmerRegistry.forceUpdate(this.host);
       }
     });
   }
@@ -1513,12 +1512,12 @@ class VegaCalendarMonthEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
       const otherEvents = events.filter((eventItem) => {
         return eventItem && !eventItem.isAllDayEvent && !eventItem.isGroupEvent();
       });
-      return (index.h("div", { class: "month-event-more" },
-        index.h("vega-popover", { trigger: "click", placement: "right" },
-          index.h("div", { tabIndex: 0, slot: "popover-content", role: "button", class: "more-button", onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, `${moreItemsLength} More`),
-          index.h("vega-flex", { slot: "popover", direction: "col", gap: "0" },
-            index.h("vega-font", { textAlign: "center", variant: "font-field-label", color: "text-primary", style: { padding: '4px 0', marginBottom: '8px' } }, title),
-            index.h("vega-flex", { direction: "col", gap: "size-4", style: { paddingBottom: otherEvents.length ? '4px' : '0px' } }, backgroundColorEvents.map((item) => {
+      return (globalSlimmerRegistry.h("div", { class: "month-event-more" },
+        globalSlimmerRegistry.h("vega-popover", { trigger: "click", placement: "right" },
+          globalSlimmerRegistry.h("div", { tabIndex: 0, slot: "popover-content", role: "button", class: "more-button", onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, `${moreItemsLength} More`),
+          globalSlimmerRegistry.h("vega-flex", { slot: "popover", direction: "col", gap: "0" },
+            globalSlimmerRegistry.h("vega-font", { textAlign: "center", variant: "font-field-label", color: "text-primary", style: { padding: '4px 0', marginBottom: '8px' } }, title),
+            globalSlimmerRegistry.h("vega-flex", { direction: "col", gap: "size-4", style: { paddingBottom: otherEvents.length ? '4px' : '0px' } }, backgroundColorEvents.map((item) => {
               return this.eventItemRenderer.render(item, {
                 'month-event': true,
                 'calendar-event-large-size': true,
@@ -2590,9 +2589,9 @@ class VegaCalendarEventItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {HTMLVegaCalendarEventElement} calendar event element
    */
   render(item, classMap) {
-    return (index.h("vega-calendar-event", { "data-calendar-ref": this.host, key: item.eventKey, calendarEvent: item, class: classMap, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), 
+    return (globalSlimmerRegistry.h("vega-calendar-event", { "data-calendar-ref": this.host, key: item.eventKey, calendarEvent: item, class: classMap, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), 
       // eslint-disable-next-line react/jsx-no-bind
-      onClick: () => this.handleEventClick(item) }, !item.isRepeatEvent && index.h("slot", { name: getCalendarEventSlotName(item.event.key) })));
+      onClick: () => this.handleEventClick(item) }, !item.isRepeatEvent && globalSlimmerRegistry.h("slot", { name: getCalendarEventSlotName(item.event.key) })));
   }
   /**
    * emit vega click event
@@ -2704,7 +2703,7 @@ class VegaCalendarFullDayEventRenderer extends globalSlimmerRegistry.VegaSlimmer
     });
     const orderEvents = this.fullDayEventLayoutRenderer.sortLongEvents(events);
     const displayEvents = this.filterDisplayEvents(orderEvents);
-    return (index.h("div", { class: "calendar-view-event-all" }, viewSource.map((item, index$1) => (index.h("div", { class: "event-all-col border-divider-left", key: item.date }, this.renderCurrentFullDayEvents(displayEvents[index$1], index$1, orderEvents[index$1]))))));
+    return (globalSlimmerRegistry.h("div", { class: "calendar-view-event-all" }, viewSource.map((item, index) => (globalSlimmerRegistry.h("div", { class: "event-all-col border-divider-left", key: item.date }, this.renderCurrentFullDayEvents(displayEvents[index], index, orderEvents[index]))))));
   }
   /**
    * render current date all day events
@@ -2717,9 +2716,9 @@ class VegaCalendarFullDayEventRenderer extends globalSlimmerRegistry.VegaSlimmer
   renderCurrentFullDayEvents(events, currentViewIndex, allEvents) {
     const height = events.length * VegaCalendarEventItemRenderer.backgroundColorModeEventHeight - 2;
     const hideEventsLength = allEvents.slice(events.length).filter(Boolean).length;
-    return (index.h(index.Fragment, null,
-      index.h("div", { class: "placeholder-block", style: { height: height + 'px' } },
-        index.h("span", null,
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+      globalSlimmerRegistry.h("div", { class: "placeholder-block", style: { height: height + 'px' } },
+        globalSlimmerRegistry.h("span", null,
           events.length,
           " events")),
       this.fullDayEventLayoutRenderer.render(events, currentViewIndex),
@@ -2785,16 +2784,16 @@ class VegaCalendarDayViewEventLayoutRenderer extends globalSlimmerRegistry.VegaS
   render(layout) {
     const layoutColumns = layout.eventLayoutCells;
     const eventNodes = [];
-    layoutColumns.forEach((columns, index$1) => {
+    layoutColumns.forEach((columns, index) => {
       let renderEvent = columns.getEventBySlotIndex(0);
       let start = 0;
       for (let i = 0; i < VegaCalendarDayViewEventLayoutRenderer.totalNumberOfCells; i++) {
         const currentEvent = columns.getEventBySlotIndex(i);
         if (currentEvent !== renderEvent) {
           if (renderEvent) {
-            eventNodes.push(index.h("div", { key: index$1, class: "time-event-block", style: this.getTimeEventStyle(start, i, index$1, layout.getEventColumnsSpannedCount(renderEvent)) }, this.eventItemRenderer.render(renderEvent, {
+            eventNodes.push(globalSlimmerRegistry.h("div", { key: index, class: "time-event-block", style: this.getTimeEventStyle(start, i, index, layout.getEventColumnsSpannedCount(renderEvent)) }, this.eventItemRenderer.render(renderEvent, {
               'day-event': true,
-              'bg-shadow': index$1 > 0,
+              'bg-shadow': index > 0,
             })));
           }
           renderEvent = currentEvent;
@@ -3137,8 +3136,8 @@ class VegaCalendarTimedEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   render() {
     const viewSource = this.calendarView.dateItems[0];
-    return (index.h("div", { class: "day-event-container" }, viewSource.map((item) => {
-      return (index.h("div", { key: `${item.month}-${item.date}`, class: "day-event-col" }, this.renderTimedEvents(item)));
+    return (globalSlimmerRegistry.h("div", { class: "day-event-container" }, viewSource.map((item) => {
+      return (globalSlimmerRegistry.h("div", { key: `${item.month}-${item.date}`, class: "day-event-col" }, this.renderTimedEvents(item)));
     })));
   }
   /**
@@ -3364,9 +3363,9 @@ class VegaCalendarFullDayEventLayoutRenderer extends globalSlimmerRegistry.VegaS
    * @returns {HTMLElement[]} event elements
    */
   render(calendarEvents, currentViewIndex) {
-    return calendarEvents.map((item, index$1) => {
+    return calendarEvents.map((item, index) => {
       if (item) {
-        return (index.h("div", { key: item.eventKey, class: this.viewMode === 'month' ? 'month-event-block' : 'day-event-block', style: this.getEventStyle(item, currentViewIndex, index$1, this.viewMode === 'month'
+        return (globalSlimmerRegistry.h("div", { key: item.eventKey, class: this.viewMode === 'month' ? 'month-event-block' : 'day-event-block', style: this.getEventStyle(item, currentViewIndex, index, this.viewMode === 'month'
             ? VegaCalendarFullDayEventLayoutRenderer.monthViewEventOffsetTop
             : 0) }, this.eventItemRenderer.render(item, {
           'month-event': this.viewMode === 'month',
@@ -3453,7 +3452,7 @@ class VegaCalendarFullDayEventMoreButtonRenderer extends globalSlimmerRegistry.V
    */
   render(count) {
     if (!this.showAllEventsInDayOrWeekView) {
-      return (index.h("div", { tabIndex: 0, role: "button", class: "more-button", onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), onClick: this.updateShowAllFlag }, `${count} More`));
+      return (globalSlimmerRegistry.h("div", { tabIndex: 0, role: "button", class: "more-button", onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), onClick: this.updateShowAllFlag }, `${count} More`));
     }
   }
   /**
@@ -3484,15 +3483,15 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaCalendar = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaChange = index.createEvent(this, "vegaChange", 7);
-    this.change = index.createEvent(this, "change", 7);
-    this.vegaEventClick = index.createEvent(this, "vegaEventClick", 7);
-    this.eventClick = index.createEvent(this, "eventClick", 7);
-    this.vegaDateDblClick = index.createEvent(this, "vegaDateDblClick", 7);
-    this.dateDblClick = index.createEvent(this, "dateDblClick", 7);
-    this.vegaMoreActionClick = index.createEvent(this, "vegaMoreActionClick", 7);
-    this.moreActionClick = index.createEvent(this, "moreActionClick", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
+    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
+    this.vegaEventClick = globalSlimmerRegistry.createEvent(this, "vegaEventClick", 7);
+    this.eventClick = globalSlimmerRegistry.createEvent(this, "eventClick", 7);
+    this.vegaDateDblClick = globalSlimmerRegistry.createEvent(this, "vegaDateDblClick", 7);
+    this.dateDblClick = globalSlimmerRegistry.createEvent(this, "dateDblClick", 7);
+    this.vegaMoreActionClick = globalSlimmerRegistry.createEvent(this, "vegaMoreActionClick", 7);
+    this.moreActionClick = globalSlimmerRegistry.createEvent(this, "moreActionClick", 7);
     this.globalSlimmer = {};
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
@@ -3514,11 +3513,11 @@ const VegaCalendar = class {
     this.fullDayEventLayoutRenderer = new VegaCalendarFullDayEventLayoutRenderer();
     this.calendarEventController = new VegaCalendarEventController();
     this.eventResponsiveController = new VegaCalendarEventResponsiveController();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, vegaEventId.VegaChange);
-    this.eventClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, vegaEventId.VegaEventClick);
-    this.dateDblClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, vegaEventId.VegaDateDblClick);
-    this.moreActionClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, vegaEventId.VegaMoreActionClick);
-    this.changeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectObserverFactory.VegaChange);
+    this.eventClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectObserverFactory.VegaEventClick);
+    this.dateDblClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectObserverFactory.VegaDateDblClick);
+    this.moreActionClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectObserverFactory.VegaMoreActionClick);
+    this.changeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
     this.timeFormatNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaCalendar, 'timeFormat', 'watchTimeFormat');
     this.showEventColorBarNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaCalendar, 'showEventColorBar', 'watchShowEventColorBar');
     this.showAllEventsInDayOrWeekView = false;
@@ -3591,9 +3590,9 @@ const VegaCalendar = class {
   watchShowWeekendsChange() {
   }
   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 {
     "currentPeriod": ["watchCurrentPeriodChange"],
     "viewMode": ["watchViewModeChange"],
@@ -3725,7 +3724,7 @@ class VegaCalendarEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {HTMLElement} the event element
    */
   render() {
-    return (index.h(index.Fragment, null,
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
       this.injectBackgroundColorStyle(),
       this.calendarEventRender()));
   }
@@ -3746,7 +3745,7 @@ class VegaCalendarEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   renderBackgroundModeEvent() {
     const disabled = this.calendarEvent.disabled;
-    return (index.h("div", { role: "button", tabIndex: 0, class: {
+    return (globalSlimmerRegistry.h("div", { role: "button", tabIndex: 0, class: {
         'slot-container': this.slotMode,
         'background-color-mode': true,
         'event-bg-color': !disabled,
@@ -3769,15 +3768,15 @@ class VegaCalendarEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
       [variantText]: true,
     };
     if (isMonthEvent) {
-      return (index.h("div", { role: "button", tabIndex: 0, class: classMap, ref: (node) => (this.slotContainerRef = node) },
+      return (globalSlimmerRegistry.h("div", { role: "button", tabIndex: 0, class: classMap, ref: (node) => (this.slotContainerRef = node) },
         !this.slotMode && this.renderEventStatus(),
         this.slotMode ? this.getSlotElement() : this.defaultNormalMonthEventContentRender()));
     }
     else {
       const eventDuration = this.calendarEvent.getEventDuration();
-      return (index.h("div", { part: "event-container", class: Object.assign(Object.assign({}, classMap), { 'vertical': eventDuration > 30, 'duration-half-an-hour': eventDuration === 30, 'event-bg-color': !disabled, 'bg-disabled': disabled }), role: "button", tabIndex: 0, ref: (node) => (this.slotContainerRef = node) },
+      return (globalSlimmerRegistry.h("div", { part: "event-container", class: Object.assign(Object.assign({}, classMap), { 'vertical': eventDuration > 30, 'duration-half-an-hour': eventDuration === 30, 'event-bg-color': !disabled, 'bg-disabled': disabled }), role: "button", tabIndex: 0, ref: (node) => (this.slotContainerRef = node) },
         !this.slotMode && this.renderEventStatus(),
-        index.h("div", { class: "cover-block" }),
+        globalSlimmerRegistry.h("div", { class: "cover-block" }),
         this.slotMode
           ? this.getSlotElement()
           : this.defaultNormalTimedEventContentRender(eventDuration)));
@@ -3791,12 +3790,12 @@ class VegaCalendarEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
   renderEventStatus() {
     if (this.showColorBar) {
       const disabled = this.calendarEvent.disabled;
-      return (index.h("div", { class: {
+      return (globalSlimmerRegistry.h("div", { class: {
           'event-status': true,
           'event-bg-color': !disabled,
           'bg-disabled': disabled,
         } },
-        index.h("span", { class: {
+        globalSlimmerRegistry.h("span", { class: {
             stripe: this.calendarEvent.variant === 'secondary',
           } })));
     }
@@ -3808,7 +3807,7 @@ class VegaCalendarEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   defaultNormalMonthEventContentRender() {
     const { startTime, title } = this.calendarEvent;
-    return index.h("div", { class: "event-title" }, `${this.formatDisplayTime(startTime)} ${title}`);
+    return globalSlimmerRegistry.h("div", { class: "event-title" }, `${this.formatDisplayTime(startTime)} ${title}`);
   }
   /**
    * Render the day view timed event.
@@ -3818,14 +3817,14 @@ class VegaCalendarEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   defaultNormalTimedEventContentRender(eventDuration) {
     const { startTime, endTime, title } = this.calendarEvent;
-    return (index.h("div", { class: "event-content" },
-      index.h("div", { class: {
+    return (globalSlimmerRegistry.h("div", { class: "event-content" },
+      globalSlimmerRegistry.h("div", { class: {
           'event-title': true,
           'title-word-wrap': eventDuration > 30,
         }, ref: (node) => (this.eventTitleContainerRef = node) }, title),
-      index.h("div", { class: "event-time" },
-        index.h("vega-icon", { size: "size-12", icon: internalIconManager.VegaInternalIconManager.getIconKey('clock-three') }),
-        index.h("span", null, `${this.formatDisplayTime(startTime)} - ${this.formatDisplayTime(endTime)}`))));
+      globalSlimmerRegistry.h("div", { class: "event-time" },
+        globalSlimmerRegistry.h("vega-icon", { size: "size-12", icon: internalIconManager.VegaInternalIconManager.getIconKey('clock-three') }),
+        globalSlimmerRegistry.h("span", null, `${this.formatDisplayTime(startTime)} - ${this.formatDisplayTime(endTime)}`))));
   }
   /**
    * Return a slot element if the calendar is not a repeat event
@@ -3834,7 +3833,7 @@ class VegaCalendarEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   getSlotElement() {
     if (!this.calendarEvent.isRepeatEvent) {
-      return index.h("slot", null);
+      return globalSlimmerRegistry.h("slot", null);
     }
   }
   /**
@@ -3843,7 +3842,7 @@ class VegaCalendarEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {HTMLStyleElement} style element
    */
   injectBackgroundColorStyle() {
-    return index.h("style", null, this.colorController.getBackgroundColorStyle());
+    return globalSlimmerRegistry.h("style", null, this.colorController.getBackgroundColorStyle());
   }
   /**
    * Takes a time string as input and formats it to ensure it always has two digits for hours and minutes.
@@ -4090,7 +4089,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaCalendarEvent = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmer = {};
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
       target: () => this.host,
@@ -4113,10 +4112,10 @@ const VegaCalendarEvent = class {
     this.showColorBar = true;
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.calendarEvent ? this.renderer.render() : null), this.host);
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.calendarEvent ? this.renderer.render() : null), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$1([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -4158,14 +4157,14 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaCalendarEventSlot = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmer = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { slot: getCalendarEventSlotName(this.eventKey) }, index.h("slot", null)), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { slot: getCalendarEventSlotName(this.eventKey) }, globalSlimmerRegistry.h("slot", null)), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()