@globalpayments/vega 2.25.0 → 2.27.0

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

@@ -2,35 +2,38 @@ import { h, F as Fragment, f as forceUpdate, r as registerInstance, c as createE
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-926991a9.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import { a as VegaClick, e as VegaChange, b as VegaDropdownClick, f as VegaEventClick, g as VegaDateDblClick, h as VegaMoreActionClick } from './vega-event-id-7465a011.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-9671142a.js';
 import { p as pad } from './date-732bc749.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
-import { g as VegaInternalCalendarMonthEventsChange } from './vega-internal-event-id-809b4ec8.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-345c46c5.js';
+import { i as VegaInternalCalendarMonthEventsChange } from './vega-internal-event-id-7e05cf4a.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { f as flatNestedArray } from './array-506b88b9.js';
-import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
+import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
 import { d as debounce } from './timer-9321173b.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-106273ec.js';
+import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-af28076b.js';
+import { T as TranslationSlimmer } from './translation-slimmer-c740a5f3.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
-import { p as isBackgroundColorTokenType } from './type-guard-4bc3fbf5.js';
-import { s as stateBackgroundColorFormatter } from './state-background-color-formatter-0f86292d.js';
+import { p as isBackgroundColorTokenType } from './type-guard-63caf78b.js';
+import { s as stateBackgroundColorFormatter } from './state-background-color-formatter-0540d006.js';
 import { b as parsePixelStringToNumber } from './pixel-f32c07ce.js';
-import './icon-manager-754cda3f.js';
-import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
+import './observer-3959f9dd.js';
+import './ui-0132dbb5.js';
+import './icon-manager-0f030f8a.js';
 import './dynamic-slimmer-90b8af32.js';
 import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
+import './feature-flag-controller-10780eeb.js';
 import './index-0863eec6.js';
 import './number-e2519d1c.js';
-import './breakpoints-e59edf8d.js';
-import './ui-df46cc20.js';
-import './ui-153f4ae7.js';
+import './breakpoints-36a3ed69.js';
+import './ui-8424715a.js';
+import './translation-3b437b6d.js';
+import './static-subject-title-6987a80b.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 
@@ -179,7 +182,7 @@ class VegaCalendarSwitchPanelRenderer extends VegaSlimmer {
     return (h("div", { class: "calendar-date-switch-container" },
       h("vega-button", { variant: "secondary", size: "small", ref: (button) => {
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, VegaClick, this.todayButtonClick);
-        } }, "Today"),
+        }, label: this.translationSlimmer.t('Today') }),
       h("vega-button-circle", { variant: "secondary", size: "small", icon: VegaInternalIconManager.getIconKey('chevron-left'), label: "previous", showTooltip: false, ref: (button) => {
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, VegaClick, this.prevButtonClick);
         } }),
@@ -202,7 +205,7 @@ class VegaCalendarSwitchPanelRenderer extends VegaSlimmer {
    * @returns {HTMLElement} An HTMLElement containing a vega-segment-control element with specific attributes and event handling.
    */
   renderViewSwitch() {
-    return (h("vega-segment-control", { segments: VegaCalendarSwitchPanelRenderer.views, size: "small", variant: "text-only", selected: this.viewMode, ref: (node) => {
+    return (h("vega-segment-control", { segments: VegaCalendarSwitchPanelRenderer.views.map((item) => (Object.assign(Object.assign({}, item), { text: this.translationSlimmer.t(item.text) }))), size: "small", variant: "text-only", selected: this.viewMode, ref: (node) => {
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, VegaChange, this.handleViewChange);
       } }));
   }
@@ -229,18 +232,23 @@ class VegaCalendarSwitchPanelRenderer extends VegaSlimmer {
     const currentDate = this.currentPeriod.current;
     let result = '';
     switch (this.viewMode) {
-      case 'day':
-        result = `${currentDate.date} ${getMonthName(currentDate.toDate())}, ${currentDate.year}`;
+      case 'day': {
+        const monthName = this.translationSlimmer.t(getMonthName(currentDate.toDate()));
+        result = `${currentDate.date} ${monthName}, ${currentDate.year}`;
         break;
+      }
       case 'week': {
         const start = this.currentPeriod.startDate;
         const end = this.currentPeriod.endDate;
-        result = `${start.date} ${getMonthName(start.toDate())}${start.year === end.year ? '' : ', ' + start.year} - ${end.date} ${getMonthName(end.toDate())}, ${end.year}`;
+        const [startMonthName, endMonthName] = [start, end].map((item) => this.translationSlimmer.t(getMonthName(item.toDate())));
+        result = `${start.date} ${startMonthName}${start.year === end.year ? '' : ', ' + start.year} - ${end.date} ${endMonthName}, ${end.year}`;
         break;
       }
-      case 'month':
-        result = `${getMonthName(currentDate.toDate())}, ${currentDate.year}`;
+      case 'month': {
+        const monthName = this.translationSlimmer.t(getMonthName(currentDate.toDate()));
+        result = `${monthName}, ${currentDate.year}`;
         break;
+      }
     }
     return result;
   }
@@ -278,6 +286,9 @@ __decorate$n([
 __decorate$n([
   MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "calendarViewController", void 0);
+__decorate$n([
+  MapToComponentField()
+], VegaCalendarSwitchPanelRenderer.prototype, "translationSlimmer", void 0);
 
 var __decorate$m = (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;
@@ -324,7 +335,7 @@ class VegaCalendarMonthViewRenderer extends VegaSlimmer {
   render() {
     const weekHead = this.calendarView.weekdays;
     return (h("div", { class: "calendar-view-month-container" },
-      h("div", { class: "calendar-view-row calendar-view-title border-divider-bottom" }, weekHead.map((title) => (h("div", { key: title }, title)))),
+      h("div", { class: "calendar-view-row calendar-view-title border-divider-bottom" }, weekHead.map((title) => (h("div", { key: title }, this.translationSlimmer.t(title))))),
       this.renderMonthViewContent()));
   }
   /**
@@ -383,10 +394,16 @@ class VegaCalendarMonthViewRenderer extends VegaSlimmer {
    * @param {CalendarDate} calendarDate the calendar date object
    */
   handleDateBlockClick(e, calendarDate) {
-    const target = e.target;
+    const { target, clientX, clientY } = e;
     if (this.isMonthBlockBlankArea(target)) {
       const { year, month, date } = calendarDate;
-      this.dateDblClickEmitter.emit({ year, month, date, hour: 0 });
+      this.dateDblClickEmitter.emit({
+        year,
+        month,
+        date,
+        hour: 0,
+        mouseEventInfo: { clientX, clientY },
+      });
     }
   }
   /**
@@ -421,6 +438,9 @@ __decorate$l([
 __decorate$l([
   MapToComponentField()
 ], VegaCalendarMonthViewRenderer.prototype, "dateDblClickEmitter", void 0);
+__decorate$l([
+  MapToComponentField()
+], VegaCalendarMonthViewRenderer.prototype, "translationSlimmer", void 0);
 
 var __decorate$k = (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;
@@ -454,10 +474,10 @@ class VegaCalendarViewWithTimeRenderer extends VegaSlimmer {
       h("div", { class: "calendar-view-row" },
         h("div", { class: "time-line-empty" }),
         h("div", { class: "calendar-view-title" }, source.map((item, index) => (h("div", { key: item.date, class: { active: item.isToday() } },
-          h("div", null, weekHead[index]),
+          h("div", null, this.translationSlimmer.t(weekHead[index])),
           h("div", { class: "week-day" }, item.date)))))),
       h("div", { class: "calendar-view-row calendar-view-event-all-container border-divider-bottom" },
-        h("div", { class: "time-line-all" }, "All Day"),
+        h("div", { class: "time-line-all" }, this.translationSlimmer.t('All Day')),
         this.dayViewFullDayEventRenderer.render())));
   }
   /**
@@ -489,8 +509,8 @@ class VegaCalendarViewWithTimeRenderer extends VegaSlimmer {
     return timeLineSource.map((_item, index) => {
       return (h("div", { class: "grid-cell border-divider-top", 
         // eslint-disable-next-line react/jsx-no-bind
-        onDblClick: () => {
-          this.handleDateBlockClick(calendarDate, index);
+        onDblClick: (e) => {
+          this.handleDateBlockClick(calendarDate, index, e);
         } }));
     });
   }
@@ -499,9 +519,10 @@ class VegaCalendarViewWithTimeRenderer extends VegaSlimmer {
    *
    * @param {CalendarDate} calendarDate the calendar date object
    */
-  handleDateBlockClick(calendarDate, hour) {
+  handleDateBlockClick(calendarDate, hour, e) {
     const { year, month, date } = calendarDate;
-    this.dateDblClickEmitter.emit({ year, month, date, hour });
+    const { clientX, clientY } = e;
+    this.dateDblClickEmitter.emit({ year, month, date, hour, mouseEventInfo: { clientX, clientY } });
   }
 }
 __decorate$k([
@@ -525,6 +546,9 @@ __decorate$k([
 __decorate$k([
   MapToComponentField()
 ], VegaCalendarViewWithTimeRenderer.prototype, "dateDblClickEmitter", void 0);
+__decorate$k([
+  MapToComponentField()
+], VegaCalendarViewWithTimeRenderer.prototype, "translationSlimmer", void 0);
 
 var __decorate$j = (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;
@@ -585,6 +609,12 @@ class VegaCalendarTimeLineRenderer extends VegaSlimmer {
   updateTimeLineIfComponentAddBack() {
     this.syncTimeMarkerPosition(this.viewMode);
   }
+  /**
+   * Should display the current time block in the view if the default view mode is not month
+   */
+  displayCurrentTimeBlockByDefault() {
+    this.scrollToTargetTimeBlock(this.viewMode);
+  }
   /**
    * The function `getTimeMarkerPosition` calculates the position of the current time marker as a percentage of the day.
    *
@@ -652,11 +682,12 @@ class VegaCalendarTimeLineRenderer extends VegaSlimmer {
   scrollToTargetTimeBlock(viewMode) {
     if (viewMode !== 'month') {
       // add setTimeout here to make sure call the scroll into view after time line rendered.
+      const oneFrame = 16;
       setTimeout(() => {
         var _a, _b;
         const hour = new Date().getHours();
         (_b = (_a = this.timeLineRef) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-time='${hour < 23 ? hour + 1 : hour}']`)) === null || _b === void 0 ? void 0 : _b.scrollIntoView({ block: 'end' });
-      }, 0);
+      }, oneFrame);
     }
   }
 }
@@ -675,6 +706,9 @@ __decorate$j([
 __decorate$j([
   MapToComponentMethod('connectedCallback')
 ], VegaCalendarTimeLineRenderer.prototype, "updateTimeLineIfComponentAddBack", null);
+__decorate$j([
+  MapToComponentMethod('componentDidLoad')
+], VegaCalendarTimeLineRenderer.prototype, "displayCurrentTimeBlockByDefault", null);
 
 /**
  * Get a week days array
@@ -3343,6 +3377,7 @@ const VegaCalendar = class {
     this.vegaMoreActionClick = createEvent(this, "vegaMoreActionClick", 7);
     this.moreActionClick = createEvent(this, "moreActionClick", 7);
     this.globalSlimmer = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.renderer = new VegaCalendarRenderer();
     this.switchPanelRenderer = new VegaCalendarSwitchPanelRenderer();
@@ -3374,20 +3409,20 @@ const VegaCalendar = class {
     /**
      * Specifies the current view mode of the calendar.
      *
-     * @version 2.14.0
+     * @vegaVersion 2.14.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.viewMode = 'month';
     /**
      * Specifies the time format of the calendar.
      *
-     * @version 2.14.0
+     * @vegaVersion 2.14.0
      */
     this.timeFormat = '24-hour';
     /**
      * Controls the visibility of the calendar's event color bar.
      *
-     * @version 2.21.0
+     * @vegaVersion 2.21.0
      */
     this.showEventColorBar = true;
   }
@@ -3442,6 +3477,9 @@ const VegaCalendar = class {
 __decorate$7([
   InjectVegaGlobalSlimmer()
 ], VegaCalendar.prototype, "globalSlimmer", void 0);
+__decorate$7([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "translationSlimmer", void 0);
 __decorate$7([
   InjectVegaSlimmer()
 ], VegaCalendar.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

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

@@ -1,18 +1,18 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-8a6b46ba.js';
+import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-3671ce60.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { f as findParent, a as arrayToClassString } from './ui-153f4ae7.js';
+import { f as findParent, a as arrayToClassString } from './ui-0132dbb5.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import './type-guard-4bc3fbf5.js';
-import './breakpoints-e59edf8d.js';
-import './ui-df46cc20.js';
+import './type-guard-63caf78b.js';
+import './breakpoints-36a3ed69.js';
+import './ui-8424715a.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsive-format-facade-e86c7fbb.js';
+import './responsive-format-facade-5a1329a7.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
-import './state-background-color-formatter-0f86292d.js';
+import './state-background-color-formatter-0540d006.js';
 
 /**
  * This class is used to track the nested level of a component
@@ -136,7 +136,7 @@ const VegaCard = class {
      *    It accepts a string value representing a valid
      *    background color token.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.backgroundColor = 'bg-primary';
     /**

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

@@ -1,62 +1,30 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
+import { S as SynchronizeTaskQueue } from './synchronize-task-queue-8f5fbbd9.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { r as reflow, e as executeAfterTransition } from './effect-8efd2c3c.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-e86c7fbb.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-5a1329a7.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
 import { i as VegaPageUpdate } from './vega-event-id-7465a011.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
-import './type-guard-4bc3fbf5.js';
-import './breakpoints-e59edf8d.js';
-import './ui-df46cc20.js';
+import './type-guard-63caf78b.js';
+import './breakpoints-36a3ed69.js';
+import './ui-8424715a.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
-import './dom-node-subject-observer-factory-926991a9.js';
+import './dom-node-subject-observer-factory-9461cd67.js';
+import './observer-3959f9dd.js';
+import './ui-0132dbb5.js';
 import './internal-vega-event-manager-722461c1.js';
 import './object-261e7344.js';
 
-/**
- * This queue runs tasks in the order they are added to the queue
- *
- * @implements {Queue<Task>}
- * @property {Task[]} queue used to be stored tasks pending for executing
- */
-class SynchronizeTaskQueue {
-  constructor() {
-    this.queue = [];
-  }
-  /**
-   * If the queue is empty, run the task immediately. Otherwise, add it to the queue
-   *
-   * @param {Task} item - Task - The task to be added to the queue.
-   */
-  async enqueue(item) {
-    const shouldRun = this.queue.length === 0;
-    this.queue.push(item);
-    if (shouldRun) {
-      await this.runTask();
-    }
-  }
-  /**
-   * Run the first task in the queue, then remove it from the queue and run the next task if there is one
-   */
-  async runTask() {
-    const firstTask = this.queue[0];
-    await firstTask.run();
-    this.queue.shift();
-    if (this.queue.length > 0) {
-      await this.runTask();
-    }
-  }
-}
-
 var TouchDirection;
 (function (TouchDirection) {
   TouchDirection["RIGHT"] = "TOUCH_DIR_RIGHT";
@@ -254,20 +222,20 @@ const VegaCarousel = class {
      * Specifies the number of elements displayed per page in the carousel.
      * @deprecated This property will be removed soon and replaced by prop itemsPerPage
      *
-     * @version 1.0.2
+     * @vegaVersion 1.0.2
      */
     this.perPage = 1;
     /**
      * Specifies the number of items displayed per page in the carousel.
      *
-     * @version 2.1.0
+     * @vegaVersion 2.1.0
      */
     this.itemsPerPage = 1;
     /**
      * Specifies whether to show the navigational buttons
      *    at the bottom of the carousel.
      *
-     * @version 1.0.2
+     * @vegaVersion 1.0.2
      */
     this.showSlider = true;
     /**
@@ -275,14 +243,14 @@ const VegaCarousel = class {
      *    when more than one element is displayed on each page
      *    using the `itemsPerPage` property.
      *
-     * @version 1.0.2
+     * @vegaVersion 1.0.2
      */
     this.spacing = 'size-16';
     /**
      * Indicates whether the carousel can be swiped
      *    to navigate between pages on a mobile device.
      *
-     * @version 1.18.0
+     * @vegaVersion 1.18.0
      */
     this.canSwipe = true;
     this.onClickIndicators = async (e) => {
@@ -363,7 +331,7 @@ const VegaCarousel = class {
    * Invoke this method to transition the carousel to the next available page,
    *    if it exists.
    *
-   * @version 1.0.2
+   * @vegaVersion 1.0.2
    */
   async nextPage() {
     const nextPage = this.page < this.totalPages ? this.page + 1 : this.page;
@@ -373,7 +341,7 @@ const VegaCarousel = class {
    * Invoke this method to transition the carousel to the previous page,
    *    if it exists.
    *
-   * @version 1.0.2
+   * @vegaVersion 1.0.2
    */
   async prevPage() {
     const nextPage = this.page > 1 ? this.page - 1 : this.page;
@@ -384,7 +352,7 @@ const VegaCarousel = class {
    *
    * @param nextPage
    * @returns {Promise<void>}
-   * @version 1.0.6
+   * @vegaVersion 1.0.6
    */
   async goToPage(nextPage) {
     await this.goToPageInternal(nextPage);

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

@@ -2,32 +2,34 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { C as CHECKBOX_VALUE_CHANGE, b as FORM_ELEMENT_VALUE_CHANGE, i as CHECKBOX_GROUP_DISABLED_CHANGE } from './static-subject-title-2e153754.js';
-import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { f as findParent } from './ui-153f4ae7.js';
+import { C as CHECKBOX_VALUE_CHANGE, b as FORM_ELEMENT_VALUE_CHANGE, h as CHECKBOX_GROUP_DISABLED_CHANGE } from './static-subject-title-6987a80b.js';
+import { O as Observer } from './observer-3959f9dd.js';
+import { f as findParent } from './ui-0132dbb5.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-2f9c871b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
 import { e as VegaChange } from './vega-event-id-7465a011.js';
-import { V as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-809b4ec8.js';
-import { R as RequiredFieldRule } from './required-field-rule-f438a73f.js';
+import { V as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-7e05cf4a.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-9461cd67.js';
+import { R as RequiredFieldRule } from './required-field-rule-5da360cc.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-c7b9d3b2.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-3d52b843.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-345c46c5.js';
 import './string-be824360.js';
-import './misc-9fdbcfbb.js';
+import './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
 import './dynamic-slimmer-90b8af32.js';
-import './page-resize-observer-slimmer-8caeb03b.js';
-import './breakpoints-e59edf8d.js';
-import './ui-df46cc20.js';
+import './translation-3b437b6d.js';
+import './page-resize-observer-slimmer-994c1e1b.js';
+import './breakpoints-36a3ed69.js';
+import './ui-8424715a.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
 import './number-e2519d1c.js';
 import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
+import './feature-flag-controller-10780eeb.js';
 import './index-0863eec6.js';
 
 /**
@@ -41,7 +43,7 @@ class CheckBoxRequiredRule {
    * input is anything else, return false
    *
    * @param {string | boolean} input - The input to be evaluated.
-   * @returns {EvaluateResult} - An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} - An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (typeof input === 'boolean') {
@@ -196,7 +198,7 @@ const VegaCheckbox = class {
      * Refer to the `value` property for detailed information on
      *    how to use this property during form validation.
      *
-     * @version 1.10.0
+     * @vegaVersion 1.10.0
      */
     this.identifier = '';
     /**
@@ -212,7 +214,7 @@ const VegaCheckbox = class {
      *    as a boolean and returns `true` when the checkbox is checked,
      *    and `false` when it is unchecked.
      *
-     * @version 1.0.7
+     * @vegaVersion 1.0.7
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.identifier !== '' ? '' : false;
@@ -221,32 +223,32 @@ const VegaCheckbox = class {
      *
      * Use the `value` property to retrieve the current status of the checkbox.
      *
-     * @version 1.0.7
+     * @vegaVersion 1.0.7
      */
     this.checked = false;
     /**
      * Specifies whether the checkbox element is disabled.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.disabled = false;
     /**
      * Specifies the size of the checkbox.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.size = 'default';
     /**
      * Specifies whether the checkbox must be checked
      *    to pass form validation.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.required = false;
     /**
      * Specifies the validation status of the checkbox component.
      *
-     * @version 1.10.0
+     * @vegaVersion 1.10.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -289,7 +291,7 @@ const VegaCheckbox = class {
    *
    * It is recommended to use this method instead of directly modifying the `value` property.
    *
-   * @version 1.16.0
+   * @vegaVersion 1.16.0
    */
   async setValue(value) {
     this.checked = this.identifier ? value === this.identifier : value === true;
@@ -428,14 +430,14 @@ const VegaCheckboxGroup = class {
      *    It provides descriptive text that helps identify
      *    the purpose of the checkbox group.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.label = '';
     /**
      * Stores the selected values of the nested checkboxes
      *    within the checkbox group.
      *
-     * @version 1.0.7
+     * @vegaVersion 1.0.7
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = [];
@@ -443,13 +445,13 @@ const VegaCheckboxGroup = class {
      * Specifies all properties of a `vega-flex` component,
      *    accessible as an object.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.vegaFlexProp = {};
     /**
      * Indicates if the checkbox group is disabled.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.disabled = false;
     /**
@@ -457,7 +459,7 @@ const VegaCheckboxGroup = class {
      *    checkbox group must be checked to pass
      *    form validation.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.required = false;
     /**
@@ -465,13 +467,13 @@ const VegaCheckboxGroup = class {
      *    assists users in selecting the appropriate
      *    value for the checkbox group.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.hint = '';
     /** Specifies the validation status of the
      *    checkbox group component.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -479,13 +481,13 @@ const VegaCheckboxGroup = class {
      * Determines whether automatic validation should be implemented for
      *    the checkbox group upon selection.
      *
-     * @version 2.6.0
+     * @vegaVersion 2.6.0
      */
     this.autoValidation = true;
     /**
      * Defines custom validation rules for the checkbox group.
      *
-     * @version 2.6.0
+     * @vegaVersion 2.6.0
      */
     this.validationRules = [];
     /**