@heartlandone/vega 2.59.1 → 2.61.0

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

@@ -2,17 +2,17 @@ import { h, F as Fragment, f as forceUpdate, r as registerInstance, c as createE
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-999e21e3.js';
-import { a as VegaClick, f as VegaChange, b as VegaDropdownClick, N as VegaPopoverHide, d as domNodeSubjectFactory, g as VegaEventClick, h as VegaDateDblClick, i as VegaMoreActionClick } from './dom-node-subject-factory-202655e7.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-1e456cd4.js';
+import { a as VegaClick, f as VegaChange, b as VegaDropdownClick, P as VegaPopoverHide, d as domNodeSubjectFactory, g as VegaEventClick, h as VegaDateDblClick, i as VegaMoreActionClick, j as VegaDateClick } from './dom-node-subject-factory-3c2e13f1.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-7eac52c8.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { p as pad } from './date-c55b97f0.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-40973ec2.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4428ce26.js';
 import { V as VegaInternalTranslation } from './translation-833d9ef4.js';
-import { s as stateBackgroundColorFormatter } from './state-background-color-formatter-da5e76e8.js';
-import { q as isBackgroundColorTokenType } from './type-guard-84b1f192.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-6b5b31f5.js';
-import { v as VegaInternalCalendarMonthEventsChange, w as VegaInternalCalendarEventPreviewClear, x as VegaInternalCalendarEventPreviewUpdate } from './vega-internal-event-id-b7c865de.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
+import { s as stateBackgroundColorFormatter } from './state-background-color-formatter-0f01d27a.js';
+import { q as isBackgroundColorTokenType } from './type-guard-12f7654b.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2a3115ae.js';
+import { w as VegaInternalCalendarMonthEventsChange, x as VegaInternalCalendarEventPreviewClear, y as VegaInternalCalendarEventPreviewUpdate } from './vega-internal-event-id-5a143cd2.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { m as CALENDAR_EVENT_PREVIEW_POPOVER_HIDE } from './static-subject-title-633b3474.js';
@@ -20,19 +20,18 @@ import { f as flatNestedArray } from './array-7888f339.js';
 import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import { d as debounce } from './timer-9321173b.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-b3524c09.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-ee730968.js';
 import { T as TranslationSlimmer } from './translation-slimmer-c83b52c1.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-c823d69c.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-d474634d.js';
 import { b as parsePixelStringToNumber } from './pixel-f32c07ce.js';
 import './ui-c20be16d.js';
 import './icon-manager-2ee1c619.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-526f8ed1.js';
+import './internal-vega-event-manager-a654cf8a.js';
 import './try-get-document-bef0f526.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
-import './regex-dfe11abf.js';
 import './typography-396de03f.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-51659753.js';
@@ -40,7 +39,7 @@ import './index-e9da316f.js';
 import './_commonjsHelpers-9943807e.js';
 import './number-4398f2e1.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;
@@ -65,13 +64,13 @@ class VegaCalendarRenderer extends VegaSlimmer {
         } })));
   }
 }
-__decorate$t([
+__decorate$u([
   MapToComponentField()
 ], VegaCalendarRenderer.prototype, "host", void 0);
-__decorate$t([
+__decorate$u([
   MapToComponentField()
 ], VegaCalendarRenderer.prototype, "switchPanelRenderer", void 0);
-__decorate$t([
+__decorate$u([
   MapToComponentField()
 ], VegaCalendarRenderer.prototype, "viewRenderer", void 0);
 
@@ -87,7 +86,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;
@@ -245,38 +244,38 @@ VegaCalendarSwitchPanelRenderer.views = [
   { text: 'Week', key: 'week' },
   { text: 'Month', key: 'month' },
 ];
-__decorate$s([
+__decorate$t([
   MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "viewMode", void 0);
-__decorate$s([
+__decorate$t([
   MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "calendarView", void 0);
-__decorate$s([
+__decorate$t([
   MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "currentPeriod", void 0);
-__decorate$s([
+__decorate$t([
   MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "moreActionDropdownProps", void 0);
-__decorate$s([
+__decorate$t([
   MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "moreActionClickEmitter", void 0);
-__decorate$s([
+__decorate$t([
   MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "currentPeriodController", void 0);
-__decorate$s([
+__decorate$t([
   MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "calendarViewController", void 0);
-__decorate$s([
+__decorate$t([
   MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "translationSlimmer", void 0);
-__decorate$s([
+__decorate$t([
   MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "postOperationDate", void 0);
-__decorate$s([
+__decorate$t([
   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;
@@ -303,19 +302,100 @@ class VegaCalendarViewRenderer extends VegaSlimmer {
       : this.viewWithTimeRenderer.render()));
   }
 }
-__decorate$r([
+__decorate$s([
   MapToComponentField()
 ], VegaCalendarViewRenderer.prototype, "viewMode", void 0);
-__decorate$r([
+__decorate$s([
   MapToComponentField()
 ], VegaCalendarViewRenderer.prototype, "showWeekends", void 0);
-__decorate$r([
+__decorate$s([
   MapToComponentField()
 ], VegaCalendarViewRenderer.prototype, "monthViewRenderer", void 0);
-__decorate$r([
+__decorate$s([
   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 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 = createEnterKeyHandlerToTriggerClick();
+      }
+      else {
+        result.onDblClick = (e) => {
+          this.handleDateBlockClick(e, calendarDate, index);
+        };
+      }
+    }
+    return result;
+  }
+}
+__decorate$r([
+  MapToComponentField()
+], VegaCalendarDateBlockRenderer.prototype, "enableDateClick", void 0);
+__decorate$r([
+  MapToComponentField()
+], VegaCalendarDateBlockRenderer.prototype, "dateClickEmitter", void 0);
+__decorate$r([
+  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);
@@ -323,7 +403,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 VegaSlimmer {
+class VegaCalendarMonthViewRenderer extends VegaCalendarDateBlockRenderer {
   /**
    * the HTML elements that represent the month view of a calendar component.
    *
@@ -335,6 +415,26 @@ class VegaCalendarMonthViewRenderer extends VegaSlimmer {
       h("div", { class: "calendar-view-row calendar-view-title border-divider-bottom" }, weekHead.map((title) => (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
    *
@@ -349,18 +449,13 @@ class VegaCalendarMonthViewRenderer extends VegaSlimmer {
       return (h("div", { key: index, 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 (h("div", { class: {
+        const renderProps = this.generateDateBlockRenderProps(isDisabled, item);
+        return (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)));
       })));
@@ -378,35 +473,38 @@ class VegaCalendarMonthViewRenderer extends VegaSlimmer {
       isMonthFirstDay && h("div", { class: "month-block" }, item.getMonthName(true)),
       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: 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);
     }
   }
   /**
@@ -435,15 +533,15 @@ __decorate$q([
 __decorate$q([
   MapToComponentField()
 ], VegaCalendarMonthViewRenderer.prototype, "monthEventRenderer", void 0);
-__decorate$q([
-  MapToComponentField()
-], VegaCalendarMonthViewRenderer.prototype, "dateDblClickEmitter", void 0);
 __decorate$q([
   MapToComponentField()
 ], VegaCalendarMonthViewRenderer.prototype, "translationSlimmer", void 0);
 __decorate$q([
   MapToComponentField()
 ], VegaCalendarMonthViewRenderer.prototype, "isDateDisabled", void 0);
+__decorate$q([
+  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;
@@ -452,7 +550,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 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.
    *
@@ -465,6 +563,23 @@ class VegaCalendarViewWithTimeRenderer extends 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.
    *
@@ -521,26 +636,13 @@ class VegaCalendarViewWithTimeRenderer extends VegaSlimmer {
         const dateWithHour = new Date(calendarDate.toDate().setHours(index));
         isHourDisabled = (_a = this.isDateDisabled) === null || _a === void 0 ? void 0 : _a.call(this, dateWithHour);
       }
-      return (h("div", { class: {
+      const renderProps = this.generateDateBlockRenderProps(isDisabled || isHourDisabled, calendarDate, index);
+      return (h("div", Object.assign({ key: index, 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, 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([
   MapToComponentField()
@@ -560,15 +662,15 @@ __decorate$p([
 __decorate$p([
   MapToComponentField()
 ], VegaCalendarViewWithTimeRenderer.prototype, "calendarView", void 0);
-__decorate$p([
-  MapToComponentField()
-], VegaCalendarViewWithTimeRenderer.prototype, "dateDblClickEmitter", void 0);
 __decorate$p([
   MapToComponentField()
 ], VegaCalendarViewWithTimeRenderer.prototype, "translationSlimmer", void 0);
 __decorate$p([
   MapToComponentField()
 ], VegaCalendarViewWithTimeRenderer.prototype, "isDateDisabled", void 0);
+__decorate$p([
+  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;
@@ -4041,6 +4143,8 @@ const VegaCalendar = class {
     this.eventClick = createEvent(this, "eventClick", 7);
     this.vegaDateDblClick = createEvent(this, "vegaDateDblClick", 7);
     this.dateDblClick = createEvent(this, "dateDblClick", 7);
+    this.vegaDateClick = createEvent(this, "vegaDateClick", 7);
+    this.dateClick = createEvent(this, "dateClick", 7);
     this.vegaMoreActionClick = createEvent(this, "vegaMoreActionClick", 7);
     this.moreActionClick = createEvent(this, "moreActionClick", 7);
     this.globalSlimmer = {};
@@ -4073,6 +4177,7 @@ const VegaCalendar = class {
     this.eventClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaEventClick);
     this.dateDblClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaDateDblClick);
     this.moreActionClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaMoreActionClick);
+    this.dateClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaDateClick);
     this.changeEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
     this.timeFormatNotifySlimmer = createSubStateNotifySlimmer(VegaCalendar, 'timeFormat', 'watchTimeFormat');
     this.showEventColorBarNotifySlimmer = createSubStateNotifySlimmer(VegaCalendar, 'showEventColorBar', 'watchShowEventColorBar');
@@ -4122,6 +4227,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.
      *
@@ -4273,6 +4384,9 @@ __decorate$9([
 __decorate$9([
   InjectVegaSlimmer()
 ], VegaCalendar.prototype, "moreActionClickEmitter", void 0);
+__decorate$9([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "dateClickEmitter", void 0);
 __decorate$9([
   InjectVegaSlimmer()
 ], VegaCalendar.prototype, "changeEventPrevent", void 0);

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

@@ -1,22 +1,21 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-057d0f70.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-dbc8c235.js';
+import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-eaa7c221.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { f as findParent, a as arrayToClassString } from './ui-c20be16d.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import './type-guard-84b1f192.js';
+import './type-guard-12f7654b.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
-import './regex-dfe11abf.js';
 import './typography-396de03f.js';
-import './responsive-format-facade-81b72f39.js';
+import './responsive-format-facade-86b6de3b.js';
 import './page-resize-observer-slimmer-0bf7fbf3.js';
 import './try-get-document-bef0f526.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './vega-skeleton-loader-controller-38864fcd.js';
+import './vega-skeleton-loader-controller-394a6026.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
 import './dark-mode-style-controller-3bbb32dc.js';
@@ -24,19 +23,19 @@ import './static-subject-title-633b3474.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
-import './internal-vega-event-manager-526f8ed1.js';
-import './dom-node-subject-factory-202655e7.js';
+import './internal-vega-event-manager-a654cf8a.js';
+import './dom-node-subject-factory-3c2e13f1.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './icon-manager-2ee1c619.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './translation-833d9ef4.js';
-import './content-state-73900a67.js';
-import './code-block-3d519665.js';
-import './vega-internal-event-id-b7c865de.js';
+import './content-state-fc47457c.js';
+import './code-block-89a4dd13.js';
+import './vega-internal-event-id-5a143cd2.js';
 import './string-a953eafc.js';
 import './object-66c37948.js';
-import './state-background-color-formatter-da5e76e8.js';
+import './state-background-color-formatter-0f01d27a.js';
 
 /**
  * This class is used to track the nested level of a component

package/dist/esm/vega-carousel.entry.js

@@ -3,24 +3,23 @@ import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js'
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { r as reflow, e as executeAfterTransition } from './effect-f50e072d.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-81b72f39.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-86b6de3b.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-40973ec2.js';
-import { j as VegaPageUpdate } from './dom-node-subject-factory-202655e7.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4428ce26.js';
+import { k as VegaPageUpdate } from './dom-node-subject-factory-3c2e13f1.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-2c14df89.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
-import './type-guard-84b1f192.js';
+import './type-guard-12f7654b.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
-import './regex-dfe11abf.js';
 import './typography-396de03f.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './vega-skeleton-loader-controller-38864fcd.js';
+import './vega-skeleton-loader-controller-394a6026.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
 import './ui-c20be16d.js';
@@ -29,18 +28,18 @@ import './static-subject-title-633b3474.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
-import './internal-vega-event-manager-526f8ed1.js';
+import './internal-vega-event-manager-a654cf8a.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './icon-manager-2ee1c619.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './translation-833d9ef4.js';
-import './content-state-73900a67.js';
-import './code-block-3d519665.js';
-import './vega-internal-event-id-b7c865de.js';
+import './content-state-fc47457c.js';
+import './code-block-89a4dd13.js';
+import './vega-internal-event-id-5a143cd2.js';
 import './string-a953eafc.js';
 import './object-66c37948.js';
-import './dom-node-subject-observer-factory-999e21e3.js';
+import './dom-node-subject-observer-factory-1e456cd4.js';
 
 var TouchDirection;
 (function (TouchDirection) {

package/dist/esm/vega-checkbox_2.entry.js

@@ -8,11 +8,11 @@ import { O as Observer } from './observer-3959f9dd.js';
 import { f as findParent, a as arrayToClassString } from './ui-c20be16d.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-47820eaa.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-40973ec2.js';
-import { d as domNodeSubjectFactory, f as VegaChange } from './dom-node-subject-factory-202655e7.js';
-import { d as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-b7c865de.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-6b5b31f5.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-6e69ca4e.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4428ce26.js';
+import { d as domNodeSubjectFactory, f as VegaChange } from './dom-node-subject-factory-3c2e13f1.js';
+import { d as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-5a143cd2.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2a3115ae.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-78f77c2c.js';
@@ -25,13 +25,13 @@ import './page-resize-observer-slimmer-0bf7fbf3.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
 import './try-get-document-bef0f526.js';
-import './dom-node-subject-observer-factory-999e21e3.js';
+import './dom-node-subject-observer-factory-1e456cd4.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-c823d69c.js';
-import './internal-vega-event-manager-526f8ed1.js';
+import './sub-state-observer-slimmer-d474634d.js';
+import './internal-vega-event-manager-a654cf8a.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';