@globalpayments/vega 2.101.0 → 2.103.0

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

@@ -6,19 +6,19 @@ 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-987a170c.js');
-const internalIconManager = require('./internal-icon-manager-40bcac72.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-00b8efc0.js');
+const typeGuard = require('./type-guard-cce6fe1f.js');
 const accessibility = require('./accessibility-6ca2a237.js');
 const ui = require('./ui-c91c37a7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-67b5c186.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-d720d7e9.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-6bc675f6.js');
+const internalTranslationController = require('./internal-translation-controller-0d67ca4d.js');
+const monthViewGenerator = require('./month-view-generator-b6a2b8be.js');
+const internalCalendarPeriodFactory = require('./internal-calendar-period-factory-c3198ea7.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');
@@ -26,20 +26,20 @@ 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-3b33e31c.js');
-const translationSlimmer = require('./translation-slimmer-31cd5a57.js');
+const translationSlimmer = require('./translation-slimmer-1771d01f.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-a2872981.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.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-976b9526.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-332eec89.js');
 
 /**
  * Day view calendar generator
@@ -3727,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);
@@ -3736,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 {
@@ -3784,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() {
@@ -3839,6 +3845,7 @@ class VegaCalendarEventPreviewDetailRenderer extends globalSlimmerRegistry.VegaS
     close: closeIcon,
     clock: clockIcon,
     pen: penIcon,
+    delete: deleteIcon,
   });
 })();
 __decorate$f([
@@ -3883,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);
         }
       }
     };
@@ -3905,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;
   }
@@ -3930,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);
@@ -4113,13 +4142,15 @@ const VegaCalendar = class {
     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();
@@ -4155,6 +4186,7 @@ const VegaCalendar = class {
     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');
@@ -4239,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.
@@ -4424,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);
@@ -4787,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: 
@@ -4902,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 = {};
   }
@@ -4943,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() {
@@ -5213,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-a101a8d0.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-cce6fe1f.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-27bfc8c7.js');
+require('./internal-translation-controller-0d67ca4d.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./responsive-format-facade-c6d7f0a1.js');
+require('./responsive-format-facade-44d33457.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-49984fd6.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.

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

@@ -7,19 +7,19 @@ const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const accessibility = require('./accessibility-6ca2a237.js');
 const component = require('./component-1e352960.js');
 const effect = require('./effect-98e88068.js');
-const responsiveFormatFacade = require('./responsive-format-facade-c6d7f0a1.js');
+const responsiveFormatFacade = require('./responsive-format-facade-44d33457.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-67b5c186.js');
-const vegaEventId = require('./vega-event-id-987a170c.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-6bc675f6.js');
+const vegaEventId = require('./vega-event-id-b5abf7c9.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
-require('./type-guard-00b8efc0.js');
+require('./type-guard-cce6fe1f.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-27bfc8c7.js');
+require('./internal-translation-controller-0d67ca4d.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
 require('./breakpoints-1cc2c4c6.js');
@@ -32,7 +32,7 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./dom-node-subject-observer-factory-c82df135.js');
 require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
-require('./internal-vega-event-manager-976b9526.js');
+require('./internal-vega-event-manager-0c256d63.js');
 require('./object-b53e9416.js');
 
 var TouchDirection;
@@ -213,7 +213,7 @@ const VegaCarousel = class {
     index.registerInstance(this, hostRef);
     this.vegaPageUpdate = index.createEvent(this, "vegaPageUpdate", 7);
     this.pageUpdate = index.createEvent(this, "pageUpdate", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaCarouselRuntimeMetricsPayloadDefinition);
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
       callback: /* istanbul ignore next */ () => {

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

@@ -10,13 +10,13 @@ const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const observer = require('./observer-f49483e8.js');
 const ui = require('./ui-c91c37a7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ac9337f4.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-67b5c186.js');
-const vegaEventId = require('./vega-event-id-987a170c.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-77f7be9f.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-124d54ea.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-6bc675f6.js');
+const vegaEventId = require('./vega-event-id-b5abf7c9.js');
 const vegaInternalEventId = require('./vega-internal-event-id-98d499d7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-d720d7e9.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-574a6a1a.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-e8c6b0e0.js');
 const requiredFieldRule = require('./required-field-rule-400690c3.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
@@ -26,7 +26,7 @@ require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-39438062.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-translation-controller-27bfc8c7.js');
+require('./internal-translation-controller-0d67ca4d.js');
 require('./index-5d1adcd1.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
@@ -37,7 +37,7 @@ require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./sub-state-observer-slimmer-5b68ba3f.js');
-require('./internal-vega-event-manager-976b9526.js');
+require('./internal-vega-event-manager-0c256d63.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
@@ -116,7 +116,7 @@ const VegaCheckbox = class {
     this.vegaUserChange = index.createEvent(this, "vegaUserChange", 7);
     this.userChange = index.createEvent(this, "userChange", 7);
     this.change = index.createEvent(this, "change", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaCheckboxShowErrorController = new VegaCheckboxShowErrorController();
     this.ariaAttributesValueMapper = new ariaAttributesValueMapper.AriaAttributesValueMapper(() => {
       return this.host.shadowRoot.querySelector('input');
@@ -514,7 +514,7 @@ const VegaCheckboxGroup = class {
     this.vegaUserChange = index.createEvent(this, "vegaUserChange", 7);
     this.userChange = index.createEvent(this, "userChange", 7);
     this.change = index.createEvent(this, "change", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
         {

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

@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const responsiveFormatFacade = require('./responsive-format-facade-c6d7f0a1.js');
+const responsiveFormatFacade = require('./responsive-format-facade-44d33457.js');
 const ui = require('./ui-c91c37a7.js');
-const designToken = require('./design-token-9d762da0.js');
+const designToken = require('./design-token-a101a8d0.js');
 const accessibility = require('./accessibility-6ca2a237.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.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-67b5c186.js');
-const vegaEventId = require('./vega-event-id-987a170c.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-d720d7e9.js');
-require('./type-guard-00b8efc0.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');
+require('./type-guard-cce6fe1f.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-27bfc8c7.js');
+require('./internal-translation-controller-0d67ca4d.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
 require('./number-4816603d.js');
@@ -27,12 +27,12 @@ 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-49984fd6.js');
 require('./try-get-document-c0ebd39a.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dom-node-subject-observer-factory-c82df135.js');
 require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-976b9526.js');
+require('./internal-vega-event-manager-0c256d63.js');
 require('./vega-env-manager-23b8b23c.js');
 
 const VegaChipRuntimeMetricsPayloadDefinition = [
@@ -81,7 +81,7 @@ const VegaChip = class {
     this.close = index.createEvent(this, "close", 7);
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
     this.click = index.createEvent(this, "click", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
       callback: /* istanbul ignore next */ () => {
         this.setCurrentSize();

package/dist/cjs/vega-code-block.cjs.entry.js

@@ -4,46 +4,46 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.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 component = require('./component-1e352960.js');
-const internalIconManager = require('./internal-icon-manager-40bcac72.js');
+const internalIconManager = require('./internal-icon-manager-b9702049.js');
 const trashCan = require('./trash-can-46a5e19a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const vegaEventId = require('./vega-event-id-987a170c.js');
-const codeBlock = require('./code-block-c598832d.js');
+const vegaEventId = require('./vega-event-id-b5abf7c9.js');
+const codeBlock = require('./code-block-72de6c4d.js');
 const ui = require('./ui-c91c37a7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-98d499d7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-67b5c186.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-6bc675f6.js');
 const object = require('./object-b53e9416.js');
-const translationSlimmer = require('./translation-slimmer-31cd5a57.js');
-const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-4bd47aa1.js');
+const translationSlimmer = require('./translation-slimmer-1771d01f.js');
+const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-23d2b3d8.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const timer = require('./timer-5f33058b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-d720d7e9.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-574a6a1a.js');
 const copy = require('./copy-d021c780.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-ba588eb4.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('./misc-3d30df91.js');
 require('./observer-f49483e8.js');
 require('./string-39438062.js');
-require('./type-guard-00b8efc0.js');
+require('./type-guard-cce6fe1f.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-27bfc8c7.js');
+require('./internal-translation-controller-0d67ca4d.js');
 require('./static-subject-title-70c73b16.js');
 require('./dark-mode-style-controller-ec04ece9.js');
 require('./tinycolor-polyfill-502efaa8.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./try-get-document-c0ebd39a.js');
 require('./index-5d1adcd1.js');
-require('./internal-vega-event-manager-976b9526.js');
-require('./range-9f42fb40.js');
-require('./keyboard-manager-slimmer-0a4e556d.js');
-require('./keyboard-manager-16e96b62.js');
+require('./internal-vega-event-manager-0c256d63.js');
+require('./range-712fe703.js');
+require('./keyboard-manager-slimmer-a2872981.js');
+require('./keyboard-manager-332eec89.js');
 require('./synchronize-task-queue-1ee80e94.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
@@ -2157,7 +2157,7 @@ const VegaCodeBlock = class {
     this.change = index.createEvent(this, "change", 7);
     this.vegaRemove = index.createEvent(this, "vegaRemove", 7);
     this.remove = index.createEvent(this, "remove", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     //TODO: The global style should be removed after the code color change to the color token.
     this.componentGlobalStyleSlimmer = new componentGlobalStyleSlimmer.ComponentGlobalStyleSlimmer(codeColorVariableCss);
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();

package/dist/cjs/vega-color-picker.cjs.entry.js

@@ -7,13 +7,13 @@ const requiredFieldRule = require('./required-field-rule-400690c3.js');
 const accessibility = require('./accessibility-6ca2a237.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-c91c37a7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ac9337f4.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-124d54ea.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 staticSubjectTitle = require('./static-subject-title-70c73b16.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-67b5c186.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-6bc675f6.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaEventId = require('./vega-event-id-987a170c.js');
+const vegaEventId = require('./vega-event-id-b5abf7c9.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
@@ -23,7 +23,7 @@ require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dom-node-subject-observer-factory-c82df135.js');
 require('./vega-internal-event-id-98d499d7.js');
-require('./internal-translation-controller-27bfc8c7.js');
+require('./internal-translation-controller-0d67ca4d.js');
 require('./index-5d1adcd1.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
@@ -36,7 +36,7 @@ require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
 require('./sub-state-observer-slimmer-5b68ba3f.js');
-require('./internal-vega-event-manager-976b9526.js');
+require('./internal-vega-event-manager-0c256d63.js');
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   {
@@ -82,7 +82,7 @@ const VegaColorPicker = class {
     index.registerInstance(this, hostRef);
     this.vegaChange = index.createEvent(this, "vegaChange", 7);
     this.change = index.createEvent(this, "change", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
         {

package/dist/cjs/vega-color-swatch-picker.cjs.entry.js

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-77f7be9f.js');
 const requiredFieldRule = require('./required-field-rule-400690c3.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const component = require('./component-1e352960.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ac9337f4.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-124d54ea.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const vegaEventId = require('./vega-event-id-987a170c.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-67b5c186.js');
-const internalIconManager = require('./internal-icon-manager-40bcac72.js');
+const vegaEventId = require('./vega-event-id-b5abf7c9.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-6bc675f6.js');
+const internalIconManager = require('./internal-icon-manager-b9702049.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const translationSlimmer = require('./translation-slimmer-31cd5a57.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-d720d7e9.js');
+const translationSlimmer = require('./translation-slimmer-1771d01f.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-574a6a1a.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
@@ -25,7 +25,7 @@ require('./ui-c91c37a7.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./vega-internal-event-id-98d499d7.js');
-require('./internal-translation-controller-27bfc8c7.js');
+require('./internal-translation-controller-0d67ca4d.js');
 require('./index-5d1adcd1.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
@@ -38,9 +38,9 @@ require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
 require('./sub-state-observer-slimmer-5b68ba3f.js');
-require('./internal-vega-event-manager-976b9526.js');
-require('./icon-manager-be358b32.js');
-require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
+require('./internal-vega-event-manager-0c256d63.js');
+require('./icon-manager-7d20b0ab.js');
+require('./discriminated-3b8e72d5.js');
 require('./vega-env-manager-23b8b23c.js');
 
 var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -573,7 +573,7 @@ const VegaColorSwatchPicker = class {
     index.registerInstance(this, hostRef);
     this.vegaChange = index.createEvent(this, "vegaChange", 7);
     this.change = index.createEvent(this, "change", 7);
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [