@globalpayments/vega 2.21.0 → 2.23.0

package/dist/collection/constants/runtime-metrics-payload-definition/public-api/VegaSkeletonLoader/runtime-metrics-payload-definition.js

@@ -0,0 +1,62 @@
+export const VegaSkeletonRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_LOAD_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method load of public API VegaSkeletonLoaderController is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'VegaSkeletonLoaderController' && methodName === 'load',
+    /**
+     * The function checks if the method name is load.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_UNLOAD_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method unLoad of public API VegaSkeletonLoaderController is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'VegaSkeletonLoaderController' && methodName === 'unLoad',
+    /**
+     * The function checks if the method name is unLoad.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_UNLOADALL_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method unLoadAll of public API VegaSkeletonLoaderController is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'VegaSkeletonLoaderController' && methodName === 'unLoadAll',
+    /**
+     * The function checks if the method name is unLoadAll.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+];

package/dist/collection/constants/runtime-metrics-payload-definition/public-api/WaitForVegaHandler/runtime-metrics-payload-definition.js

@@ -0,0 +1,22 @@
+export const WaitForVegaPayloadDefinition = [
+  {
+    payloadKey: 'IS_WAITFORVEGA_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method waitForVega of public API WaitForVegaHandler is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'WaitForVegaHandler' && methodName === 'handle',
+    /**
+     * The function checks if the method name is waitForVega.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+];

package/dist/collection/constants/runtime-metrics-payload-definition/public-api/zindex-manager/runtime-metrics-payload-definition.js

@@ -0,0 +1,43 @@
+export const ZIndexManagerRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_OVERRIDEZINDEXBASICVALUES_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method overrideZIndexBasicValues of public API ZIndexManager is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'VegaZIndexManager' && methodName === 'overrideZIndexBasicValues',
+    /**
+     * The function checks if the method name is load.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'zIndexBasicValuesGreatThanTenThousand',
+    payloadDescription: 'Indicate if the basic z-index value is great than ten thousand',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'VegaZIndexManager' && methodName === 'overrideZIndexBasicValues',
+    /**
+     * The function checks if the method name is load.
+     *
+     * @param {unknown[]} args - The parameter of slimmer method
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (args) => {
+      return args['base'] > 10000;
+    },
+  },
+];

package/dist/collection/constants/ui.js

@@ -73,6 +73,8 @@ export const VegaNativeEventName = [
   'actionButtonClick',
   'moreActionClick',
   'expand',
+  'rowSelect',
+  'rowSelectAll',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const CssStates = ['default', 'hover', 'active', 'focus-visible'];

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

@@ -1,3 +1,4 @@
+import { WaitForVega } from './wait-for-vega-handler';
 /* istanbul ignore next */
 /**
  * Wait for all vega elements to be ready.
@@ -5,7 +6,5 @@
  * The below method is e2e-test covered in @see{module:wait-for-vega-should-work-as-expected}
  */
 export const waitForVega = async () => {
-  return await Promise.all(Array.from(document.querySelectorAll('*:not(.hydrated)'))
-    .filter((item) => item.tagName.startsWith('VEGA'))
-    .map((item) => { var _a; return (_a = item.componentOnReady) === null || _a === void 0 ? void 0 : _a.call(item); }));
+  return WaitForVega.handle();
 };

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

@@ -0,0 +1,17 @@
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import { sleep } from '../../../utils/test-utils';
+import { WaitForVega } from '../wait-for-vega-handler';
+describe('WaitForVegaHandler', () => {
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call handle', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    await WaitForVega.handle();
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'WaitForVegaHandler',
+        data: {
+          IS_WAITFORVEGA_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+});

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

@@ -0,0 +1,32 @@
+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 { InjectVegaTelemetrySlimmer } from 'vega-slimmer/core';
+import { WaitForVegaPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/WaitForVegaHandler/runtime-metrics-payload-definition';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
+/**
+ * WaitForVegaHandler to check whether the vega component has been loaded.
+ */
+class WaitForVegaHandler {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(WaitForVegaHandler, ['handle'], WaitForVegaPayloadDefinition);
+  }
+  /* istanbul ignore next */
+  /**
+   * Wait for all vega elements to be ready.
+   *
+   * The below method is e2e-test covered in @see{module:wait-for-vega-should-work-as-expected}
+   */
+  async handle() {
+    return await Promise.all(Array.from(document.querySelectorAll('*:not(.hydrated)'))
+      .filter((item) => item.tagName.startsWith('VEGA'))
+      .map((item) => { var _a; return (_a = item.componentOnReady) === null || _a === void 0 ? void 0 : _a.call(item); }));
+  }
+}
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], WaitForVegaHandler.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+export const WaitForVega = new WaitForVegaHandler();

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

@@ -2,6 +2,8 @@ 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 { sleep } from '../../../utils/test-utils';
 describe('vegaDialogController', () => {
   it('[deprecated] should render a dialog with options', async () => {
     VegaDialog.open({
@@ -63,4 +65,32 @@ describe('vegaDialogController', () => {
     expect(element.showCancel).toEqual(true);
     expect(element.modalProps).toEqual({ size: 480, isVerticallyCentered: false, showCloseButton: true });
   });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call load', () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    VegaDialog.open({
+      title: 'Dialog Title',
+      content: 'Dialog Content',
+      type: 'default',
+      okButton: { label: 'Yes' },
+      handleOk: () => {
+        return true;
+      },
+      cancelButton: { label: 'No' },
+      handleCancel: () => {
+        return true;
+      },
+      showCancel: true,
+      size: 480,
+      isVerticallyCentered: false,
+      showCloseButton: true,
+    });
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'VegaDialogController',
+        data: {
+          IS_OPEN_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
 });

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

@@ -1,3 +1,9 @@
+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;
+};
 var __rest = (this && this.__rest) || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,11 +16,18 @@ var __rest = (this && this.__rest) || function (s, e) {
   return t;
 };
 import { generateUUID } from '../../utils/misc';
+import { InjectVegaTelemetrySlimmer } from 'vega-slimmer/core';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
+import { VegaDialogRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/VegaDialogController/runtime-metrics-payload-definition';
 /**
  * The dialog controller
  */
 class VegaDialogController {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(VegaDialogController, ['open'], VegaDialogRuntimeMetricsPayloadDefinition);
+  }
   /**
+   *
    * It creates a new `vega-dialog` element, sets its properties, appends it to the DOM, and opens it
    *
    * @param {VegaDialogOption} options - VegaDialogOption
@@ -35,4 +48,7 @@ class VegaDialogController {
     return dialog;
   }
 }
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], VegaDialogController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 export const VegaDialog = new VegaDialogController();

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, VegaFormSubmit, VegaFormReset, VegaValidate, VegaRemove, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaSelectChange, VegaSelectAllChange, VegaRowClick, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaFormSubmit, VegaFormReset, VegaValidate, VegaRemove, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick]],
@@ -41,12 +41,17 @@ const entries = [
   ['vega-radio', [VegaChange, VegaFocus, VegaBlur]],
   ['vega-radio-group', [VegaChange]],
   ['vega-segment-control', [VegaChange]],
+  ['vega-selection-chip', [VegaChange]],
+  ['vega-selection-chip-group', [VegaChange]],
   ['vega-selection-tile', [VegaChange]],
   ['vega-selection-tile-group', [VegaChange]],
   ['vega-signature-capture', [VegaChange]],
   ['vega-stepper', [VegaChange]],
   ['vega-tab-group', [VegaClick]],
-  ['vega-table', [VegaChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick]],
+  [
+    'vega-table',
+    [VegaChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowSelect, VegaRowSelectAll],
+  ],
   ['vega-table-head-cell', [VegaClick]],
   ['vega-table-row', [VegaClick, VegaExpand]],
   ['vega-textarea', [VegaChange, VegaBlur]],

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

@@ -63,6 +63,8 @@ export const VegaFormSubmit = new VegaEventID('vegaFormSubmit', 'formSubmit');
 export const VegaFormReset = new VegaEventID('vegaFormReset', 'formReset');
 export const VegaRowClick = new VegaEventID('vegaRowClick', 'rowClick');
 export const VegaSelectChange = new VegaEventID('vegaSelectChange', 'selectChange');
+export const VegaRowSelect = new VegaEventID('vegaRowSelect', 'rowSelect');
+export const VegaRowSelectAll = new VegaEventID('vegaRowSelectAll', 'rowSelectAll');
 export const VegaSelectAllChange = new VegaEventID('vegaSelectAllChange', 'selectAllChange');
 export const VegaPageSizeChange = new VegaEventID('vegaPageSizeChange', 'pageSizeChange');
 export const VegaDropdownClick = new VegaEventID('vegaDropdownClick', 'dropdownClick');

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

@@ -26,3 +26,5 @@ export const VegaInternalSubStatePull = new VegaInternalEventID('subStatePull');
 export const VegaInternalSubStatePush = new VegaInternalEventID('subStatePush');
 export const VegaInternalCalendarMonthEventsChange = new VegaInternalEventID('monthEventsChange');
 export const VegaInternalDropdownTemplateItemsChange = new VegaInternalEventID('dropdownTemplateItemsChange');
+export const VegaInternalTableRowSelect = new VegaInternalEventID('tableRowSelect');
+export const VegaInternalTableRowSelectAll = new VegaInternalEventID('tableRowSelectAll');

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

@@ -1,5 +1,7 @@
 import { VegaEventManager } from '../../public-api';
 import { VegaBlur, VegaChange, VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaFocus, } from '../event-id/vega-event-id';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import { sleep } from '../../../utils/test-utils';
 describe('VegaEventManager', () => {
   it('should work proper while call setSemantics/getSemantics', () => {
     VegaEventManager.setSemantics({
@@ -29,4 +31,61 @@ describe('VegaEventManager', () => {
       VegaDropdownSearch,
     ]);
   });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call setSemantics', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    VegaEventManager.setSemantics({
+      components: {
+        'vega-accordion': {
+          namespace: 'native',
+          jqueryDelegatedEvent: true,
+        },
+      },
+    });
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'VegaEventManager',
+        data: {
+          IS_SETSEMANTICS_METHOD_CALLED: true,
+          globalEventIsNative: false,
+          eventOfSpecificComponentsIsNative: true,
+          eventOfSpecificComponentsIsVega: false,
+          globalJqueryDelegatedEventIsTrue: false,
+          jqueryDelegatedEventIsCustomStrategy: false,
+          jqueryDelegatedEventOfSpecialComponentsIsTrue: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call getSemantics', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    VegaEventManager.setSemantics({
+      components: {
+        'vega-accordion': {
+          namespace: 'native',
+          jqueryDelegatedEvent: true,
+        },
+      },
+    });
+    VegaEventManager.getSemantics(document.createElement('vega-accordion'));
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'VegaEventManager',
+        data: {
+          IS_GETSEMANTICS_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call getEnabledEventIdsByComponent', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    VegaEventManager.getEnabledEventIdsByComponent('vega-input');
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'VegaEventManager',
+        data: {
+          IS_GETENABLEDEVENTIDSBYCOMPONENT_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
 });

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

@@ -1,9 +1,21 @@
+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 EventManager from './internal-vega-event-manager';
+import { InjectVegaTelemetrySlimmer } from 'vega-slimmer/core';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
+import { VegaEventManagerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/VegaEventManager/runtime-metrics-payload-definition';
 /**
  * The VegaEventManager class provides methods for setting and retrieving event semantics configuration,
  * as well as getting the corresponding native event name for a given event.
  */
 class VegaEventManager {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(VegaEventManager, ['setSemantics', 'getSemantics', 'getEnabledEventIdsByComponent'], VegaEventManagerRuntimeMetricsPayloadDefinition);
+  }
   /**
    * The function sets the semantics configuration for event management.
    *
@@ -37,4 +49,7 @@ class VegaEventManager {
     return EventManager.getEnabledEventIdsByComponent(componentName);
   }
 }
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], VegaEventManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 export default new VegaEventManager();

package/dist/collection/helpers/feature-control/feature-flags-map.js

@@ -170,5 +170,10 @@ const FeatureFlagsMap = {
     createdAtVersion: '2.18.1',
     disabledByDefault: true,
   },
+  'VEGA_TELEMETRY.ENABLE_COLLECT_PUBLIC_API': {
+    description: `Feature flag to enable the collection of public api.`,
+    createdTimestamp: 1727232497961,
+    createdAtVersion: '2.21.0',
+  },
 };
 export default Object.freeze(FeatureFlagsMap);

package/dist/collection/helpers/formatter/string-formatter/number-mask-strategy.js

@@ -46,6 +46,15 @@ export class NumberMaskStrategy {
     }
     return resultStringBuilder.join('');
   }
+  /**
+   * Whether the input string need delete the latest char
+   *
+   * @param {string} value - the input value
+   * @returns {boolean} return true if the value need mask format. otherwise false
+   */
+  inputNeedFormat(value) {
+    return !this.mask.test(value);
+  }
   /**
    * Get the number RegExp
    *
@@ -65,13 +74,4 @@ export class NumberMaskStrategy {
     }
     return precisionMask;
   }
-  /**
-   * Whether the input string need delete the latest char
-   *
-   * @param {string} value - the input value
-   * @returns {boolean} return true if the value need mask format. otherwise false
-   */
-  inputNeedFormat(value) {
-    return !this.mask.test(value);
-  }
 }

package/dist/collection/helpers/formatter/string-formatter/number-thousand-comma-strategy.js

@@ -0,0 +1,69 @@
+import { NumberMaskStrategy } from './number-mask-strategy';
+/**
+ * A class for formatting number string with the "," as the thousand separator
+ */
+export class NumberThousandCommaStrategy extends NumberMaskStrategy {
+  /**
+   * It creates a new instance of the Mask class.
+   *
+   * @param {NumberMaskConfig} maskConfig - MaskConfig
+   */
+  constructor(maskConfig) {
+    super(maskConfig);
+  }
+  /**
+   * If the input is a number, format it as a thousand comma string
+   *
+   * @param {string} input - string
+   * @returns {string} The input string, but with commas as thousands separator.
+   */
+  format(input) {
+    if (this.skipFormat(input)) {
+      return input;
+    }
+    const resultStringBuilder = [...input];
+    for (let i = input.length - 1; i >= 0; i--) {
+      const value = resultStringBuilder.join('');
+      if (this.inputNeedFormat(value.replace(/,/g, ''))) {
+        resultStringBuilder.pop();
+      }
+    }
+    return this.thousandCommaFormat(resultStringBuilder.join(''));
+  }
+  /**
+   * Get the position of caret
+   *
+   * @param {string} input - The input string
+   * @param {number} caretPosition - The current caret position
+   * @returns {number} The new position of caret
+   */
+  calculateCaretPosition(input, caretPosition) {
+    const formatInput = this.format(input);
+    const oldFrontInput = input.substring(0, caretPosition);
+    const newFrontInput = formatInput.substring(0, caretPosition);
+    const oldFrontCommaCount = (oldFrontInput.match(/,/g) || []).length;
+    const newFrontCommaCount = (newFrontInput.match(/,/g) || []).length;
+    return caretPosition + (newFrontCommaCount - oldFrontCommaCount);
+  }
+  /**
+   * The function `thousandCommaFormat` takes a string input, removes non-numeric characters, formats the number with thousand commas, and returns the result.
+   *
+   * @param {string} input - Takes a string input and formats it by adding commas to separate thousands. It also handles decimal values based on the precision specified in the `maskConfig`.
+   * @returns {string} Returns a formatted string with commas for thousands separator and optional decimal places.
+   */
+  thousandCommaFormat(input) {
+    if (!input.length)
+      return input;
+    const inputValue = input.replace(/[^\d.-]/g, '');
+    const { precision } = this.maskConfig;
+    const pointIndex = inputValue.indexOf('.');
+    const decimals = precision && inputValue.length > 1 && pointIndex >= 1 ? inputValue.slice(pointIndex) : '';
+    const numValue = Number(inputValue.split('.')[0]);
+    if (!isNaN(numValue) && numValue <= Number.MAX_SAFE_INTEGER) {
+      return numValue.toLocaleString('en-US') + decimals;
+    }
+    else {
+      return inputValue;
+    }
+  }
+}

package/dist/collection/helpers/formatter/test/string-formatter/number-thousand-comma-mask-strategy.test.js

@@ -0,0 +1,30 @@
+import { NumberThousandCommaStrategy } from '../../string-formatter/number-thousand-comma-strategy';
+describe('NumberThousandCommaStrategy', () => {
+  it('format thousand comma if set property thousandComma is true', () => {
+    const numberStrategy = new NumberThousandCommaStrategy({
+      precision: 2,
+      thousandComma: true,
+    });
+    expect(numberStrategy.format('123')).toBe('123');
+    expect(numberStrategy.format('123a')).toBe('123');
+    expect(numberStrategy.format('1234')).toBe('1,234');
+    expect(numberStrategy.format('0.12')).toBe('0.12');
+    expect(numberStrategy.format('123456.0')).toBe('123,456.0');
+    expect(numberStrategy.format('-123456.0')).toBe('-123,456.0');
+    expect(numberStrategy.format('-1')).toBe('-1');
+    expect(numberStrategy.format('-1.')).toBe('-1.');
+    expect(numberStrategy.format('-1.a')).toBe('-1');
+    expect(numberStrategy.format('a')).toBe('');
+    expect(numberStrategy.format(',')).toBe('');
+    expect(numberStrategy.format('9007199254740992')).toBe('9007199254740992');
+  });
+  it('should method calculateCaretPosition run as expect', () => {
+    const numberStrategy = new NumberThousandCommaStrategy({
+      precision: 2,
+    });
+    expect(numberStrategy.calculateCaretPosition('123', 3)).toBe(3);
+    expect(numberStrategy.calculateCaretPosition('1,234', 4)).toBe(4);
+    expect(numberStrategy.calculateCaretPosition('1,23', 4)).toBe(3);
+    expect(numberStrategy.calculateCaretPosition('-123', 4)).toBe(4);
+  });
+});

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

@@ -1,8 +1,18 @@
+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 { InjectVegaTelemetrySlimmer } from 'vega-slimmer/core';
+import { VegaIconManagerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/IconManager/runtime-metrics-payload-definition';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
 /**
  * Internal icon manager controller.
  */
 class IconManager {
   constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(IconManager, ['register', 'getIcon', 'hasIcon'], VegaIconManagerRuntimeMetricsPayloadDefinition);
     this.icons = new Map();
   }
   /**
@@ -36,4 +46,7 @@ class IconManager {
     return this.icons.has(name);
   }
 }
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], IconManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 export const VegaIconManager = new IconManager();