@globalpayments/vega 2.60.0 → 2.62.0

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

@@ -6,17 +6,16 @@ const index = require('./index-00ba6623.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 domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
-const internalIconManager = require('./internal-icon-manager-f8677abb.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
+const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
+const accessibility = require('./accessibility-bfa227f6.js');
 const date = require('./date-0a6bb035.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-efc70b94.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
 const translation = require('./translation-cde4dce3.js');
 const stateBackgroundColorFormatter = require('./state-background-color-formatter-aa5570f6.js');
 const typeGuard = require('./type-guard-f12b5bae.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-5df43771.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ae6e2c13.js');
-const accessibility = require('./accessibility-bfa227f6.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.js');
+const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
@@ -24,15 +23,14 @@ const array = require('./array-249289f2.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const timer = require('./timer-5f33058b.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-943eb7cc.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-bb64fcfc.js');
 const translationSlimmer = require('./translation-slimmer-af399096.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-0788232a.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-84175d61.js');
 const pixel = require('./pixel-98f2a10c.js');
 require('./ui-4ce1fa08.js');
-require('./icon-manager-9072356d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-83065493.js');
+require('./internal-vega-event-manager-28b957c8.js');
 require('./try-get-document-c0ebd39a.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
@@ -43,7 +41,7 @@ require('./index-4d7bce1a.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./number-4816603d.js');
 
-var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$u = (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;
@@ -68,13 +66,13 @@ class VegaCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
         } })));
   }
 }
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarRenderer.prototype, "host", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarRenderer.prototype, "switchPanelRenderer", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarRenderer.prototype, "viewRenderer", void 0);
 
@@ -90,7 +88,7 @@ const ellipsisVertical = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M48 464a48 48 0 1 1 0-96 48 48 0 1 1 0 96zm0-160a48 48 0 1 1 0-96 48 48 0 1 1 0 96zM0 96a48 48 0 1 1 96 0A48 48 0 1 1 0 96z"/></svg>`,
 };
 
-var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   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;
@@ -163,13 +161,13 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.VegaSlimmer
   renderDateSwitch() {
     return (index.h("div", { class: "calendar-date-switch-container" },
       index.h("vega-button", { variant: "secondary", size: "small", ref: (button) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectFactory.VegaClick, this.todayButtonClick);
+          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, domNodeSubjectFactory.VegaClick, this.prevButtonClick);
+          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, domNodeSubjectFactory.VegaClick, this.nextButtonClick);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectObserverFactory.VegaClick, this.nextButtonClick);
         } }),
       this.renderCurrentPeriod()));
   }
@@ -188,7 +186,7 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.VegaSlimmer
    */
   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, domNodeSubjectFactory.VegaChange, this.handleViewChange);
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaChange, this.handleViewChange);
       } }));
   }
   /**
@@ -200,7 +198,7 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.VegaSlimmer
     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, domNodeSubjectFactory.VegaDropdownClick, this.moreActionMenuClick);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaDropdownClick, this.moreActionMenuClick);
         } }),
         index.h("vega-button-circle", { size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('ellipsis-vertical'), variant: "icon-only" })));
     }
@@ -248,38 +246,38 @@ VegaCalendarSwitchPanelRenderer.views = [
   { text: 'Week', key: 'week' },
   { text: 'Month', key: 'month' },
 ];
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "viewMode", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "calendarView", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "currentPeriod", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "moreActionDropdownProps", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "moreActionClickEmitter", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "currentPeriodController", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "calendarViewController", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "translationSlimmer", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "postOperationDate", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "showSwitchView", void 0);
 
-var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   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;
@@ -306,19 +304,100 @@ class VegaCalendarViewRenderer extends globalSlimmerRegistry.VegaSlimmer {
       : this.viewWithTimeRenderer.render()));
   }
 }
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarViewRenderer.prototype, "viewMode", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarViewRenderer.prototype, "showWeekends", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarViewRenderer.prototype, "monthViewRenderer", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarViewRenderer.prototype, "viewWithTimeRenderer", void 0);
 
+var __decorate$r = (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;
+};
+/**
+ * Provides an abstract base class for rendering date blocks in a calendar component.
+ * This class handles click and double-click events on date blocks and emits the appropriate events.
+ */
+class VegaCalendarDateBlockRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * Handles the date click or double-click event and emits the appropriate event based on the `enableDateClick` property.
+   *
+   * @param {MouseEvent} event - The mouse event triggered by the user.
+   * @param {VegaCalendarDateClickInfo} eventInfo - Information about the clicked calendar date.
+   */
+  emit(event, eventInfo) {
+    if (this.shouldHandleClickEvent(event)) {
+      this.dateClickEmitter.emit(eventInfo);
+    }
+    else if (this.shouldHandleDblClickEvent(event)) {
+      this.dateDblClickEmitter.emit(eventInfo);
+    }
+  }
+  /**
+   * Checks if the click event should be handled based on the `enableDateClick` property and the event type.
+   *
+   * @param {MouseEvent} event - The mouse event to check.
+   * @returns {boolean} - True if the event should be handled, false otherwise.
+   */
+  shouldHandleClickEvent(event) {
+    return this.enableDateClick === true && event.type === 'click';
+  }
+  /**
+   * Checks if the double-click event should be handled based on the `enableDateClick` property and the event type.
+   *
+   * @param {MouseEvent} event - The mouse event to check.
+   * @returns {boolean} - True if the event should be handled, false otherwise.
+   */
+  shouldHandleDblClickEvent(event) {
+    return this.enableDateClick !== true && event.type === 'dblclick';
+  }
+  /**
+   * Generate the properties for rendering a date block based on its disabled state and calendar date.
+   *
+   * @param {boolean} isDisabled - Indicates if the date block is disabled.
+   * @param {CalendarDate} calendarDate - The calendar date object.
+   * @param {number} index - The index of the date block.
+   * @returns {DateBlockRenderProps} - The properties for rendering the date block.
+   */
+  generateDateBlockRenderProps(isDisabled, calendarDate, index) {
+    const result = {};
+    if (!isDisabled) {
+      if (this.enableDateClick) {
+        result.tabIndex = 0;
+        result.role = 'button';
+        result.onClick = (e) => {
+          this.handleDateBlockClick(e, calendarDate, index);
+        };
+        result.onKeyDown = accessibility.createEnterKeyHandlerToTriggerClick();
+      }
+      else {
+        result.onDblClick = (e) => {
+          this.handleDateBlockClick(e, calendarDate, index);
+        };
+      }
+    }
+    return result;
+  }
+}
+__decorate$r([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaCalendarDateBlockRenderer.prototype, "enableDateClick", void 0);
+__decorate$r([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaCalendarDateBlockRenderer.prototype, "dateClickEmitter", void 0);
+__decorate$r([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaCalendarDateBlockRenderer.prototype, "dateDblClickEmitter", void 0);
+
 var __decorate$q = (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);
@@ -326,7 +405,7 @@ var __decorate$q = (undefined && undefined.__decorate) || function (decorators,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /** The code provided is defining a TypeScript class called `VegaCalendarMonthViewRenderer` that extends `VegaSlimmer`. This class is responsible for rendering a month view of a calendar component. */
-class VegaCalendarMonthViewRenderer extends globalSlimmerRegistry.VegaSlimmer {
+class VegaCalendarMonthViewRenderer extends VegaCalendarDateBlockRenderer {
   /**
    * the HTML elements that represent the month view of a calendar component.
    *
@@ -338,6 +417,26 @@ class VegaCalendarMonthViewRenderer extends globalSlimmerRegistry.VegaSlimmer {
       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))))),
       this.renderMonthViewContent()));
   }
+  /**
+   * emit vega click event when click the date block
+   *
+   * @param {MouseEvent} e the mouse event object
+   * @param {CalendarDate} calendarDate the calendar date object
+   */
+  handleDateBlockClick(e, calendarDate) {
+    const { target, clientX, clientY } = e;
+    if (this.isMonthBlockBlankArea(target)) {
+      const { year, month, date } = calendarDate;
+      const eventInfo = {
+        year,
+        month,
+        date,
+        hour: 0,
+        mouseEventInfo: { clientX, clientY },
+      };
+      this.emit(e, eventInfo);
+    }
+  }
   /**
    * generating the HTML elements that represent the content of the month view in a calendar component
    *
@@ -352,18 +451,13 @@ class VegaCalendarMonthViewRenderer extends globalSlimmerRegistry.VegaSlimmer {
       return (index.h("div", { key: index$1, class: "calendar-view-row border-divider-bottom" }, dateArray.map((item, itemIndex) => {
         var _a;
         const isDisabled = (_a = this.isDateDisabled) === null || _a === void 0 ? void 0 : _a.call(this, item.toDate());
-        return (index.h("div", { class: {
+        const renderProps = this.generateDateBlockRenderProps(isDisabled, item);
+        return (index.h("div", Object.assign({ class: {
             'row-cell border-divider-right': true,
             'current-month-day': item.compare(currentDate).inMonth,
             'active': item.isToday(),
             'disabled': isDisabled,
-          }, key: `${item.month}-${item.date}`, 
-          // eslint-disable-next-line react/jsx-no-bind
-          onDblClick: isDisabled
-            ? undefined
-            : (e) => {
-              this.handleDateBlockClick(e, item);
-            } },
+          }, key: `${item.month}-${item.date}` }, renderProps),
           this.renderDateBlock(item),
           this.monthEventRenderer.render(item, eventsArray[itemIndex], displayEventsArray[itemIndex], itemIndex)));
       })));
@@ -382,42 +476,37 @@ class VegaCalendarMonthViewRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("div", { role: "button", tabIndex: 0, class: "grid-col", 
         // eslint-disable-next-line react/jsx-no-bind
         onDblClick: (e) => {
-          // only when showSwitchView is true, the double click event can switch to day view
-          if (!this.showSwitchView) {
-            e.stopPropagation();
-          }
-          else {
-            this.goToCurrentDayView(e, item);
-          }
-        } }, item.date)));
+          this.handleDateLabelClick(e, item);
+        }, 
+        // eslint-disable-next-line react/jsx-no-bind
+        onClick: (e) => {
+          this.handleDateLabelClick(e, item);
+        }, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, item.date)));
   }
   /**
    * switch to current date day view
    *
-   * @param {MouseEvent} e the double click event object
    * @param {CalendarDate} calendarDate the calendar date object
    */
-  goToCurrentDayView(e, calendarDate) {
-    e.stopPropagation();
+  goToCurrentDayView(calendarDate) {
     this.currentPeriodController.updateCalendarPeriod('day', calendarDate);
   }
   /**
-   * emit vega click event when click the date block
+   * Handler for clicking on the date label.
    *
-   * @param {MouseEvent} e the mouse event object
-   * @param {CalendarDate} calendarDate the calendar date object
+   * @param {MouseEvent} e - the mouse event object
+   * @param {CalendarDate} calendarDate - the calendar date object
    */
-  handleDateBlockClick(e, calendarDate) {
-    const { target, clientX, clientY } = e;
-    if (this.isMonthBlockBlankArea(target)) {
-      const { year, month, date } = calendarDate;
-      this.dateDblClickEmitter.emit({
-        year,
-        month,
-        date,
-        hour: 0,
-        mouseEventInfo: { clientX, clientY },
-      });
+  handleDateLabelClick(e, calendarDate) {
+    e.stopPropagation();
+    // only when showSwitchView is true, the double click event can switch to day view
+    if (!this.showSwitchView)
+      return;
+    if (this.shouldHandleClickEvent(e)) {
+      this.goToCurrentDayView(calendarDate);
+    }
+    else if (this.shouldHandleDblClickEvent(e)) {
+      this.goToCurrentDayView(calendarDate);
     }
   }
   /**
@@ -446,9 +535,6 @@ __decorate$q([
 __decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarMonthViewRenderer.prototype, "monthEventRenderer", void 0);
-__decorate$q([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaCalendarMonthViewRenderer.prototype, "dateDblClickEmitter", void 0);
 __decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarMonthViewRenderer.prototype, "translationSlimmer", void 0);
@@ -466,7 +552,7 @@ var __decorate$p = (undefined && undefined.__decorate) || function (decorators,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /** The `VegaCalendarViewWithTimeRenderer` class in TypeScript React renders a day view for a calendar component with title, content, and hour blocks. */
-class VegaCalendarViewWithTimeRenderer extends globalSlimmerRegistry.VegaSlimmer {
+class VegaCalendarViewWithTimeRenderer extends VegaCalendarDateBlockRenderer {
   /**
    * The render function in TypeScript React returns an array of HTMLElements containing the week calendar view for a specific day.
    *
@@ -479,6 +565,23 @@ class VegaCalendarViewWithTimeRenderer extends globalSlimmerRegistry.VegaSlimmer
       this.renderViewTitle(),
       this.renderViewContent()));
   }
+  /**
+   * emit vega click event when click the date block
+   *
+   * @param {CalendarDate} calendarDate the calendar date object
+   */
+  handleDateBlockClick(e, calendarDate, hour) {
+    const { year, month, date } = calendarDate;
+    const { clientX, clientY } = e;
+    const eventInfo = {
+      year,
+      month,
+      date,
+      hour,
+      mouseEventInfo: { clientX, clientY },
+    };
+    this.emit(e, eventInfo);
+  }
   /**
    * The function `renderViewTitle` renders a calendar view title and events based on the provided source data.
    *
@@ -535,26 +638,13 @@ class VegaCalendarViewWithTimeRenderer extends globalSlimmerRegistry.VegaSlimmer
         const dateWithHour = new Date(calendarDate.toDate().setHours(index$1));
         isHourDisabled = (_a = this.isDateDisabled) === null || _a === void 0 ? void 0 : _a.call(this, dateWithHour);
       }
-      return (index.h("div", { class: {
+      const renderProps = this.generateDateBlockRenderProps(isDisabled || isHourDisabled, calendarDate, index$1);
+      return (index.h("div", Object.assign({ key: index$1, class: {
           'grid-cell border-divider-top': true,
           'disabled': isDisabled || isHourDisabled,
-        }, 
-        // eslint-disable-next-line react/jsx-no-bind
-        onDblClick: isDisabled || isHourDisabled
-          ? undefined
-          : (e) => this.handleDateBlockClick(calendarDate, index$1, e) }));
+        } }, renderProps)));
     });
   }
-  /**
-   * emit vega click event when click the date block
-   *
-   * @param {CalendarDate} calendarDate the calendar date object
-   */
-  handleDateBlockClick(calendarDate, hour, e) {
-    const { year, month, date } = calendarDate;
-    const { clientX, clientY } = e;
-    this.dateDblClickEmitter.emit({ year, month, date, hour, mouseEventInfo: { clientX, clientY } });
-  }
 }
 __decorate$p([
   globalSlimmerRegistry.MapToComponentField()
@@ -574,15 +664,15 @@ __decorate$p([
 __decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarViewWithTimeRenderer.prototype, "calendarView", void 0);
-__decorate$p([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaCalendarViewWithTimeRenderer.prototype, "dateDblClickEmitter", void 0);
 __decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarViewWithTimeRenderer.prototype, "translationSlimmer", void 0);
 __decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarViewWithTimeRenderer.prototype, "isDateDisabled", void 0);
+__decorate$p([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaCalendarViewWithTimeRenderer.prototype, "enableDateClick", void 0);
 
 var __decorate$o = (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;
@@ -1616,8 +1706,8 @@ class VegaCalendarMonthEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
     }
     // we should clear current event in vega-calendar-event-preview when popover hide
     popover &&
-      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(popover, domNodeSubjectFactory.VegaPopoverHide, () => {
-        changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.renderer.getEventPreviewRef(), vegaInternalEventId.VegaInternalCalendarEventPreviewClear), {});
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(popover, domNodeSubjectObserverFactory.VegaPopoverHide, () => {
+        changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.renderer.getEventPreviewRef(), vegaInternalEventId.VegaInternalCalendarEventPreviewClear), {});
       });
   }
 }
@@ -2760,7 +2850,7 @@ class VegaCalendarEventItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
         preview.classList.add('single-event-preview');
       }
       // Step 1: notify preview component to update data
-      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(preview, vegaInternalEventId.VegaInternalCalendarEventPreviewUpdate), {
+      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(preview, vegaInternalEventId.VegaInternalCalendarEventPreviewUpdate), {
         event,
         targetCalendarViewDate,
         timeFormat: this.timeFormat,
@@ -2833,7 +2923,7 @@ class VegaCalendarEventResponsiveController extends pageResizeObserverSlimmer.Pa
         const maxContainerHeight = eventContainerRef.parentElement.getBoundingClientRect().height;
         const count = Math.floor((maxContainerHeight - VegaCalendarEventResponsiveController.monthDateTitleHeight) /
           VegaCalendarEventItemRenderer.backgroundColorModeEventHeight);
-        changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalCalendarMonthEventsChange), {
+        changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalCalendarMonthEventsChange), {
           host: this.host,
           detail: count,
         });
@@ -4055,6 +4145,8 @@ const VegaCalendar = class {
     this.eventClick = index.createEvent(this, "eventClick", 7);
     this.vegaDateDblClick = index.createEvent(this, "vegaDateDblClick", 7);
     this.dateDblClick = index.createEvent(this, "dateDblClick", 7);
+    this.vegaDateClick = index.createEvent(this, "vegaDateClick", 7);
+    this.dateClick = index.createEvent(this, "dateClick", 7);
     this.vegaMoreActionClick = index.createEvent(this, "vegaMoreActionClick", 7);
     this.moreActionClick = index.createEvent(this, "moreActionClick", 7);
     this.globalSlimmer = {};
@@ -4083,11 +4175,12 @@ const VegaCalendar = class {
     this.eventPreviewPopoverRenderer = new VegaCalendarEventPreviewPopoverRenderer();
     this.calendarEventController = new VegaCalendarEventController();
     this.eventResponsiveController = new VegaCalendarEventResponsiveController();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectFactory.VegaChange);
-    this.eventClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectFactory.VegaEventClick);
-    this.dateDblClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectFactory.VegaDateDblClick);
-    this.moreActionClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectFactory.VegaMoreActionClick);
-    this.changeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.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.dateClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectObserverFactory.VegaDateClick);
+    this.changeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
     this.timeFormatNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaCalendar, 'timeFormat', 'watchTimeFormat');
     this.showEventColorBarNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaCalendar, 'showEventColorBar', 'watchShowEventColorBar');
     /**
@@ -4136,6 +4229,12 @@ const VegaCalendar = class {
      * @vegaVersion 2.58.0
      */
     this.showSwitchView = true;
+    /**
+     * Controls whether clicking on a calendar date triggers the `vegaDateClick` event. When enabled, it disables the `vegaDateDblClick` event to prevent conflicts.
+     *
+     * @vegaVersion 2.61.0
+     */
+    this.enableDateClick = false;
     /**
      * Controls the visibility of the weekend columns in the calendar.
      *
@@ -4287,6 +4386,9 @@ __decorate$9([
 __decorate$9([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaCalendar.prototype, "moreActionClickEmitter", void 0);
+__decorate$9([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaCalendar.prototype, "dateClickEmitter", void 0);
 __decorate$9([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaCalendar.prototype, "changeEventPrevent", void 0);

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-00ba6623.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-52f9da81.js');
+const designToken = require('./design-token-76bb47bd.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-4ce1fa08.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
@@ -12,14 +12,14 @@ require('./type-guard-f12b5bae.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-3ab3b18c.js');
+require('./responsive-format-facade-7e933525.js');
 require('./page-resize-observer-slimmer-11937d6f.js');
 require('./try-get-document-c0ebd39a.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-b1971f43.js');
+require('./token-extension-23ccff1d.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dark-mode-style-controller-ab0703e1.js');
@@ -27,18 +27,19 @@ require('./static-subject-title-85732e0f.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-83065493.js');
-require('./dom-node-subject-factory-bad99695.js');
+require('./internal-vega-event-manager-28b957c8.js');
+require('./dom-node-subject-observer-factory-58e3c010.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
+require('./vega-internal-event-id-9647aaf8.js');
+require('./string-39438062.js');
+require('./object-e2e28e3d.js');
+require('./base-renderer-0a3b62b7.js');
+require('./internal-icon-manager-32f9ed63.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
-require('./icon-manager-9072356d.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-2096aa5a.js');
-require('./code-block-7d901dfc.js');
-require('./vega-internal-event-id-ae6e2c13.js');
-require('./string-39438062.js');
-require('./object-e2e28e3d.js');
 require('./state-background-color-formatter-aa5570f6.js');
 
 /**