@globalpayments/vega 2.100.0 → 2.102.0

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

@@ -1,24 +1,24 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-07843ec3.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-55131a33.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-adfc80c6.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e8bb2292.js';
-import { a as VegaClick } from './vega-event-id-f55f6977.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-aa7f4c6e.js';
+import { b as VegaClick } from './vega-event-id-6b4db259.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-3ae5c7db.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-bb7e68a0.js';
 import { f as findParent } from './ui-80e610f4.js';
-import { g as VegaInternalFormSubmit, h as VegaInternalFormReset } from './vega-internal-event-id-86fce049.js';
+import { g as VegaInternalFormSubmit, h as VegaInternalFormReset } from './vega-internal-event-id-02093067.js';
 import { h as htmlSanitizer, e as emptySanitizeStrategy } from './index-35451d12.js';
 import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-a5c7478e.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
-import './type-guard-26d83e7e.js';
+import './type-guard-08c82e08.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-fff376d2.js';
+import './internal-translation-controller-4a7ee4d5.js';
 import './static-subject-title-1c86e974.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
@@ -27,7 +27,7 @@ import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './try-get-document-bef0f526.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-2ecc9186.js';
+import './internal-vega-event-manager-6eebe8f8.js';
 import './vega-env-manager-8f8dc473.js';
 import './observer-3959f9dd.js';
 import './mutation-observer-slimmer-58ebc13c.js';
@@ -55,7 +55,7 @@ __decorate$1([
   MapToComponentField()
 ], VegaButtonLoadingRenderer.prototype, "loading", void 0);
 
-const vegaButtonCss = ":host{display:inline-block;border-radius:9999px}:host(.vega-button-block){display:block}:host>button{border-radius:9999px;cursor:pointer;font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;box-sizing:border-box;outline:none}@media screen and (min-width: 768px) and (max-width: 1023px){:host>button{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host>button{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host>button{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .vega-button-size-small{padding-left:16px;padding-right:16px;padding-top:4px;padding-bottom:4px}:host .vega-button-size-default{padding-left:24px;padding-right:24px;padding-top:8px;padding-bottom:8px}:host .vega-button-size-large{padding-left:32px;padding-right:32px;padding-top:16px;padding-bottom:16px}:host .vega-button-variant-secondary.vega-button-size-small{padding-top:2px;padding-bottom:2px}:host .vega-button-variant-secondary.vega-button-size-default{padding-top:6px;padding-bottom:6px}:host .vega-button-variant-secondary.vega-button-size-large{padding-top:14px;padding-bottom:14px}:host(.vega-button-icon-only)>button vega-flex{min-height:24px}:host>button vega-flex span{overflow-wrap:break-word}:host(.vega-button-block) button{width:100%}:host button:focus{outline:none}:host .vega-button-variant-primary{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));border-width:0px;color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}@media (hover: hover){:host .vega-button-variant-primary:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}}:host .vega-button-variant-primary:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host .vega-button-variant-primary:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-button-variant-secondary{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media (hover: hover){:host .vega-button-variant-secondary:hover{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1));color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}}:host .vega-button-variant-secondary:active{border:2px solid rgba(var(--v-border-secondary-btn-active, 29, 65, 195, 1));color:rgba(var(--v-text-link-active, 29, 65, 195, 1));background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host .vega-button-variant-secondary:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-button-variant-primary.vega-button-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1));color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}@media (hover: hover){:host .vega-button-variant-primary.vega-button-danger:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}}:host .vega-button-variant-primary.vega-button-danger:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host .vega-button-variant-primary.vega-button-danger:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .vega-button-variant-secondary.vega-button-danger{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1));color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}@media (hover: hover){:host .vega-button-variant-secondary.vega-button-danger:hover{border:2px solid rgba(var(--v-border-secondary-danger-btn-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}}:host .vega-button-variant-secondary.vega-button-danger:active{border:2px solid rgba(var(--v-border-secondary-danger-btn-active, 189, 41, 71, 1));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host .vega-button-variant-secondary.vega-button-danger:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host .vega-button-disabled{pointer-events:none;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}:host .vega-button-variant-primary.vega-button-disabled,:host .vega-button-variant-primary.vega-button-disabled:focus{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}:host .vega-button-variant-secondary.vega-button-disabled,:host .vega-button-variant-secondary.vega-button-disabled:focus{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border:2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}:host .vega-button-variant-primary vega-loading-indicator::part(circle-loader-progress){stroke:rgba(var(--v-text-white, 252, 252, 252, 1))}:host .vega-button-variant-primary vega-loading-indicator::part(circle-loader-track){stroke:rgba(var(--v-text-white, 252, 252, 252, 1));opacity:0.2}:host(.button-group-item-button-secondary) .vega-button-variant-secondary.vega-button-disabled{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host(.button-group-item-button-secondary.button-group-all-disabled) .vega-button-variant-secondary.vega-button-disabled{border:2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1))}";
+const vegaButtonCss = ":host{display:inline-block;border-radius:9999px}:host(.vega-button-block){display:block}:host>button{border-radius:9999px;cursor:pointer;font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;box-sizing:border-box;outline:none}@media screen and (min-width: 768px) and (max-width: 1023px){:host>button{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host>button{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host>button{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .vega-button-size-small{padding-left:16px;padding-right:16px;padding-top:4px;padding-bottom:4px}:host .vega-button-size-default{padding-left:24px;padding-right:24px;padding-top:8px;padding-bottom:8px}:host .vega-button-size-large{padding-left:32px;padding-right:32px;padding-top:16px;padding-bottom:16px}:host .vega-button-variant-secondary.vega-button-size-small{padding-top:2px;padding-bottom:2px}:host .vega-button-variant-secondary.vega-button-size-default{padding-top:6px;padding-bottom:6px}:host .vega-button-variant-secondary.vega-button-size-large{padding-top:14px;padding-bottom:14px}:host(.vega-button-icon-only)>button vega-flex{min-height:24px}:host>button vega-flex span{overflow-wrap:break-word}:host(.vega-button-block) button{width:100%}:host button:focus{outline:none}:host .vega-button-variant-primary{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));border-width:0px;color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}@media (hover: hover){:host .vega-button-variant-primary:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}}:host .vega-button-variant-primary:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host .vega-button-variant-primary:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-button-variant-secondary{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media (hover: hover){:host .vega-button-variant-secondary:hover{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1));color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}}:host .vega-button-variant-secondary:active{border:2px solid rgba(var(--v-border-secondary-btn-active, 29, 65, 195, 1));color:rgba(var(--v-text-link-active, 29, 65, 195, 1));background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host .vega-button-variant-secondary:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-button-variant-primary.vega-button-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1));color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}@media (hover: hover){:host .vega-button-variant-primary.vega-button-danger:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}}:host .vega-button-variant-primary.vega-button-danger:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host .vega-button-variant-primary.vega-button-danger:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .vega-button-variant-secondary.vega-button-danger{border-color:rgba(var(--v-border-color-danger, 230, 50, 87, 1));color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}@media (hover: hover){:host .vega-button-variant-secondary.vega-button-danger:hover{border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}}:host .vega-button-variant-secondary.vega-button-danger:active{border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host .vega-button-variant-secondary.vega-button-danger:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host .vega-button-disabled{pointer-events:none;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}:host .vega-button-variant-primary.vega-button-disabled,:host .vega-button-variant-primary.vega-button-disabled:focus{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}:host .vega-button-variant-secondary.vega-button-disabled,:host .vega-button-variant-secondary.vega-button-disabled:focus{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border:2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}:host .vega-button-variant-primary vega-loading-indicator::part(circle-loader-progress){stroke:rgba(var(--v-text-white, 252, 252, 252, 1))}:host .vega-button-variant-primary vega-loading-indicator::part(circle-loader-track){stroke:rgba(var(--v-text-white, 252, 252, 252, 1));opacity:0.2}:host(.button-group-item-button-secondary) .vega-button-variant-secondary.vega-button-disabled{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host(.button-group-item-button-secondary.button-group-all-disabled) .vega-button-variant-secondary.vega-button-disabled{border:2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1))}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -72,7 +72,7 @@ const VegaButton = class {
     registerInstance(this, hostRef);
     this.vegaClick = createEvent(this, "vegaClick", 7);
     this.click = createEvent(this, "click", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     /**
      * The below method is e2e-test covered in
      * @see{module:vega-button-resize-e2e}

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

@@ -2,40 +2,40 @@ import { h, F as Fragment, f as forceUpdate, r as registerInstance, c as createE
 import { g as getActiveElement, 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 { m as methodPlaceholder, s as slotPlaceholder } from './placeholder-bf562081.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-adfc80c6.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-bb7e68a0.js';
-import { d as VegaChange, V as VegaDropdownClick, b as VegaPopoverHide, a as VegaClick, k as VegaEventClick, l as VegaDateDblClick, m as VegaMoreActionClick, n as VegaDateClick, o as VegaEventEdit } from './vega-event-id-f55f6977.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
-import { O as VegaInternalCurrentPeriodChange, P as VegaInternalCalendarMonthEventsChange, Q as VegaInternalCalendarEventPreviewHide, R as VegaInternalCalendarEventPreviewClear, S as VegaInternalCalendarEventPreviewUpdate, T as VegaInternalCalendarPreviewActionClick, D as VegaInternalDialogContentReady } from './vega-internal-event-id-86fce049.js';
-import { aa as CalendarViewGenerator, ab as CalendarView, ag as WeekdayLongNames, ae as pad, ah as WeekViewGenerator, ai as getClosestWorkday, b as DayPeriod, W as WeekPeriod, a as MonthPeriod, C as CalendarDate, aj as getSystemTimezone, ak as CalendarTime, al as CalendarDateTime, am as getCalendarEventSlotName, an as getTimeIndex, ao as getEventStatusBgColorStyle } from './type-guard-26d83e7e.js';
+import { c as VegaChange, d as VegaDropdownClick, V as VegaPopoverHide, a as VegaPopoverShow, b as VegaClick, k as VegaEventClick, l as VegaEventPreview, m as VegaDateDblClick, n as VegaMoreActionClick, o as VegaDateClick, p as VegaEventEdit, q as VegaEventDelete } from './vega-event-id-6b4db259.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-d4d534d2.js';
+import { N as VegaInternalCurrentPeriodChange, O as VegaInternalCalendarMonthEventsChange, P as VegaInternalCalendarEventPreviewHide, Q as VegaInternalCalendarEventPreviewClear, R as VegaInternalCalendarEventPreviewUpdate, S as VegaInternalCalendarPreviewActionClick, C as VegaInternalDialogContentReady } from './vega-internal-event-id-02093067.js';
+import { aa as CalendarViewGenerator, ab as CalendarView, ag as WeekdayLongNames, ae as pad, ah as WeekViewGenerator, ai as getClosestWorkday, b as DayPeriod, W as WeekPeriod, a as MonthPeriod, C as CalendarDate, aj as getSystemTimezone, ak as CalendarTime, al as CalendarDateTime, am as getCalendarEventSlotName, an as getTimeIndex, ao as getEventStatusBgColorStyle } from './type-guard-08c82e08.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-c899a968.js';
 import { j as checkIsVoiceOverClick, f as findParent } from './ui-80e610f4.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e8bb2292.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-fff376d2.js';
-import { M as MonthViewGenerator } from './month-view-generator-20e32b22.js';
-import { I as InternalCalendarPeriodConverter } from './internal-calendar-period-factory-d1a60f81.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-aa7f4c6e.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-4a7ee4d5.js';
+import { M as MonthViewGenerator } from './month-view-generator-0c665987.js';
+import { I as InternalCalendarPeriodConverter } from './internal-calendar-period-factory-7b866c3b.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-3ae5c7db.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { f as flatNestedArray } from './array-7888f339.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { d as debounce } from './timer-9321173b.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-e306c849.js';
-import { T as TranslationSlimmer } from './translation-slimmer-77022f2e.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-ba72f30b.js';
+import { T as TranslationSlimmer } from './translation-slimmer-b3f3cf65.js';
 import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-133b86cd.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f40dcb54.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-bd85f381.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-bee1c7fa.js';
 import { b as parsePixelStringToNumber } from './pixel-f32c07ce.js';
-import './icon-manager-4ef3f6dd.js';
-import './create-public-api-runtime-metrics-slimmer-48f85199.js';
+import './icon-manager-236d6c23.js';
+import './discriminated-fe5bf3c8.js';
 import './dynamic-slimmer-90b8af32.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-vega-event-manager-2ecc9186.js';
+import './internal-vega-event-manager-6eebe8f8.js';
 import './static-subject-title-1c86e974.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-3fd04ea9.js';
@@ -43,7 +43,7 @@ import './index-9c9865c0.js';
 import './number-4398f2e1.js';
 import './breakpoints-332702ed.js';
 import './synchronize-task-queue-ac8acc3b.js';
-import './keyboard-manager-a58288df.js';
+import './keyboard-manager-f5d13a34.js';
 
 /**
  * Day view calendar generator
@@ -925,6 +925,7 @@ class VegaCalendarMonthEventRenderer extends VegaSlimmer {
     super(...arguments);
     this.maxMonthDisplayEventsCount = 2;
     this.popoverHideObserver = null;
+    this.isGroupEventPreviewingFlag = false;
   }
   /**
    * current row dates all events.
@@ -973,6 +974,14 @@ class VegaCalendarMonthEventRenderer extends VegaSlimmer {
   getMoreEventsBoxRef() {
     return this.moreEventsBoxRef;
   }
+  /**
+   * Check if a group event preview is currently being displayed
+   *
+   * @returns {boolean} - True if a group event preview is being displayed, false otherwise
+   */
+  isGroupEventPreviewing() {
+    return this.isGroupEventPreviewingFlag;
+  }
   /**
    * render the current date events
    *
@@ -1021,7 +1030,7 @@ class VegaCalendarMonthEventRenderer extends VegaSlimmer {
       });
       return (h("div", { class: "month-event-more" },
         h("vega-popover", { trigger: "click", placement: "right", padding: '0', ref: (el) => {
-            this.setPopoverHideObserver(el);
+            this.setPopoverObserver(el);
           }, isScreenPosition: true },
           h("div", { tabIndex: 0, slot: "popover-content", role: "button", class: "more-button", onKeyDown: createEnterKeyHandlerToTriggerClick() }, `${moreItemsLength} More`),
           h("vega-flex", { slot: "popover" },
@@ -1091,7 +1100,7 @@ class VegaCalendarMonthEventRenderer extends VegaSlimmer {
     }
     return rowEvents;
   }
-  setPopoverHideObserver(popover) {
+  setPopoverObserver(popover) {
     if (popover) {
       this.popoverHideObserver = new Observer((_payload) => true, async () => await popover.hide());
       ChangeManager.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalCalendarEventPreviewHide), this.popoverHideObserver);
@@ -1100,10 +1109,20 @@ class VegaCalendarMonthEventRenderer extends VegaSlimmer {
       ChangeManager.unregister(domNodeSubjectFactory.getSubject(this.host, VegaInternalCalendarEventPreviewHide), this.popoverHideObserver);
     }
     // we should clear current event in vega-calendar-event-preview when popover hide
-    popover &&
+    if (popover) {
       DomNodeSubjectObserverFactory.addUniqueObserverToNode(popover, VegaPopoverHide, () => {
+        this.isGroupEventPreviewingFlag = false;
         ChangeManager.notify(domNodeSubjectFactory.getSubject(this.renderer.getEventPreviewRef(), VegaInternalCalendarEventPreviewClear), {});
       });
+      DomNodeSubjectObserverFactory.addUniqueObserverToNode(popover, VegaPopoverShow, () => {
+        this.isGroupEventPreviewingFlag = true;
+      });
+    }
+    else if (this.groupPopoverRef) {
+      DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.groupPopoverRef, VegaPopoverHide);
+      DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.groupPopoverRef, VegaPopoverShow);
+    }
+    this.groupPopoverRef = popover;
   }
 }
 __decorate$t([
@@ -2203,6 +2222,13 @@ var __decorate$r = (undefined && undefined.__decorate) || function (decorators,
 };
 /** The `VegaCalendarEventItemRenderer` class in TypeScript React is used for rendering calendar event items with specific layout and styling properties. */
 class VegaCalendarEventItemRenderer extends VegaSlimmer {
+  /**
+   * While it is a single event and the trigger is hover, we should show the preview popover when mouse enter on the event item.
+   */
+  previewingEvent(event, targetCalendarViewDate, isGroupEvent) {
+    this.eventPreviewEmitter.emit({ rawEvent: event.event });
+    this.setupPreviewContainer(event, targetCalendarViewDate, isGroupEvent);
+  }
   /**
    * render event component
    *
@@ -2214,11 +2240,18 @@ class VegaCalendarEventItemRenderer extends VegaSlimmer {
   render(item, classMap, targetCalendarViewDate, isGroupEvent = false) {
     return (h("vega-calendar-event", { "data-calendar-ref": this.host, key: `${item.eventKey}-${item.startTime.toString()}-${item.endTime.toString()}`, calendarEvent: item, class: classMap, onKeyDown: createEnterKeyHandlerToTriggerClick(), 
       // eslint-disable-next-line react/jsx-no-bind
-      onClick: () => {
-        this.handleEventClick(item);
-        this.enabledEventPreview &&
-          this.setupPreviewContainer(item, targetCalendarViewDate, isGroupEvent);
-      } }, !item.isRepeatEvent && h("slot", { name: getCalendarEventSlotName(item.event.key) })));
+      onClick: () => this.onEventClick(item, targetCalendarViewDate, isGroupEvent) }, !item.isRepeatEvent && h("slot", { name: getCalendarEventSlotName(item.event.key) })));
+  }
+  /**
+   * While it is a group event or the trigger is click with single event, we should show the preview popover when click on the event item.
+   */
+  onEventClick(event, targetCalendarViewDate, isGroupEvent) {
+    var _a;
+    this.handleEventClick(event);
+    if (this.enabledEventPreview &&
+      (isGroupEvent || ((_a = this.eventPreviewPopoverProps) === null || _a === void 0 ? void 0 : _a.trigger) !== 'hover')) {
+      this.previewingEvent(event, targetCalendarViewDate, isGroupEvent);
+    }
   }
   /**
    * emit vega click event
@@ -2232,6 +2265,7 @@ class VegaCalendarEventItemRenderer extends VegaSlimmer {
     const previewContainer = this.eventPreviewPopoverController.getEventPreviewContainer(event, targetCalendarViewDate, isGroupEvent);
     if (previewContainer) {
       const preview = this.renderer.getEventPreviewRef();
+      this.hidePreviousPreviewPopover(previewContainer);
       if (isGroupEvent) {
         preview.classList.remove('single-event-preview');
         preview.classList.add('group-event-preview');
@@ -2263,6 +2297,24 @@ class VegaCalendarEventItemRenderer extends VegaSlimmer {
       previewContainer.append(preview);
     }
   }
+  /**
+   * 1. The popover is not closed immediately when mouse leave.
+   * 2. The event preview popover shares a single preview component.
+   * While a new event item is hovered, it will make previous event popover empty, this will emit the popover flash in view.
+   * To avoid this, we hide the previous preview popover when a new event item is hovered.
+   * Ticket: https://gethired.atlassian.net/browse/VD-9920
+   */
+  hidePreviousPreviewPopover(previewContainer) {
+    var _a;
+    const preview = this.renderer.getEventPreviewRef();
+    const previousPreviewContainer = preview.parentElement;
+    if (((_a = this.eventPreviewPopoverProps) === null || _a === void 0 ? void 0 : _a.trigger) === 'hover' &&
+      previousPreviewContainer &&
+      previousPreviewContainer !== previewContainer) {
+      const box = findParent(previewContainer, 'vega-popover-content-box');
+      box && box.classList.add('vega-force-hidden');
+    }
+  }
 }
 VegaCalendarEventItemRenderer.backgroundColorModeEventHeight = 18;
 __decorate$r([
@@ -2280,9 +2332,15 @@ __decorate$r([
 __decorate$r([
   MapToComponentField()
 ], VegaCalendarEventItemRenderer.prototype, "enabledEventPreview", void 0);
+__decorate$r([
+  MapToComponentField()
+], VegaCalendarEventItemRenderer.prototype, "eventPreviewEmitter", void 0);
 __decorate$r([
   MapToComponentField()
 ], VegaCalendarEventItemRenderer.prototype, "renderer", void 0);
+__decorate$r([
+  MapToComponentField()
+], VegaCalendarEventItemRenderer.prototype, "eventPreviewPopoverProps", void 0);
 __decorate$r([
   MapToComponentField()
 ], VegaCalendarEventItemRenderer.prototype, "eventPreviewPopoverController", void 0);
@@ -3424,6 +3482,7 @@ class VegaCalendarEventPreviewPopoverRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.popoverHideObserver = null;
+    this.popoverRefMap = new WeakMap();
   }
   render(event, targetCalendarViewDate, classMap) {
     return this.enabledEventPreview
@@ -3431,11 +3490,13 @@ class VegaCalendarEventPreviewPopoverRenderer extends VegaSlimmer {
       : this.eventItemRenderer.render(event, classMap, targetCalendarViewDate);
   }
   renderPreviewPopover(event, classMap, targetCalendarViewDate) {
+    var _a;
     return (h("vega-popover", { isScreenPosition: true, placement: this.viewMode === 'day' ? 'top' : 'right', alignment: "center", class: {
         'event-preview-popover': true,
         'block': true,
-      }, padding: "0", size: VegaCalendarEventPreviewPopoverRenderer.SINGLE_EVENT_PREVIEW_WIDTH, ref: (el) => {
+      }, padding: "0", size: VegaCalendarEventPreviewPopoverRenderer.SINGLE_EVENT_PREVIEW_WIDTH, trigger: ((_a = this.eventPreviewPopoverProps) === null || _a === void 0 ? void 0 : _a.trigger) || 'click', ref: (el) => {
         this.setPopoverHideObserver(el);
+        this.listenPopoverRef(event, el, targetCalendarViewDate);
       } },
       h("div", { slot: "popover-content", class: "event-preview-popover-content" }, this.eventItemRenderer.render(event, classMap, targetCalendarViewDate)),
       h("div", { slot: "popover" },
@@ -3454,6 +3515,39 @@ class VegaCalendarEventPreviewPopoverRenderer extends VegaSlimmer {
       ChangeManager.unregister(domNodeSubjectFactory.getSubject(this.host, VegaInternalCalendarEventPreviewHide), this.popoverHideObserver);
     }
   }
+  listenPopoverRef(item, popover, targetCalendarViewDate) {
+    const onPopoverMouseEnter = (e) => {
+      this.onPopoverMouseEnter(e, item, targetCalendarViewDate);
+    };
+    if (popover) {
+      this.popoverRefMap.set(item, popover);
+      popover.removeEventListener('mouseenter', onPopoverMouseEnter);
+      popover.addEventListener('mouseenter', onPopoverMouseEnter);
+    }
+    else if (this.popoverRefMap.has(item)) {
+      const popoverRef = this.popoverRefMap.get(item);
+      if (popoverRef) {
+        popoverRef.removeEventListener('mouseenter', onPopoverMouseEnter);
+        this.popoverRefMap.delete(item);
+      }
+    }
+  }
+  /**
+   * When the mouse enters the popover, if the trigger is hover, we should show the preview popover when mouse enter on the event item.
+   * If the group event is previewing, we should prevent the popover from showing.
+   */
+  onPopoverMouseEnter(event, eventItem, targetCalendarViewDate) {
+    var _a;
+    if (this.enabledEventPreview && ((_a = this.eventPreviewPopoverProps) === null || _a === void 0 ? void 0 : _a.trigger) === 'hover') {
+      if (this.monthEventRenderer.isGroupEventPreviewing()) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+      }
+      else {
+        this.eventItemRenderer.previewingEvent(eventItem, targetCalendarViewDate, false);
+      }
+    }
+  }
 }
 VegaCalendarEventPreviewPopoverRenderer.SINGLE_EVENT_PREVIEW_WIDTH = 400;
 __decorate$i([
@@ -3474,9 +3568,15 @@ __decorate$i([
 __decorate$i([
   MapToComponentField()
 ], VegaCalendarEventPreviewPopoverRenderer.prototype, "enabledEventPreview", void 0);
+__decorate$i([
+  MapToComponentField()
+], VegaCalendarEventPreviewPopoverRenderer.prototype, "eventPreviewPopoverProps", void 0);
 __decorate$i([
   MapToComponentField()
 ], VegaCalendarEventPreviewPopoverRenderer.prototype, "eventPreviewPopoverController", void 0);
+__decorate$i([
+  MapToComponentField()
+], VegaCalendarEventPreviewPopoverRenderer.prototype, "monthEventRenderer", void 0);
 
 var __decorate$h = (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;
@@ -3623,6 +3723,10 @@ const penIcon = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 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="M36.4 360.9L13.4 439 1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1L73 498.6l78.1-23c12.4-3.6 23.7-9.9 33.4-18.4c1.4-1.2 2.7-2.5 4-3.8L492.7 149.3c21.9-21.9 24.6-55.6 8.2-80.5c-2.3-3.5-5.1-6.9-8.2-10L453.3 19.3c-25-25-65.5-25-90.5 0L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4zm46 13.5c1.7-5.6 4.5-10.8 8.4-15.2c.6-.6 1.1-1.2 1.7-1.8L321 129 383 191 154.6 419.5c-4.7 4.7-10.6 8.2-17 10.1l-23.4 6.9L59.4 452.6l16.1-54.8 6.9-23.4z"/></svg>`,
 };
 
+const deleteIcon = {
+  icon: `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_95086_21019)"><path d="M6 12.5C6 12.775 5.775 13 5.5 13C5.225 13 5 12.775 5 12.5V6C5 5.725 5.225 5.5 5.5 5.5C5.775 5.5 6 5.725 6 6V12.5ZM8.5 12.5C8.5 12.775 8.275 13 8 13C7.725 13 7.5 12.775 7.5 12.5V6C7.5 5.725 7.725 5.5 8 5.5C8.275 5.5 8.5 5.725 8.5 6V12.5ZM11 12.5C11 12.775 10.775 13 10.5 13C10.225 13 10 12.775 10 12.5V6C10 5.725 10.225 5.5 10.5 5.5C10.775 5.5 11 5.725 11 6V12.5ZM10.9219 0.779375L12.0688 2.5H14.25C14.6656 2.5 15 2.83594 15 3.25C15 3.66563 14.6656 4 14.25 4H14V13.5C14 14.8813 12.8813 16 11.5 16H4.5C3.11937 16 2 14.8813 2 13.5V4H1.75C1.33594 4 1 3.66563 1 3.25C1 2.83594 1.33594 2.5 1.75 2.5H3.93187L5.07812 0.779375C5.40312 0.292406 5.95 0 6.53438 0H9.46562C10.05 0 10.5969 0.292438 10.9219 0.779375ZM5.73438 2.5H10.2656L9.67188 1.61125C9.625 1.54188 9.54688 1.5 9.46562 1.5H6.53438C6.45312 1.5 6.34688 1.54188 6.32812 1.61125L5.73438 2.5ZM3.5 13.5C3.5 14.0531 3.94781 14.5 4.5 14.5H11.5C12.0531 14.5 12.5 14.0531 12.5 13.5V4H3.5V13.5Z" fill="currentColor" fill-opacity="0.95"/></g><defs><clipPath id="clip0_95086_21019"><rect width="14" height="16" fill="currentColor" transform="translate(1)"/></clipPath></defs></svg>`,
+};
+
 var __decorate$f = (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);
@@ -3632,6 +3736,7 @@ var __decorate$f = (undefined && undefined.__decorate) || function (decorators,
 var PreviewActionButtonType;
 (function (PreviewActionButtonType) {
   PreviewActionButtonType["Edit"] = "Edit";
+  PreviewActionButtonType["Delete"] = "Delete";
   PreviewActionButtonType["Close"] = "Close";
 })(PreviewActionButtonType || (PreviewActionButtonType = {}));
 class VegaCalendarEventPreviewDetailRenderer extends VegaSlimmer {
@@ -3680,9 +3785,10 @@ class VegaCalendarEventPreviewDetailRenderer extends VegaSlimmer {
           h("slot", { name: "event-preview-additional-fields" }))))));
   }
   renderActions() {
-    const { showEditButton } = this.eventActions || {};
+    const { showEditButton, showDeleteButton } = this.eventActions || {};
     return (h("vega-flex", { justifyContent: "end", class: "preview-actions" },
       showEditButton && (h("vega-button-circle", { "data-aria-label": VegaInternalTranslation.t('Edit event'), icon: VegaInternalIconManager.getIconKey('pen'), color: "text-primary", variant: "icon-only", "data-action-type": PreviewActionButtonType.Edit, ref: this.handleActionButtonClick })),
+      showDeleteButton && (h("vega-button-circle", { "data-aria-label": VegaInternalTranslation.t('Delete event'), icon: VegaInternalIconManager.getIconKey('delete'), color: "text-primary", variant: "icon-only", "data-action-type": PreviewActionButtonType.Delete, ref: this.handleActionButtonClick })),
       h("vega-button-circle", { "data-aria-label": VegaInternalTranslation.t('Close event preview detail'), icon: VegaInternalIconManager.getIconKey('close'), color: "text-primary", variant: "icon-only", "data-action-type": PreviewActionButtonType.Close, ref: this.handleActionButtonClick })));
   }
   renderHeader() {
@@ -3735,6 +3841,7 @@ class VegaCalendarEventPreviewDetailRenderer extends VegaSlimmer {
     close: closeIcon,
     clock: clockIcon,
     pen: penIcon,
+    delete: deleteIcon,
   });
 })();
 __decorate$f([
@@ -3779,15 +3886,19 @@ class EventPreviewActionsController extends VegaSlimmer {
     this.handlePreviewActionButtonClick = (payload) => {
       if (payload && payload.detail) {
         const { event, date, actionType } = payload.detail;
-        if (actionType === PreviewActionButtonType.Edit) {
-          this.eventEditEmitter.emit({
-            rawEvent: event.event,
-            date: {
-              year: date.year,
-              month: date.month,
-              date: date.date,
-            },
-          });
+        const eventDetail = {
+          rawEvent: event.event,
+          date: {
+            year: date.year,
+            month: date.month,
+            date: date.date,
+          },
+        };
+        if (actionType === PreviewActionButtonType.Edit && this.eventEditable) {
+          this.eventEditEmitter.emit(eventDetail);
+        }
+        if (actionType === PreviewActionButtonType.Delete && this.eventDeletable) {
+          this.eventDeleteEmitter.emit(eventDetail);
         }
       }
     };
@@ -3801,9 +3912,21 @@ class EventPreviewActionsController extends VegaSlimmer {
    */
   retrieveActionsVisibility(calendarEvent, calendarDate) {
     let result = {};
-    if (this.eventEditable && typeof this.getEventPreviewActions === 'function') {
+    if ((this.eventEditable || this.eventDeletable) &&
+      typeof this.getEventPreviewActions === 'function') {
       const { date, month, year } = calendarDate;
-      result = this.getEventPreviewActions(calendarEvent.event, { date, month, year });
+      const actionVisibility = this.getEventPreviewActions(calendarEvent.event, {
+        date,
+        month,
+        year,
+      });
+      const normalizedActionVisibility = actionVisibility && typeof actionVisibility === 'object'
+        ? actionVisibility
+        : {};
+      result = {
+        showEditButton: this.eventEditable && Boolean(normalizedActionVisibility.showEditButton),
+        showDeleteButton: this.eventDeletable && Boolean(normalizedActionVisibility.showDeleteButton),
+      };
     }
     return result;
   }
@@ -3826,12 +3949,18 @@ __decorate$e([
 __decorate$e([
   MapToComponentField()
 ], EventPreviewActionsController.prototype, "eventEditable", void 0);
+__decorate$e([
+  MapToComponentField()
+], EventPreviewActionsController.prototype, "eventDeletable", void 0);
 __decorate$e([
   MapToComponentField()
 ], EventPreviewActionsController.prototype, "getEventPreviewActions", void 0);
 __decorate$e([
   MapToComponentField()
 ], EventPreviewActionsController.prototype, "eventEditEmitter", void 0);
+__decorate$e([
+  MapToComponentField()
+], EventPreviewActionsController.prototype, "eventDeleteEmitter", void 0);
 __decorate$e([
   MapToComponentMethod('connectedCallback')
 ], EventPreviewActionsController.prototype, "registerPreviewActionButtonEvent", null);
@@ -4003,17 +4132,21 @@ const VegaCalendar = class {
     registerInstance(this, hostRef);
     this.vegaChange = createEvent(this, "vegaChange", 7);
     this.change = createEvent(this, "change", 7);
+    this.vegaEventPreview = createEvent(this, "vegaEventPreview", 7);
+    this.eventPreview = createEvent(this, "eventPreview", 7);
     this.vegaEventClick = createEvent(this, "vegaEventClick", 7);
     this.eventClick = createEvent(this, "eventClick", 7);
     this.vegaEventEdit = createEvent(this, "vegaEventEdit", 7);
     this.eventEdit = createEvent(this, "eventEdit", 7);
+    this.vegaEventDelete = createEvent(this, "vegaEventDelete", 7);
+    this.eventDelete = createEvent(this, "eventDelete", 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 = {};
+    this.globalSlimmer = new Map();
     this.translationSlimmer = new TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.renderer = new VegaCalendarRenderer();
@@ -4044,10 +4177,12 @@ const VegaCalendar = class {
     this.eventResponsiveController = new VegaCalendarEventResponsiveController();
     this.changeEventEmitter = createEventEmitSlimmer(VegaCalendar, VegaChange);
     this.eventClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaEventClick);
+    this.eventPreviewEmitter = createEventEmitSlimmer(VegaCalendar, VegaEventPreview);
     this.dateDblClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaDateDblClick);
     this.moreActionClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaMoreActionClick);
     this.dateClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaDateClick);
     this.eventEditEmitter = createEventEmitSlimmer(VegaCalendar, VegaEventEdit);
+    this.eventDeleteEmitter = createEventEmitSlimmer(VegaCalendar, VegaEventDelete);
     this.changeEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
     this.timeFormatNotifySlimmer = createSubStateNotifySlimmer(VegaCalendar, 'timeFormat', 'watchTimeFormat');
     this.showEventColorBarNotifySlimmer = createSubStateNotifySlimmer(VegaCalendar, 'showEventColorBar', 'watchShowEventColorBar');
@@ -4132,6 +4267,12 @@ const VegaCalendar = class {
      * @vegaVersion 2.87.0
      */
     this.eventEditable = true;
+    /**
+     * Controls whether the delete icon is shown for a calendar event.
+     *
+     * @vegaVersion 2.102.0
+     */
+    this.eventDeletable = true;
   }
   /**
    * Tracks changes to the current period state.
@@ -4302,6 +4443,9 @@ __decorate$c([
 __decorate$c([
   InjectVegaSlimmer()
 ], VegaCalendar.prototype, "eventClickEmitter", void 0);
+__decorate$c([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "eventPreviewEmitter", void 0);
 __decorate$c([
   InjectVegaSlimmer()
 ], VegaCalendar.prototype, "dateDblClickEmitter", void 0);
@@ -4314,6 +4458,9 @@ __decorate$c([
 __decorate$c([
   InjectVegaSlimmer()
 ], VegaCalendar.prototype, "eventEditEmitter", void 0);
+__decorate$c([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "eventDeleteEmitter", void 0);
 __decorate$c([
   InjectVegaSlimmer()
 ], VegaCalendar.prototype, "changeEventPrevent", void 0);
@@ -4677,7 +4824,7 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
 const VegaCalendarEvent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.globalSlimmer = {};
+    this.globalSlimmer = new Map();
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer({
       target: () => this.host,
       callback: 
@@ -4792,7 +4939,7 @@ const VegaCalendarEventPreview = class {
     this.detailRenderer = new VegaCalendarEventPreviewDetailRenderer();
     this.stateController = new VegaCalendarEventPreviewStateController();
     this.translationSlimmer = new TranslationSlimmer();
-    this.globalSlimmer = {};
+    this.globalSlimmer = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.eventActions = {};
   }
@@ -4833,7 +4980,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
 const VegaCalendarEventSlot = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.globalSlimmer = {};
+    this.globalSlimmer = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
@@ -5103,7 +5250,7 @@ const VegaCalendarPeriodSwitcher = class {
     this.change = createEvent(this, "change", 7);
     this.translationSlimmer = new TranslationSlimmer();
     this.changeEventEmitter = createEventEmitSlimmer(VegaCalendarPeriodSwitcher, VegaChange);
-    this.globalSlimmer = {};
+    this.globalSlimmer = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.currentPeriodController = new VegaCalendarPeriodCurrentPeriodController();
     this.stateController = new VegaCalendarPeriodStateController();

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

@@ -1,24 +1,24 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-82a4e107.js';
+import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-df3331d9.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { f as findParent, a as arrayToClassString } from './ui-80e610f4.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import './type-guard-26d83e7e.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-adfc80c6.js';
+import './type-guard-08c82e08.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-fff376d2.js';
+import './internal-translation-controller-4a7ee4d5.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './responsive-format-facade-07843ec3.js';
+import './responsive-format-facade-55131a33.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
-import './state-border-formatter-3b3dcfe8.js';
+import './state-border-formatter-2b73fa08.js';
 
 /**
  * This class is used to track the nested level of a component
@@ -135,7 +135,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const VegaCard = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaCardRuntimeMetricsPayloadDefinition);
     /**
      * Defines the background color of the card element.