@globalpayments/vega 2.59.1 → 2.61.0

package/dist/cjs/vega-button-link.cjs.entry.js

@@ -6,14 +6,14 @@ 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 eventEmitSlimmer = require('./event-emit-slimmer-efc70b94.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-5df43771.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./dom-node-subject-observer-factory-df6e6df0.js');
+require('./dom-node-subject-observer-factory-15130e50.js');
 require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-83065493.js');
+require('./internal-vega-event-manager-7b87c2f4.js');
 require('./try-get-document-c0ebd39a.js');
 require('./ui-4ce1fa08.js');
 require('./vega-env-manager-23b8b23c.js');

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

@@ -5,43 +5,42 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-00ba6623.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const component = require('./component-1e352960.js');
-const responsiveFormatFacade = require('./responsive-format-facade-d2e03695.js');
+const responsiveFormatFacade = require('./responsive-format-facade-0d22ff78.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-efc70b94.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-5df43771.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./try-get-document-c0ebd39a.js');
-require('./type-guard-aa8fdeaf.js');
-require('./regex-c1f70fd4.js');
+require('./type-guard-f12b5bae.js');
 require('./typography-4560e7f1.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('./vega-skeleton-loader-controller-9c54f3aa.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./ui-4ce1fa08.js');
 require('./dark-mode-style-controller-ab0703e1.js');
 require('./observer-f49483e8.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-83065493.js');
+require('./internal-vega-event-manager-7b87c2f4.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-b82b74de.js');
-require('./code-block-4bfae76d.js');
-require('./vega-internal-event-id-ae6e2c13.js');
+require('./content-state-d7b8e70b.js');
+require('./code-block-ecb2df41.js');
+require('./vega-internal-event-id-9647aaf8.js');
 require('./string-39438062.js');
 require('./object-e2e28e3d.js');
-require('./dom-node-subject-observer-factory-df6e6df0.js');
+require('./dom-node-subject-observer-factory-15130e50.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

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

@@ -6,17 +6,17 @@ 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 domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
 const internalIconManager = require('./internal-icon-manager-f8677abb.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-2da7c9d6.js');
 const translation = require('./translation-cde4dce3.js');
-const stateBackgroundColorFormatter = require('./state-background-color-formatter-c57409ea.js');
-const typeGuard = require('./type-guard-aa8fdeaf.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 stateBackgroundColorFormatter = require('./state-background-color-formatter-aa5570f6.js');
+const typeGuard = require('./type-guard-f12b5bae.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.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,19 +24,18 @@ 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-9602b5bb.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-df7df5bb.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-7b87c2f4.js');
 require('./try-get-document-c0ebd39a.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
-require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');
@@ -44,7 +43,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;
@@ -69,13 +68,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);
 
@@ -91,7 +90,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;
@@ -249,38 +248,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;
@@ -307,19 +306,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);
@@ -327,7 +407,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.
    *
@@ -339,6 +419,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
    *
@@ -353,18 +453,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,35 +477,38 @@ class VegaCalendarMonthViewRenderer extends globalSlimmerRegistry.VegaSlimmer {
       isMonthFirstDay && index.h("div", { class: "month-block" }, item.getMonthName(true)),
       index.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)));
+        onDblClick: (e) => {
+          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);
     }
   }
   /**
@@ -439,15 +537,15 @@ __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);
 __decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarMonthViewRenderer.prototype, "isDateDisabled", void 0);
+__decorate$q([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaCalendarMonthViewRenderer.prototype, "showSwitchView", void 0);
 
 var __decorate$p = (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;
@@ -456,7 +554,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.
    *
@@ -469,6 +567,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.
    *
@@ -525,26 +640,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()
@@ -564,15 +666,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;
@@ -4045,6 +4147,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 = {};
@@ -4077,6 +4181,7 @@ const VegaCalendar = class {
     this.eventClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectFactory.VegaEventClick);
     this.dateDblClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectFactory.VegaDateDblClick);
     this.moreActionClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectFactory.VegaMoreActionClick);
+    this.dateClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectFactory.VegaDateClick);
     this.changeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
     this.timeFormatNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaCalendar, 'timeFormat', 'watchTimeFormat');
     this.showEventColorBarNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaCalendar, 'showEventColorBar', 'watchShowEventColorBar');
@@ -4126,6 +4231,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.
      *
@@ -4277,6 +4388,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,23 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-00ba6623.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-0b1315f2.js');
+const designToken = require('./design-token-16f74439.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-4ce1fa08.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-require('./type-guard-aa8fdeaf.js');
+require('./type-guard-f12b5bae.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
-require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-d2e03695.js');
+require('./responsive-format-facade-0d22ff78.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('./vega-skeleton-loader-controller-9c54f3aa.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dark-mode-style-controller-ab0703e1.js');
@@ -28,19 +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-7b87c2f4.js');
+require('./dom-node-subject-factory-4eb1fec2.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-b82b74de.js');
-require('./code-block-4bfae76d.js');
-require('./vega-internal-event-id-ae6e2c13.js');
+require('./content-state-d7b8e70b.js');
+require('./code-block-ecb2df41.js');
+require('./vega-internal-event-id-9647aaf8.js');
 require('./string-39438062.js');
 require('./object-e2e28e3d.js');
-require('./state-background-color-formatter-c57409ea.js');
+require('./state-background-color-formatter-aa5570f6.js');
 
 /**
  * This class is used to track the nested level of a component