@globalpayments/vega 2.25.0 → 2.27.0

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

@@ -6,35 +6,38 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
+const internalIconManager = require('./internal-icon-manager-858baff1.js');
 const date = require('./date-0a6bb035.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-35bb64e4.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ac20ea74.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
+const vegaInternalEventId = require('./vega-internal-event-id-c98e9a7d.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const array = require('./array-6e559cde.js');
-const misc = require('./misc-3d30df91.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
 const timer = require('./timer-5f33058b.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-60be5379.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-832a4215.js');
+const translationSlimmer = require('./translation-slimmer-8ebf126d.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const typeGuard = require('./type-guard-4d05d4b2.js');
-const stateBackgroundColorFormatter = require('./state-background-color-formatter-33ae4282.js');
+const typeGuard = require('./type-guard-a07b353b.js');
+const stateBackgroundColorFormatter = require('./state-background-color-formatter-418b84e6.js');
 const pixel = require('./pixel-98f2a10c.js');
-require('./icon-manager-2c3cf5ba.js');
-require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
+require('./observer-f49483e8.js');
+require('./ui-08f33116.js');
+require('./icon-manager-5a2b67cf.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-0e5235e1.js');
+require('./feature-flag-controller-078da332.js');
 require('./index-5792390b.js');
 require('./number-459031f7.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
-require('./ui-08f33116.js');
+require('./breakpoints-7e2dff90.js');
+require('./ui-32e69595.js');
+require('./translation-77e9ccce.js');
+require('./static-subject-title-3599787e.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 
@@ -183,7 +186,7 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.VegaSlimmer
     return (index.h("div", { class: "calendar-date-switch-container" },
       index.h("vega-button", { variant: "secondary", size: "small", ref: (button) => {
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, vegaEventId.VegaClick, this.todayButtonClick);
-        } }, "Today"),
+        }, label: this.translationSlimmer.t('Today') }),
       index.h("vega-button-circle", { variant: "secondary", size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-left'), label: "previous", showTooltip: false, ref: (button) => {
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, vegaEventId.VegaClick, this.prevButtonClick);
         } }),
@@ -206,7 +209,7 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.VegaSlimmer
    * @returns {HTMLElement} An HTMLElement containing a vega-segment-control element with specific attributes and event handling.
    */
   renderViewSwitch() {
-    return (index.h("vega-segment-control", { segments: VegaCalendarSwitchPanelRenderer.views, size: "small", variant: "text-only", selected: this.viewMode, ref: (node) => {
+    return (index.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.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, vegaEventId.VegaChange, this.handleViewChange);
       } }));
   }
@@ -233,18 +236,23 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.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;
   }
@@ -282,6 +290,9 @@ __decorate$n([
 __decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarSwitchPanelRenderer.prototype, "calendarViewController", void 0);
+__decorate$n([
+  globalSlimmerRegistry.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;
@@ -328,7 +339,7 @@ class VegaCalendarMonthViewRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
     const weekHead = this.calendarView.weekdays;
     return (index.h("div", { class: "calendar-view-month-container" },
-      index.h("div", { class: "calendar-view-row calendar-view-title border-divider-bottom" }, weekHead.map((title) => (index.h("div", { key: title }, title)))),
+      index.h("div", { class: "calendar-view-row calendar-view-title border-divider-bottom" }, weekHead.map((title) => (index.h("div", { key: title }, this.translationSlimmer.t(title))))),
       this.renderMonthViewContent()));
   }
   /**
@@ -387,10 +398,16 @@ class VegaCalendarMonthViewRenderer extends globalSlimmerRegistry.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 },
+      });
     }
   }
   /**
@@ -425,6 +442,9 @@ __decorate$l([
 __decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarMonthViewRenderer.prototype, "dateDblClickEmitter", void 0);
+__decorate$l([
+  globalSlimmerRegistry.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;
@@ -458,10 +478,10 @@ class VegaCalendarViewWithTimeRenderer extends globalSlimmerRegistry.VegaSlimmer
       index.h("div", { class: "calendar-view-row" },
         index.h("div", { class: "time-line-empty" }),
         index.h("div", { class: "calendar-view-title" }, source.map((item, index$1) => (index.h("div", { key: item.date, class: { active: item.isToday() } },
-          index.h("div", null, weekHead[index$1]),
+          index.h("div", null, this.translationSlimmer.t(weekHead[index$1])),
           index.h("div", { class: "week-day" }, item.date)))))),
       index.h("div", { class: "calendar-view-row calendar-view-event-all-container border-divider-bottom" },
-        index.h("div", { class: "time-line-all" }, "All Day"),
+        index.h("div", { class: "time-line-all" }, this.translationSlimmer.t('All Day')),
         this.dayViewFullDayEventRenderer.render())));
   }
   /**
@@ -493,8 +513,8 @@ class VegaCalendarViewWithTimeRenderer extends globalSlimmerRegistry.VegaSlimmer
     return timeLineSource.map((_item, index$1) => {
       return (index.h("div", { class: "grid-cell border-divider-top", 
         // eslint-disable-next-line react/jsx-no-bind
-        onDblClick: () => {
-          this.handleDateBlockClick(calendarDate, index$1);
+        onDblClick: (e) => {
+          this.handleDateBlockClick(calendarDate, index$1, e);
         } }));
     });
   }
@@ -503,9 +523,10 @@ class VegaCalendarViewWithTimeRenderer extends globalSlimmerRegistry.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([
@@ -529,6 +550,9 @@ __decorate$k([
 __decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarViewWithTimeRenderer.prototype, "dateDblClickEmitter", void 0);
+__decorate$k([
+  globalSlimmerRegistry.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;
@@ -589,6 +613,12 @@ class VegaCalendarTimeLineRenderer extends globalSlimmerRegistry.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.
    *
@@ -656,11 +686,12 @@ class VegaCalendarTimeLineRenderer extends globalSlimmerRegistry.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);
     }
   }
 }
@@ -679,6 +710,9 @@ __decorate$j([
 __decorate$j([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaCalendarTimeLineRenderer.prototype, "updateTimeLineIfComponentAddBack", null);
+__decorate$j([
+  globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
+], VegaCalendarTimeLineRenderer.prototype, "displayCurrentTimeBlockByDefault", null);
 
 /**
  * Get a week days array
@@ -2021,7 +2055,7 @@ class CalendarEvent {
     this._eventSpansDays = 1;
     this.repeatPattern = null;
     this._event = eventOptions;
-    this._eventKey = eventKey || misc.generateUUID();
+    this._eventKey = eventKey || createPublicApiRuntimeMetricsSlimmer.generateUUID();
     this.checkEventRequireField(eventOptions);
     this.initDate(eventOptions);
     this.initEventSpansDays();
@@ -3347,6 +3381,7 @@ const VegaCalendar = class {
     this.vegaMoreActionClick = index.createEvent(this, "vegaMoreActionClick", 7);
     this.moreActionClick = index.createEvent(this, "moreActionClick", 7);
     this.globalSlimmer = {};
+    this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.renderer = new VegaCalendarRenderer();
     this.switchPanelRenderer = new VegaCalendarSwitchPanelRenderer();
@@ -3378,20 +3413,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;
   }
@@ -3446,6 +3481,9 @@ const VegaCalendar = class {
 __decorate$7([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaCalendar.prototype, "globalSlimmer", void 0);
+__decorate$7([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaCalendar.prototype, "translationSlimmer", void 0);
 __decorate$7([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaCalendar.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

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

@@ -4,19 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
-const designToken = require('./design-token-2c2cdd7d.js');
+const designToken = require('./design-token-17b8e4d8.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-08f33116.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-require('./type-guard-4d05d4b2.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
+require('./type-guard-a07b353b.js');
+require('./breakpoints-7e2dff90.js');
+require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-aa849dc7.js');
+require('./responsive-format-facade-7bc51a43.js');
 require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
-require('./state-background-color-formatter-33ae4282.js');
+require('./state-background-color-formatter-418b84e6.js');
 
 /**
  * This class is used to track the nested level of a component
@@ -140,7 +140,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/cjs/vega-carousel.cjs.entry.js

@@ -3,64 +3,32 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
+const synchronizeTaskQueue = require('./synchronize-task-queue-8977cf10.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-73a88c4e.js');
 const effect = require('./effect-37695d3d.js');
-const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7bc51a43.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
-require('./type-guard-4d05d4b2.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
+require('./type-guard-a07b353b.js');
+require('./breakpoints-7e2dff90.js');
+require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./dom-node-subject-observer-factory-92271bc0.js');
+require('./dom-node-subject-observer-factory-2e41340d.js');
+require('./observer-f49483e8.js');
+require('./ui-08f33116.js');
 require('./internal-vega-event-manager-627b1328.js');
 require('./object-bbd4ed7f.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";
@@ -251,27 +219,27 @@ const VegaCarousel = class {
     this.pageUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCarousel, vegaEventId.VegaPageUpdate);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaCarousel, 'itemsPerPage', 'perPage', 1);
     this.carouselContentElements = [];
-    this.slideTaskQueue = new SynchronizeTaskQueue();
+    this.slideTaskQueue = new synchronizeTaskQueue.SynchronizeTaskQueue();
     this.currentItemsPerPage = 1;
     this.page = 1;
     /**
      * 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;
     /**
@@ -279,14 +247,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) => {
@@ -367,7 +335,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;
@@ -377,7 +345,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;
@@ -388,7 +356,7 @@ const VegaCarousel = class {
    *
    * @param nextPage
    * @returns {Promise<void>}
-   * @version 1.0.6
+   * @vegaVersion 1.0.6
    */
   async goToPage(nextPage) {
     await this.goToPageInternal(nextPage);