@heartlandone/vega 2.100.0 → 2.102.0

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

@@ -5,24 +5,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const component = require('./component-1e352960.js');
-const responsiveFormatFacade = require('./responsive-format-facade-c6d7f0a1.js');
+const responsiveFormatFacade = require('./responsive-format-facade-95c54444.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-77f7be9f.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
-const vegaEventId = require('./vega-event-id-58afed7a.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-6bc675f6.js');
+const vegaEventId = require('./vega-event-id-b5abf7c9.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-574a6a1a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const ui = require('./ui-c91c37a7.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
+const vegaInternalEventId = require('./vega-internal-event-id-98d499d7.js');
 const index$1 = require('./index-5d1adcd1.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-e8c6b0e0.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
-require('./type-guard-00b8efc0.js');
+require('./type-guard-29e01bd4.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-27bfc8c7.js');
+require('./internal-translation-controller-eae8a8de.js');
 require('./static-subject-title-70c73b16.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
@@ -31,7 +31,7 @@ require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./try-get-document-c0ebd39a.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-7003c84a.js');
+require('./internal-vega-event-manager-0c256d63.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./observer-f49483e8.js');
 require('./mutation-observer-slimmer-749d5020.js');
@@ -59,7 +59,7 @@ __decorate$1([
   globalSlimmerRegistry.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;
@@ -76,7 +76,7 @@ const VegaButton = class {
     index.registerInstance(this, hostRef);
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
     this.click = index.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/cjs/vega-calendar_5.cjs.entry.js

@@ -6,40 +6,40 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-77f7be9f.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const vegaEventId = require('./vega-event-id-58afed7a.js');
-const internalIconManager = require('./internal-icon-manager-40bcac72.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
-const typeGuard = require('./type-guard-00b8efc0.js');
+const vegaEventId = require('./vega-event-id-b5abf7c9.js');
+const internalIconManager = require('./internal-icon-manager-b9702049.js');
+const vegaInternalEventId = require('./vega-internal-event-id-98d499d7.js');
+const typeGuard = require('./type-guard-29e01bd4.js');
 const accessibility = require('./accessibility-6ca2a237.js');
 const ui = require('./ui-c91c37a7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
-const internalTranslationController = require('./internal-translation-controller-27bfc8c7.js');
-const monthViewGenerator = require('./month-view-generator-0a3e04de.js');
-const internalCalendarPeriodFactory = require('./internal-calendar-period-factory-b11918ee.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-6bc675f6.js');
+const internalTranslationController = require('./internal-translation-controller-eae8a8de.js');
+const monthViewGenerator = require('./month-view-generator-a6827548.js');
+const internalCalendarPeriodFactory = require('./internal-calendar-period-factory-3c5236be.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-574a6a1a.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const array = require('./array-249289f2.js');
 const misc = require('./misc-3d30df91.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const timer = require('./timer-5f33058b.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-e264a120.js');
-const translationSlimmer = require('./translation-slimmer-31cd5a57.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-3b33e31c.js');
+const translationSlimmer = require('./translation-slimmer-0227ee24.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0a4e556d.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-d1974b28.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6033b824.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-5b68ba3f.js');
 const pixel = require('./pixel-98f2a10c.js');
-require('./icon-manager-be358b32.js');
-require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
+require('./icon-manager-7d20b0ab.js');
+require('./discriminated-3b8e72d5.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-vega-event-manager-7003c84a.js');
+require('./internal-vega-event-manager-0c256d63.js');
 require('./static-subject-title-70c73b16.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
@@ -47,7 +47,7 @@ require('./index-3ca118c4.js');
 require('./number-4816603d.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./synchronize-task-queue-1ee80e94.js');
-require('./keyboard-manager-16e96b62.js');
+require('./keyboard-manager-baa83a61.js');
 
 /**
  * Day view calendar generator
@@ -929,6 +929,7 @@ class VegaCalendarMonthEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
     super(...arguments);
     this.maxMonthDisplayEventsCount = 2;
     this.popoverHideObserver = null;
+    this.isGroupEventPreviewingFlag = false;
   }
   /**
    * current row dates all events.
@@ -977,6 +978,14 @@ class VegaCalendarMonthEventRenderer extends globalSlimmerRegistry.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
    *
@@ -1025,7 +1034,7 @@ class VegaCalendarMonthEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
       });
       return (index.h("div", { class: "month-event-more" },
         index.h("vega-popover", { trigger: "click", placement: "right", padding: '0', ref: (el) => {
-            this.setPopoverHideObserver(el);
+            this.setPopoverObserver(el);
           }, isScreenPosition: true },
           index.h("div", { tabIndex: 0, slot: "popover-content", role: "button", class: "more-button", onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, `${moreItemsLength} More`),
           index.h("vega-flex", { slot: "popover" },
@@ -1095,7 +1104,7 @@ class VegaCalendarMonthEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
     }
     return rowEvents;
   }
-  setPopoverHideObserver(popover) {
+  setPopoverObserver(popover) {
     if (popover) {
       this.popoverHideObserver = new observer.Observer((_payload) => true, async () => await popover.hide());
       changeManager.ChangeManager.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalCalendarEventPreviewHide), this.popoverHideObserver);
@@ -1104,10 +1113,20 @@ class VegaCalendarMonthEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
       changeManager.ChangeManager.unregister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalCalendarEventPreviewHide), this.popoverHideObserver);
     }
     // we should clear current event in vega-calendar-event-preview when popover hide
-    popover &&
+    if (popover) {
       domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(popover, vegaEventId.VegaPopoverHide, () => {
+        this.isGroupEventPreviewingFlag = false;
         changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.renderer.getEventPreviewRef(), vegaInternalEventId.VegaInternalCalendarEventPreviewClear), {});
       });
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(popover, vegaEventId.VegaPopoverShow, () => {
+        this.isGroupEventPreviewingFlag = true;
+      });
+    }
+    else if (this.groupPopoverRef) {
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.groupPopoverRef, vegaEventId.VegaPopoverHide);
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.groupPopoverRef, vegaEventId.VegaPopoverShow);
+    }
+    this.groupPopoverRef = popover;
   }
 }
 __decorate$t([
@@ -2207,6 +2226,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 globalSlimmerRegistry.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
    *
@@ -2218,11 +2244,18 @@ class VegaCalendarEventItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render(item, classMap, targetCalendarViewDate, isGroupEvent = false) {
     return (index.h("vega-calendar-event", { "data-calendar-ref": this.host, key: `${item.eventKey}-${item.startTime.toString()}-${item.endTime.toString()}`, calendarEvent: item, class: classMap, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), 
       // eslint-disable-next-line react/jsx-no-bind
-      onClick: () => {
-        this.handleEventClick(item);
-        this.enabledEventPreview &&
-          this.setupPreviewContainer(item, targetCalendarViewDate, isGroupEvent);
-      } }, !item.isRepeatEvent && index.h("slot", { name: typeGuard.getCalendarEventSlotName(item.event.key) })));
+      onClick: () => this.onEventClick(item, targetCalendarViewDate, isGroupEvent) }, !item.isRepeatEvent && index.h("slot", { name: typeGuard.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
@@ -2236,6 +2269,7 @@ class VegaCalendarEventItemRenderer extends globalSlimmerRegistry.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');
@@ -2267,6 +2301,24 @@ class VegaCalendarEventItemRenderer extends globalSlimmerRegistry.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 = ui.findParent(previewContainer, 'vega-popover-content-box');
+      box && box.classList.add('vega-force-hidden');
+    }
+  }
 }
 VegaCalendarEventItemRenderer.backgroundColorModeEventHeight = 18;
 __decorate$r([
@@ -2284,9 +2336,15 @@ __decorate$r([
 __decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarEventItemRenderer.prototype, "enabledEventPreview", void 0);
+__decorate$r([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaCalendarEventItemRenderer.prototype, "eventPreviewEmitter", void 0);
 __decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarEventItemRenderer.prototype, "renderer", void 0);
+__decorate$r([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaCalendarEventItemRenderer.prototype, "eventPreviewPopoverProps", void 0);
 __decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarEventItemRenderer.prototype, "eventPreviewPopoverController", void 0);
@@ -3428,6 +3486,7 @@ class VegaCalendarEventPreviewPopoverRenderer extends globalSlimmerRegistry.Vega
   constructor() {
     super(...arguments);
     this.popoverHideObserver = null;
+    this.popoverRefMap = new WeakMap();
   }
   render(event, targetCalendarViewDate, classMap) {
     return this.enabledEventPreview
@@ -3435,11 +3494,13 @@ class VegaCalendarEventPreviewPopoverRenderer extends globalSlimmerRegistry.Vega
       : this.eventItemRenderer.render(event, classMap, targetCalendarViewDate);
   }
   renderPreviewPopover(event, classMap, targetCalendarViewDate) {
+    var _a;
     return (index.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);
       } },
       index.h("div", { slot: "popover-content", class: "event-preview-popover-content" }, this.eventItemRenderer.render(event, classMap, targetCalendarViewDate)),
       index.h("div", { slot: "popover" },
@@ -3458,6 +3519,39 @@ class VegaCalendarEventPreviewPopoverRenderer extends globalSlimmerRegistry.Vega
       changeManager.ChangeManager.unregister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.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([
@@ -3478,9 +3572,15 @@ __decorate$i([
 __decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarEventPreviewPopoverRenderer.prototype, "enabledEventPreview", void 0);
+__decorate$i([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaCalendarEventPreviewPopoverRenderer.prototype, "eventPreviewPopoverProps", void 0);
 __decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarEventPreviewPopoverRenderer.prototype, "eventPreviewPopoverController", void 0);
+__decorate$i([
+  globalSlimmerRegistry.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;
@@ -3627,6 +3727,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);
@@ -3636,6 +3740,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 globalSlimmerRegistry.VegaSlimmer {
@@ -3684,9 +3789,10 @@ class VegaCalendarEventPreviewDetailRenderer extends globalSlimmerRegistry.VegaS
           index.h("slot", { name: "event-preview-additional-fields" }))))));
   }
   renderActions() {
-    const { showEditButton } = this.eventActions || {};
+    const { showEditButton, showDeleteButton } = this.eventActions || {};
     return (index.h("vega-flex", { justifyContent: "end", class: "preview-actions" },
       showEditButton && (index.h("vega-button-circle", { "data-aria-label": internalTranslationController.VegaInternalTranslation.t('Edit event'), icon: internalIconManager.VegaInternalIconManager.getIconKey('pen'), color: "text-primary", variant: "icon-only", "data-action-type": PreviewActionButtonType.Edit, ref: this.handleActionButtonClick })),
+      showDeleteButton && (index.h("vega-button-circle", { "data-aria-label": internalTranslationController.VegaInternalTranslation.t('Delete event'), icon: internalIconManager.VegaInternalIconManager.getIconKey('delete'), color: "text-primary", variant: "icon-only", "data-action-type": PreviewActionButtonType.Delete, ref: this.handleActionButtonClick })),
       index.h("vega-button-circle", { "data-aria-label": internalTranslationController.VegaInternalTranslation.t('Close event preview detail'), icon: internalIconManager.VegaInternalIconManager.getIconKey('close'), color: "text-primary", variant: "icon-only", "data-action-type": PreviewActionButtonType.Close, ref: this.handleActionButtonClick })));
   }
   renderHeader() {
@@ -3739,6 +3845,7 @@ class VegaCalendarEventPreviewDetailRenderer extends globalSlimmerRegistry.VegaS
     close: closeIcon,
     clock: clockIcon,
     pen: penIcon,
+    delete: deleteIcon,
   });
 })();
 __decorate$f([
@@ -3783,15 +3890,19 @@ class EventPreviewActionsController extends globalSlimmerRegistry.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);
         }
       }
     };
@@ -3805,9 +3916,21 @@ class EventPreviewActionsController extends globalSlimmerRegistry.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;
   }
@@ -3830,12 +3953,18 @@ __decorate$e([
 __decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], EventPreviewActionsController.prototype, "eventEditable", void 0);
+__decorate$e([
+  globalSlimmerRegistry.MapToComponentField()
+], EventPreviewActionsController.prototype, "eventDeletable", void 0);
 __decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], EventPreviewActionsController.prototype, "getEventPreviewActions", void 0);
 __decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], EventPreviewActionsController.prototype, "eventEditEmitter", void 0);
+__decorate$e([
+  globalSlimmerRegistry.MapToComponentField()
+], EventPreviewActionsController.prototype, "eventDeleteEmitter", void 0);
 __decorate$e([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], EventPreviewActionsController.prototype, "registerPreviewActionButtonEvent", null);
@@ -4007,17 +4136,21 @@ const VegaCalendar = class {
     index.registerInstance(this, hostRef);
     this.vegaChange = index.createEvent(this, "vegaChange", 7);
     this.change = index.createEvent(this, "change", 7);
+    this.vegaEventPreview = index.createEvent(this, "vegaEventPreview", 7);
+    this.eventPreview = index.createEvent(this, "eventPreview", 7);
     this.vegaEventClick = index.createEvent(this, "vegaEventClick", 7);
     this.eventClick = index.createEvent(this, "eventClick", 7);
     this.vegaEventEdit = index.createEvent(this, "vegaEventEdit", 7);
     this.eventEdit = index.createEvent(this, "eventEdit", 7);
+    this.vegaEventDelete = index.createEvent(this, "vegaEventDelete", 7);
+    this.eventDelete = index.createEvent(this, "eventDelete", 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 = {};
+    this.globalSlimmer = new Map();
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.renderer = new VegaCalendarRenderer();
@@ -4048,10 +4181,12 @@ const VegaCalendar = class {
     this.eventResponsiveController = new VegaCalendarEventResponsiveController();
     this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, vegaEventId.VegaChange);
     this.eventClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, vegaEventId.VegaEventClick);
+    this.eventPreviewEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, vegaEventId.VegaEventPreview);
     this.dateDblClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, vegaEventId.VegaDateDblClick);
     this.moreActionClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, vegaEventId.VegaMoreActionClick);
     this.dateClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, vegaEventId.VegaDateClick);
     this.eventEditEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, vegaEventId.VegaEventEdit);
+    this.eventDeleteEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, vegaEventId.VegaEventDelete);
     this.changeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
     this.timeFormatNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaCalendar, 'timeFormat', 'watchTimeFormat');
     this.showEventColorBarNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaCalendar, 'showEventColorBar', 'watchShowEventColorBar');
@@ -4136,6 +4271,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.
@@ -4306,6 +4447,9 @@ __decorate$c([
 __decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaCalendar.prototype, "eventClickEmitter", void 0);
+__decorate$c([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaCalendar.prototype, "eventPreviewEmitter", void 0);
 __decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaCalendar.prototype, "dateDblClickEmitter", void 0);
@@ -4318,6 +4462,9 @@ __decorate$c([
 __decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaCalendar.prototype, "eventEditEmitter", void 0);
+__decorate$c([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaCalendar.prototype, "eventDeleteEmitter", void 0);
 __decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaCalendar.prototype, "changeEventPrevent", void 0);
@@ -4681,7 +4828,7 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
 const VegaCalendarEvent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.globalSlimmer = {};
+    this.globalSlimmer = new Map();
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
       target: () => this.host,
       callback: 
@@ -4796,7 +4943,7 @@ const VegaCalendarEventPreview = class {
     this.detailRenderer = new VegaCalendarEventPreviewDetailRenderer();
     this.stateController = new VegaCalendarEventPreviewStateController();
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
-    this.globalSlimmer = {};
+    this.globalSlimmer = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.eventActions = {};
   }
@@ -4837,7 +4984,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
 const VegaCalendarEventSlot = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.globalSlimmer = {};
+    this.globalSlimmer = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
@@ -5107,7 +5254,7 @@ const VegaCalendarPeriodSwitcher = class {
     this.change = index.createEvent(this, "change", 7);
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendarPeriodSwitcher, vegaEventId.VegaChange);
-    this.globalSlimmer = {};
+    this.globalSlimmer = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.currentPeriodController = new VegaCalendarPeriodCurrentPeriodController();
     this.stateController = new VegaCalendarPeriodStateController();

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

@@ -4,25 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-9d762da0.js');
+const designToken = require('./design-token-351ffd2c.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-c91c37a7.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-require('./type-guard-00b8efc0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-77f7be9f.js');
+require('./type-guard-29e01bd4.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-27bfc8c7.js');
+require('./internal-translation-controller-eae8a8de.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./responsive-format-facade-c6d7f0a1.js');
+require('./responsive-format-facade-95c54444.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
-require('./state-border-formatter-dda9109a.js');
+require('./state-border-formatter-6c284859.js');
 
 /**
  * This class is used to track the nested level of a component
@@ -139,7 +139,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const VegaCard = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaCardRuntimeMetricsPayloadDefinition);
     /**
      * Defines the background color of the card element.