@globalpayments/vega 2.33.0 → 2.34.1

package/dist/collection/components/vega-rich-text-editor/vega-rich-text-link-editor/vega-rich-text-link-editor.js

@@ -0,0 +1,247 @@
+var __decorate = (this && this.__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);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Host, h, Element, Prop, Event, Watch, Method } from '@stencil/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { sanitizeVegaComponent } from '../../../utils/component';
+import { VegaRichTextLinkEditorRenderer } from './slimmers/renderers/vega-rich-text-link-editor-renderer';
+import { createEventEmitSlimmer, } from '../../../helpers/event-manager/slimmers/event-emit-slimmer';
+import { VegaChange } from '../../../helpers/event-manager/event-id/vega-event-id';
+/**
+ * This is an internal used component and shouldn't be used by clients,
+ *    it doesn't show up in storybook either.
+ *
+ * @vegaVersion 2.34.0
+ */
+export class VegaRichTextLinkEditor {
+  constructor() {
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.renderer = new VegaRichTextLinkEditorRenderer();
+    this.changeEventEmitter = createEventEmitSlimmer(VegaRichTextLinkEditor, VegaChange);
+    /**
+     * Specifies the status of the link editor
+     *
+     * @vegaVersion 2.34.0
+     */
+    // eslint-disable-next-line @stencil/strict-mutable
+    this.status = 'editOrUnlinkSelection';
+    /**
+     * Specifies whether the status will be reset after hide the popover
+     *
+     * @vegaVersion 2.34.0
+     */
+    this.resetStatusAfterHide = true;
+  }
+  watchStatusChange() {
+    methodPlaceholder();
+  }
+  watchTargetChange() {
+    methodPlaceholder();
+  }
+  /**
+   * Provide a method to show the link editor popover
+   *
+   * @vegaVersion 2.34.0
+   */
+  async show() {
+    await this.renderer.getPopoverRef().show();
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
+  }
+  static get is() { return "vega-rich-text-link-editor"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-rich-text-link-editor.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-rich-text-link-editor.css"]
+  }; }
+  static get properties() { return {
+    "status": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "VegaRichTextLinkEditorStatus",
+        "resolved": "\"editOrUnlinkSelection\" | \"linkEdit\"",
+        "references": {
+          "VegaRichTextLinkEditorStatus": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.34.0"
+          }],
+        "text": "Specifies the status of the link editor"
+      },
+      "attribute": "status",
+      "reflect": false,
+      "defaultValue": "'editOrUnlinkSelection'"
+    },
+    "record": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaRTELinkEditorRecord",
+        "resolved": "{ text: string; url: string; }",
+        "references": {
+          "VegaRTELinkEditorRecord": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.34.0"
+          }],
+        "text": "Specifies the hyperlink editor record"
+      }
+    },
+    "resetStatusAfterHide": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.34.0"
+          }],
+        "text": "Specifies whether the status will be reset after hide the popover"
+      },
+      "attribute": "reset-status-after-hide",
+      "reflect": false,
+      "defaultValue": "true"
+    },
+    "target": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "HTMLElement",
+        "resolved": "HTMLElement",
+        "references": {
+          "HTMLElement": {
+            "location": "global"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.34.0"
+          }],
+        "text": "Specifies the target element for the popover."
+      }
+    }
+  }; }
+  static get events() { return [{
+      "method": "vegaChange",
+      "name": "vegaChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.34.0"
+          }],
+        "text": "An event emitter notifying content change."
+      },
+      "complexType": {
+        "original": "VegaRichTextLinkEditorChangeDetail",
+        "resolved": "{ action: \"link\"; payload: VegaRTELinkEditorRecord; } | { action: \"unlink\"; }",
+        "references": {
+          "VegaRichTextLinkEditorChangeDetail": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      }
+    }, {
+      "method": "change",
+      "name": "change",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.34.0"
+          }],
+        "text": "An event emitter notifying content change."
+      },
+      "complexType": {
+        "original": "VegaRichTextLinkEditorChangeDetail",
+        "resolved": "{ action: \"link\"; payload: VegaRTELinkEditorRecord; } | { action: \"unlink\"; }",
+        "references": {
+          "VegaRichTextLinkEditorChangeDetail": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      }
+    }]; }
+  static get methods() { return {
+    "show": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Provide a method to show the link editor popover",
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.34.0"
+          }]
+      }
+    }
+  }; }
+  static get elementRef() { return "host"; }
+  static get watchers() { return [{
+      "propName": "status",
+      "methodName": "watchStatusChange"
+    }, {
+      "propName": "target",
+      "methodName": "watchTargetChange"
+    }]; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaRichTextLinkEditor.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextLinkEditor.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextLinkEditor.prototype, "renderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextLinkEditor.prototype, "changeEventEmitter", void 0);

package/dist/collection/components/vega-table/vega-table-head-cell/vega-table-head-cell.css

@@ -97,12 +97,15 @@ th.break-word {
 }
 .vega-table-column.center {
   justify-content: center;
+  text-align: center;
 }
 .vega-table-column.right {
   justify-content: flex-end;
+  text-align: right;
 }
 .vega-table-column.left {
   justify-content: flex-start;
+  text-align: left;
 }
 .vega-table-column .vega-table-column-label {
   min-width: 0px;

package/dist/collection/constants/ui.js

@@ -81,6 +81,7 @@ export const VegaNativeEventName = [
   'selectedFileChange',
   'preview',
   'labelButtonClick',
+  'imageInserted',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const CssStates = ['default', 'hover', 'active', 'focus-visible'];

package/dist/collection/global/scripts/before-vega-load.js

@@ -16,6 +16,7 @@ import { waitForVega } from '../../helpers/common';
 import { VegaSkeletonLoader } from '../../helpers/skeleton-loader/vega-skeleton-loader-controller';
 import { VegaTranslation } from '../../helpers/translation';
 import { VegaTranslateObserverSlimmer } from '../../helpers/slimmers/global/vega-translate-observer-slimmer';
+import { VegaRTEContent } from '../../components/vega-rich-text-editor/dto/content-state';
 /**
  * Default export function that will be used by stencil global script,
  * which will be invoked before library loaded.
@@ -38,6 +39,7 @@ export default function () {
   injectWaitForVegaIntoGlobal();
   injectVegaSkeletonLoaderIntoGlobal();
   injectVegaTranslationIntoGlobal();
+  injectVegaRichTextEditorClassIntoGlobal();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -139,7 +141,7 @@ function injectValidCreditCardNumberRuleIntoGlobal() {
 function initRuntimeMetricsTelemetryCollection() {
   globalThis.VegaEnvInfo = vegaEnvManager.getVegaEnv();
   // eslint-disable-next-line spellcheck/spell-checker
-  void import('@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index.js').then((
+  void import('@globalpayments/vega-telemetry-runtime-metrics/index').then((
   // eslint-disable-next-line spellcheck/spell-checker
   module) => {
     module['default']['init'](FeatureFlag);
@@ -164,3 +166,9 @@ function injectVegaTranslationIntoGlobal() {
   globalThis.VegaTranslation = VegaTranslation;
   globalThis.VegaTranslationResourceEN = VegaTranslationResourceEN;
 }
+/**
+ * Inject VegaRTEContent to global as a public api
+ */
+function injectVegaRichTextEditorClassIntoGlobal() {
+  globalThis.VegaRTEContent = VegaRTEContent;
+}

package/dist/collection/helpers/change-manager/subject/static-subject/static-subject-title.js

@@ -24,3 +24,4 @@ export const FIELD_ERROR_STATE_CHANGE = new StaticSubject('FIELD_ERROR_STATE_CHA
 export const VEGA_VIRTUAL_SCROLL_TO_BOTTOM = new StaticSubject('VEGA_VIRTUAL_SCROLL_TO_BOTTOM');
 export const SELECTION_TILE_VALUE_CHANGE = new StaticSubject('SELECTION_TILE_VALUE_CHANGE');
 export const UPDATE_TRANSLATION = new StaticSubject('UPDATE_TRANSLATION');
+export const DARK_MODE_CHANGE = new StaticSubject('DARK_MODE_CHANGE');

package/dist/collection/helpers/common/index.js

@@ -1,4 +1,8 @@
 import { WaitForVega } from './wait-for-vega-handler';
+import { Observer } from '../change-manager/observer/observer';
+import ChangeManager from '../change-manager/change-manager';
+import domNodeSubjectFactory from '../change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalComponentDidRender } from '../event-manager/event-id/vega-internal-event-id';
 /* istanbul ignore next */
 /**
  * Wait for all vega elements to be ready.
@@ -8,3 +12,26 @@ import { WaitForVega } from './wait-for-vega-handler';
 export const waitForVega = async () => {
   return WaitForVega.handle();
 };
+/**
+ * Wait for the component has been rendered.
+ *
+ * @param {HTMLStencilElement} componentRef - The reference to the component that needs to be rendered.
+ * @returns {Promise<unknown>} A promise that resolves when the component has been rendered.
+ */
+export const waitForComponentDidRender = async (componentRef) => {
+  return new Promise((resolve) => {
+    const observer = new Observer(isAcceptableComponentDidRender.bind(null), () => {
+      ChangeManager.unregister(domNodeSubjectFactory.getSubject(componentRef, VegaInternalComponentDidRender), observer);
+      resolve(null);
+    });
+    ChangeManager.register(domNodeSubjectFactory.getSubject(componentRef, VegaInternalComponentDidRender), observer);
+  });
+};
+/**
+ * Determines whether the observer should accept changes.
+ *
+ * @returns {boolean} Always returns true in the current implementation.
+ */
+const isAcceptableComponentDidRender = () => {
+  return true;
+};

package/dist/collection/helpers/common/test/wait-for-vega-handler.test.js

@@ -1,4 +1,4 @@
-import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/index';
 import { sleep } from '../../../utils/test-utils';
 import { WaitForVega } from '../wait-for-vega-handler';
 describe('WaitForVegaHandler', () => {

package/dist/collection/helpers/dialog/test/vega-dialog-controller.test.js

@@ -2,7 +2,7 @@ jest.mock('../../../utils/misc', () => ({
   generateUUID: () => 'TEST_UUID',
 }));
 import { VegaDialog } from '../../public-api';
-import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/index';
 import { sleep } from '../../../utils/test-utils';
 describe('vegaDialogController', () => {
   it('[deprecated] should render a dialog with options', async () => {

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -1,4 +1,4 @@
-import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick]],
@@ -49,6 +49,10 @@ const entries = [
   ['vega-progress-tracker', [VegaCurrentStepUpdate]],
   ['vega-radio', [VegaChange, VegaFocus, VegaBlur]],
   ['vega-radio-group', [VegaChange]],
+  ['vega-rich-text-editor', [VegaChange, VegaImageInserted]],
+  ['vega-rich-text-editor-toolbar-button', [VegaClick]],
+  ['vega-rich-text-image-editor', [VegaChange]],
+  ['vega-rich-text-link-editor', [VegaChange]],
   ['vega-segment-control', [VegaChange]],
   ['vega-selection-chip', [VegaChange]],
   ['vega-selection-chip-group', [VegaChange]],

package/dist/collection/helpers/event-manager/event-id/vega-event-id.js

@@ -95,6 +95,7 @@ export const VegaCountryChange = new VegaEventID('vegaCountryChange', 'countryCh
 export const VegaActionButtonClick = new VegaEventID('vegaActionButtonClick', 'actionButtonClick');
 export const VegaMoreActionClick = new VegaEventID('vegaMoreActionClick', 'moreActionClick');
 export const VegaSelectFileChange = new VegaEventID('vegaSelectedFileChange', 'selectedFileChange');
+export const VegaImageInserted = new VegaEventID('vegaImageInserted', 'imageInserted');
 export const VegaRetry = new VegaEventID('vegaRetry', 'retry');
 export const VegaPreview = new VegaEventID('vegaPreview', 'preview');
 export const VegaLabelButtonClick = new VegaEventID('vegaLabelButtonClick', 'labelButtonClick');

package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js

@@ -33,3 +33,9 @@ export const VegaDropdownRenderItemInternalOverridden = new VegaInternalEventID(
 export const VegaDropdownSearchInternalOverridden = new VegaInternalEventID('VegaDropdownSearchInternalOverridden');
 export const VegaInternalSidenavLinkClick = new VegaInternalEventID('sidenavLinkClick');
 export const VegaInternalLeftNavGroupExpand = new VegaInternalEventID('leftNavGroupExpand');
+export const VegaInternalRichTextEditorFlushChanges = new VegaInternalEventID('richTextEditorFlushChanges');
+export const VegaInternalRichTextEditorSelectionRangeChange = new VegaInternalEventID('richTextEditorSelectionRangeChange');
+export const VegaInternalRichTextImageClick = new VegaInternalEventID('richTextImageClick');
+export const VegaInternalRichTextImageDeleteButtonClicked = new VegaInternalEventID('richTextImageDeleteButtonClicked');
+export const VegaInternalComponentDidRender = new VegaInternalEventID('componentDidRender');
+export const VegaInternalPopoverUpdateTarget = new VegaInternalEventID('popoverUpdateTarget');

package/dist/collection/helpers/event-manager/test/vega-event-manager.test.js

@@ -1,6 +1,6 @@
 import { VegaEventManager } from '../../public-api';
 import { VegaBlur, VegaChange, VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaFocus, VegaLabelButtonClick, VegaSearchTrigger, } from '../event-id/vega-event-id';
-import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/index';
 import { sleep } from '../../../utils/test-utils';
 describe('VegaEventManager', () => {
   it('should work proper while call setSemantics/getSemantics', () => {

package/dist/collection/helpers/feature-control/feature-flag-controller.js

@@ -1,6 +1,6 @@
 import FeatureFlagsMap from './feature-flags-map';
 import { LogUtility } from '../../utils/log';
-import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/index';
 /**
  * Feature flag controller to manage feature flags.
  *

package/dist/collection/helpers/feature-control/tests/feature-flag-controller.test.js

@@ -24,7 +24,7 @@ jest.mock('../feature-flags-map', () => {
   };
 });
 import { FeatureFlag } from '../feature-flag-controller';
-import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/index';
 const TEST_FLAG = 'NOT_DEFAULT_DISABLED';
 describe('featureFlagController unit test', () => {
   it('should be set default disabled key', () => {

package/dist/collection/helpers/icon/test/icon-manager-controller.test.js

@@ -1,5 +1,5 @@
 import { VegaIconManager } from '../icon-manager';
-import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/index';
 import { sleep } from '../../../utils/test-utils';
 describe('IconManagerController', () => {
   beforeAll(() => {

package/dist/collection/helpers/loading-indicator/tests/vega-loader-controller.test.js

@@ -2,7 +2,7 @@ jest.mock('../../../utils/misc', () => ({
   generateUUID: () => 'TEST_UUID',
 }));
 import { VegaLoader } from '../vega-loader-controller';
-import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/index';
 import { sleep } from '../../../utils/test-utils';
 describe('VegaLoaderController', () => {
   it('should append default loader into body', () => {

package/dist/collection/helpers/notify/tests/vega-notify-controller.test.js

@@ -4,7 +4,7 @@ jest.mock('../../../utils/misc', () => ({
 import { VegaNotify } from '../../public-api';
 import { setupUserAgent } from '../../../utils/test-utils';
 import { MockedResizeObserver } from '../../../utils/spec-utils';
-import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/index';
 import { sleep } from '../../../utils/test-utils';
 describe('vegaNotifyController', () => {
   beforeEach(() => {

package/dist/collection/helpers/public-api.js

@@ -14,3 +14,4 @@ export { ValidCreditCardNumberRule } from './validator/rules/valid-credit-card-n
 export { waitForVega } from './common';
 export { VegaSkeletonLoader } from './skeleton-loader/vega-skeleton-loader-controller';
 export { VegaTranslation, en as VegaTranslationResourceEN } from './translation';
+export { VegaRTEContent } from '../components/vega-rich-text-editor/dto/content-state';

package/dist/collection/helpers/queue/synchronize-task-queue.js

@@ -5,8 +5,14 @@
  * @property {Task[]} queue used to be stored tasks pending for executing
  */
 export class SynchronizeTaskQueue {
-  constructor() {
+  /**
+   * Define the task queue max length, the default is no length limit.
+   *
+   * @param {number} [maxTaskSize] the
+   */
+  constructor(maxTaskSize) {
     this.queue = [];
+    this.maxSize = maxTaskSize;
   }
   /**
    * If immediatelyRun is true, run the task immediately while the queue is empty. Otherwise, add it to the queue.
@@ -15,6 +21,9 @@ export class SynchronizeTaskQueue {
    * @param {Task} item - Task - The task to be added to the queue.
    */
   async enqueue(item, immediatelyRun = true) {
+    if (this.maxSize && this.queue.length === this.maxSize) {
+      this.queue.shift();
+    }
     const shouldRun = immediatelyRun && this.queue.length === 0;
     this.queue.push(item);
     if (shouldRun) {

package/dist/collection/helpers/queue/test/synchronize-task-queue.test.js

@@ -46,3 +46,31 @@ test('task queue should not immediately execute task while immediatelyRun set to
   expect(mockedTaskOne.mock.calls[0][0]).toEqual(0);
   expect(mockedTaskTwo.mock.calls[0][0]).toEqual(1);
 });
+test('task queue max size should work properly when set the property', async () => {
+  let taskQueue = new SynchronizeTaskQueue();
+  const mockedTaskOne = { run: jest.fn() };
+  const mockedTaskTwo = { run: jest.fn() };
+  const mockedTaskThree = { run: jest.fn() };
+  const mockedTaskFour = { run: jest.fn() };
+  expect(taskQueue['maxSize']).toBeUndefined();
+  await taskQueue.enqueue(mockedTaskOne, false);
+  await taskQueue.enqueue(mockedTaskTwo, false);
+  await taskQueue.enqueue(mockedTaskThree, false);
+  await taskQueue.enqueue(mockedTaskFour, false);
+  expect(taskQueue.queue.length).toEqual(4);
+  taskQueue = new SynchronizeTaskQueue(1);
+  await taskQueue.enqueue(mockedTaskOne, false);
+  await taskQueue.enqueue(mockedTaskTwo, false);
+  await taskQueue.enqueue(mockedTaskThree, false);
+  await taskQueue.enqueue(mockedTaskFour, false);
+  expect(taskQueue.queue.length).toEqual(1);
+  expect(taskQueue.queue[0]).toEqual(mockedTaskFour);
+  taskQueue = new SynchronizeTaskQueue(2);
+  await taskQueue.enqueue(mockedTaskOne, false);
+  await taskQueue.enqueue(mockedTaskTwo, false);
+  await taskQueue.enqueue(mockedTaskThree, false);
+  await taskQueue.enqueue(mockedTaskFour, false);
+  expect(taskQueue.queue.length).toEqual(2);
+  expect(taskQueue.queue[0]).toEqual(mockedTaskThree);
+  expect(taskQueue.queue[1]).toEqual(mockedTaskFour);
+});

package/dist/collection/helpers/skeleton-loader/tests/vega-skeleton-loader-controller.test.js

@@ -2,7 +2,7 @@ jest.mock('../../../utils/misc', () => ({
   generateUUID: () => 'TEST_UUID',
 }));
 import { VegaSkeletonLoader } from '../vega-skeleton-loader-controller';
-import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/index';
 import { sleep } from '../../../utils/test-utils';
 describe('vega-skeleton-loader-controller', () => {
   beforeEach(() => {

package/dist/collection/helpers/slimmers/component-usage-runtime-metrics.js

@@ -30,7 +30,7 @@ export class VegaComponentUsageRuntimeMetricsSlimmer extends VegaSlimmer {
    */
   sendUsagePayloadToTelemetry() {
     // eslint-disable-next-line spellcheck/spell-checker
-    void import('@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index.js').then((
+    void import('@globalpayments/vega-telemetry-runtime-metrics/index').then((
     // eslint-disable-next-line spellcheck/spell-checker
     module) => {
       try {

package/dist/collection/helpers/slimmers/dark-mode-state-controller-slimmer.js

@@ -0,0 +1,46 @@
+var __decorate = (this && this.__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);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { DARK_MODE_CHANGE } from '../change-manager/subject/static-subject/static-subject-title';
+import { Observer } from '../change-manager/observer/observer';
+import ChangeManager from '../change-manager/change-manager';
+/** The `DarkModeStateControllerSlimmer` class monitors dark mode changes and updates the state accordingly. */
+export class DarkModeStateControllerSlimmer extends VegaSlimmer {
+  /**
+   * Component lifecycle - [connectedCallback]
+   * Register an observer to watch for dark mode updates, which will cause the component to update.
+   */
+  connectedCallback() {
+    this.observer = new Observer(this.isAcceptObserver.bind(this), (isDark) => {
+      this.isInDarkMode = isDark;
+    });
+    ChangeManager.register(DARK_MODE_CHANGE, this.observer);
+  }
+  /**
+   * cancel dark mode observer when disconnectedCallback
+   */
+  disconnectResizeObserver() {
+    ChangeManager.unregister(DARK_MODE_CHANGE, this.observer);
+  }
+  /**
+   * Determines whether the observer should accept changes.
+   *
+   * @returns {boolean} Always returns true in the current implementation.
+   */
+  isAcceptObserver() {
+    return true;
+  }
+}
+__decorate([
+  MapToComponentField({ writable: true })
+], DarkModeStateControllerSlimmer.prototype, "isInDarkMode", void 0);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], DarkModeStateControllerSlimmer.prototype, "connectedCallback", null);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], DarkModeStateControllerSlimmer.prototype, "disconnectResizeObserver", null);

package/dist/collection/helpers/slimmers/element-appender-slimmer.js

@@ -139,9 +139,7 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
     }
   }
   componentDidLoad() {
-    this.setShowConfig();
-    this.setElementAppender();
-    this.registerElementAppenderListener();
+    this.initElementAppender();
   }
   getElementAppender() {
     return this.elementAppender;
@@ -158,6 +156,15 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
     this.elementAppender = null;
     this[this.isDropdownShowName] = false;
   }
+  updateShowConfigFactory(showConfigFactory) {
+    this.showConfigFactory = showConfigFactory;
+    this.initElementAppender();
+  }
+  initElementAppender() {
+    this.setShowConfig();
+    this.setElementAppender();
+    this.registerElementAppenderListener();
+  }
   setElementAppender() {
     this.elementAppender = new ElementAppender(this.showConfigFactory, this);
   }

package/dist/collection/helpers/slimmers/runtime-metrics/public-api-runtime-metrics-slimmer-base.js

@@ -31,7 +31,7 @@ export class VegaPublicAPIRuntimeMetricsSlimmerBase extends VegaSlimmer {
       const publicAPIMetricsPayload = this.getPublicAPIMetricsPayload(args);
       if (publicAPIMetricsPayload) {
         // eslint-disable-next-line spellcheck/spell-checker
-        void import('@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index.js').then((
+        void import('@globalpayments/vega-telemetry-runtime-metrics/index').then((
         // eslint-disable-next-line spellcheck/spell-checker
         module) => {
           module['default']['emit']('publicAPIMetrics', publicAPIMetricsPayload);

package/dist/collection/helpers/slimmers/runtime-metrics/test/public-api-runtime-metrics-slimmer-base.test.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { InjectVegaSlimmer } from '../../../../../../vega-slimmer/src/decorators/inject-vega-slimmer';
 import { createPublicAPIRuntimeMetricsSlimmer } from '../create-public-api-runtime-metrics-slimmer';
-import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/index';
 import { sleep } from '../../../../utils/test-utils';
 describe('VegaPublicAPIRuntimeMetricsSlimmerBase', () => {
   it('should console error log when usageDefinitions is empty ', () => {