@globalpayments/vega 2.21.0 → 2.23.0

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

@@ -0,0 +1,96 @@
+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 { 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 { sleep } from '../../../../utils/test-utils';
+describe('VegaPublicAPIRuntimeMetricsSlimmerBase', () => {
+  it('should console error log when usageDefinitions is empty ', () => {
+    class MockPublicAPI {
+      constructor() {
+        this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(MockPublicAPI, ['test'], 
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        '');
+      }
+      test(parameter) {
+        console.log('parameter', parameter);
+      }
+    }
+    __decorate([
+      InjectVegaSlimmer()
+    ], MockPublicAPI.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+    const mockPublicAPI = new MockPublicAPI();
+    jest.spyOn(console, 'log');
+    mockPublicAPI.test('test');
+    expect(console.log).toBeCalledTimes(1);
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager ', () => {
+    const MockPublicAPIRuntimeMetricsPayloadDefinition = [
+      {
+        payloadKey: 'IS_TEST_METHOD_CALLED',
+        payloadDescription: 'Indicate if the method test of public API MockPublicAPI is called',
+        canAccept: (scope, methodName) => scope === 'MockPublicAPI' && methodName === 'test',
+        payloadValue: () => {
+          return true;
+        },
+      },
+    ];
+    class MockPublicAPI {
+      constructor() {
+        this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(MockPublicAPI, ['test'], MockPublicAPIRuntimeMetricsPayloadDefinition);
+      }
+      test(parameter) {
+        console.log('parameter', parameter);
+      }
+    }
+    __decorate([
+      InjectVegaSlimmer()
+    ], MockPublicAPI.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+    const mockPublicAPI = new MockPublicAPI();
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    mockPublicAPI.test('test');
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'MockPublicAPI',
+        data: {
+          IS_TEST_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should not send runtime metrics to telemetry when the public api payload is empty', () => {
+    const MockPublicAPIRuntimeMetricsPayloadDefinition = [
+      {
+        payloadKey: 'IS_TEST_METHOD_CALLED',
+        payloadDescription: 'Indicate if the method test of public API MockPublicAPI is called',
+        canAccept: (scope, methodName) => scope === 'MockPublicAPI' && methodName === 'test',
+        payloadValue: () => {
+          return true;
+        },
+      },
+    ];
+    class MockPublicAPI {
+      constructor() {
+        this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(MockPublicAPI, ['test'], 
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        MockPublicAPIRuntimeMetricsPayloadDefinition);
+      }
+      test(parameter) {
+        console.log('parameter', parameter);
+      }
+    }
+    __decorate([
+      InjectVegaSlimmer()
+    ], MockPublicAPI.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+    const mockPublicAPI = new MockPublicAPI();
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    mockPublicAPI.test('test');
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).not.toBeCalled();
+    });
+  });
+});

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

@@ -9,11 +9,7 @@ import { InjectVegaSlimmer } from 'vega-slimmer/core';
 import { MockHTMLElement } from '@stencil/core/mock-doc';
 import { VegaComponentUsageRuntimeMetricsSlimmer, } from '../component-usage-runtime-metrics';
 import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
-function sleep(ms) {
-  return new Promise((resolve) => {
-    setTimeout(resolve, ms);
-  });
-}
+import { sleep } from '../../../utils/test-utils';
 describe('VegaComponentUsageRuntimeMetricsSlimmer', () => {
   const mockedComponentDidRenderMethod = jest.fn();
   const mockComponentRuntimeMetricsPayloadDefinition = [

package/dist/collection/helpers/theme/tests/theme-manager-controller.test.js

@@ -1,4 +1,6 @@
 import { VegaThemeManager } from '../theme-manager';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import { sleep } from '../../../utils/test-utils';
 const parseResultToArray = (textContent) => {
   return textContent === null || textContent === void 0 ? void 0 : textContent.trim().replace(/\n|\t|:root {|}/g, '').split(';').map((item) => item.split(': ')).filter((item) => item.length === 2).sort();
 };
@@ -507,3 +509,57 @@ describe('Dark mode', () => {
 	`);
   });
 });
+describe('Send Telemetry', () => {
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call overrideColors', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    await VegaThemeManager.overrideColors({ actionColor: '#3c9f55', sidebarColor: '#274f1c' });
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'ThemeManager',
+        data: {
+          IS_OVERRIDECOLORS_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call reset', async () => {
+    var _a, _b, _c, _d;
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    await VegaThemeManager.overrideColors({ actionColor: '#3c9f55', sidebarColor: '#274f1c' });
+    expect((_b = (_a = document.querySelector('#vegaCustomOverrideTheme')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.length).toBeGreaterThan(0);
+    await VegaThemeManager.reset();
+    expect(((_d = (_c = document.querySelector('#vegaCustomOverrideTheme')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.length) === 0).toBe(true);
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'ThemeManager',
+        data: {
+          IS_RESET_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call overrideColors', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    VegaThemeManager.toggleDarkMode(true);
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'ThemeManager',
+        data: {
+          IS_TOGGLEDARKMODE_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call overrideColors', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    VegaThemeManager.isDarkMode();
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'ThemeManager',
+        data: {
+          IS_ISDARKMODE_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+});

package/dist/collection/helpers/theme/theme-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 { VegaColorSchemaOverridingController } from './controllers/color-schema-overriding-controller';
 import { VegaDarkModeStyleController } from './controllers/dark-mode-style-controller';
+import { InjectVegaTelemetrySlimmer } from 'vega-slimmer/core';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
+import { ThemeManagerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/ThemeManager/runtime-metrics-payload-definition';
 /**
  * Vega components theme manager
  */
 class ThemeManager {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(ThemeManager, ['overrideColors', 'reset', 'toggleDarkMode', 'isDarkMode'], ThemeManagerRuntimeMetricsPayloadDefinition);
+  }
   /**
    * It takes the colors you passed in, parses them into the correct format, and then applies them to the theme
    *
@@ -45,4 +57,7 @@ class ThemeManager {
     return document.documentElement.classList.contains('dark');
   }
 }
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], ThemeManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 export const VegaThemeManager = new ThemeManager();

package/dist/collection/helpers/ui/element-appender.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { getPositionBox } from '../../utils/position';
 import ResponsiveFormatFacade from '../formatter/responsive-map-formatter/responsive-format-facade';
 import { isElementVisible } from '../../utils/ui';
-import ZIndexManager from '../zindex/z-index-manager';
+import InternalVegaZIndexManager from '../zindex/internal-vega-z-index-manager';
 import { LogUtility } from '../../utils/log';
 import { InjectVegaSlimmer, createDynamicSlimmer, methodPlaceholder } from 'vega-slimmer/core';
 import { PageResizeObserverSlimmer } from '../slimmers/page-resize-observer-slimmer';
@@ -99,7 +99,7 @@ export class ElementAppender {
       return;
     this.toggleShow(false);
     this.resetContainerPosition();
-    ZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
+    InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
   }
   /* istanbul ignore next */
   /**
@@ -110,7 +110,7 @@ export class ElementAppender {
     if (!this.showConfig)
       return;
     this.removeVisibleAppendElement(this.showConfig.appendableElement);
-    ZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
+    InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
     this.showConfig.appendableElement.remove();
     this.disconnectResizeObserver();
   }
@@ -289,7 +289,7 @@ export class ElementAppender {
    * @returns {void}
    */
   setZIndex() {
-    ZIndexManager.setZIndex(this.showConfig.appendableElement, 'base');
+    InternalVegaZIndexManager.setZIndex(this.showConfig.appendableElement, 'base');
   }
   /**
    * If the showConfigCallback is a function, call it and return the result, otherwise return the

package/dist/collection/helpers/vega-telemetry-helper/test/vega-env-manager.test.js

@@ -4,7 +4,7 @@ test('should return the correct vega environment parameters', () => {
   const vegaEnv = VegaEnvManager.getVegaEnv();
   expect(vegaEnv).toEqual({
     framework: 'vanilla-js',
-    version: '2.21.0',
+    version: '2.23.0',
   });
 });
 test('should return the correct vega framework', () => {

package/dist/collection/helpers/vega-telemetry-helper/vega-env-manager.js

@@ -9,9 +9,9 @@ export var FrameworkEnum;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.21.0` will be replaced to a version string when running publish script.
+    // The `2.23.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.21.0';
+    this.vegaVersion = '2.23.0';
     this.framework = FrameworkEnum.VanillaJs;
   }
   /**

package/dist/collection/helpers/zindex/{z-index-manager.js → internal-vega-z-index-manager.js}

@@ -7,7 +7,7 @@ export const TOP_BASIC_Z_INDEX = 11000;
  * 	the z-index of current showing element is highly than already show.
  * Top level is for element that always display to top, such as notification.
  */
-class ZIndexManager {
+class InternalVegaZIndexManager {
   constructor() {
     this.baseBasicZIndex = BASE_BASIC_Z_INDEX;
     this.topBasicZIndex = TOP_BASIC_Z_INDEX;
@@ -172,4 +172,4 @@ class ZIndexManager {
     return baseEntry.zIndex >= this.topBasicZIndex;
   }
 }
-export default new ZIndexManager();
+export default new InternalVegaZIndexManager();

package/dist/collection/helpers/zindex/test/{z-index-manager.test.js → internal-vega-z-index-manager.test.js}

@@ -1,5 +1,5 @@
 import { LogUtility } from '../../../utils/log';
-import ZIndexManager from '../z-index-manager';
+import InternalVegaZIndexManager from '../internal-vega-z-index-manager';
 test('zIndexManager should work proper', () => {
   const container = document.createElement('div');
   container.innerHTML = `
@@ -11,17 +11,17 @@ test('zIndexManager should work proper', () => {
     <div id='div-4'></div>
     <div id='div-5'></div>
     `;
-  ZIndexManager.setZIndex(null);
+  InternalVegaZIndexManager.setZIndex(null);
   const div1 = container.querySelector('#div-1');
   const div2 = container.querySelector('#div-2');
   const div3 = container.querySelector('#div-3');
   const div4 = container.querySelector('#div-4');
   const div5 = container.querySelector('#div-5');
-  ZIndexManager.setZIndex(div1);
-  ZIndexManager.setZIndex(div2);
-  ZIndexManager.setZIndex(div3);
-  ZIndexManager.setZIndex(div4, 'top');
-  ZIndexManager.setZIndex(div5, 'top');
+  InternalVegaZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div2);
+  InternalVegaZIndexManager.setZIndex(div3);
+  InternalVegaZIndexManager.setZIndex(div4, 'top');
+  InternalVegaZIndexManager.setZIndex(div5, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 10001;">
@@ -33,9 +33,9 @@ test('zIndexManager should work proper', () => {
             <div id="div-5" style="z-index: 11002;"></div>
         </div>
     `);
-  ZIndexManager.removeZIndex(null);
-  ZIndexManager.removeZIndex(div2);
-  ZIndexManager.removeZIndex(div5, 'top');
+  InternalVegaZIndexManager.removeZIndex(null);
+  InternalVegaZIndexManager.removeZIndex(div2);
+  InternalVegaZIndexManager.removeZIndex(div5, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 10001;">
@@ -47,8 +47,8 @@ test('zIndexManager should work proper', () => {
             <div id="div-5"></div>
         </div>
     `);
-  ZIndexManager.setZIndex(div2);
-  ZIndexManager.setZIndex(div5, 'top');
+  InternalVegaZIndexManager.setZIndex(div2);
+  InternalVegaZIndexManager.setZIndex(div5, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 10001;">
@@ -65,13 +65,13 @@ test('zIndexManager should work proper', () => {
     const div = document.createElement('div');
     div.setAttribute('id', `${i}`);
     divCollect.push(div);
-    ZIndexManager.setZIndex(div);
+    InternalVegaZIndexManager.setZIndex(div);
   }
   spyOn(LogUtility, 'warn');
   const div = document.createElement('div');
   divCollect.push(div);
   div.setAttribute('id', `${1000}`);
-  ZIndexManager.setZIndex(div);
+  InternalVegaZIndexManager.setZIndex(div);
   expect(div.style.zIndex).toEqual('11001');
   expect(container).toEqualHtml(`
         <div>
@@ -92,9 +92,9 @@ test('zIndexManager should work proper while remove first element of stack', ()
         <div id="div-1"></div>
     `;
   const div1 = container.querySelector('#div-1');
-  ZIndexManager.setZIndex(div1);
-  ZIndexManager.removeZIndex(div1);
-  ZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.removeZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div1);
   expect(container).toEqualHtml(`
         <div>
            <div id="div-1" style="z-index: 10001;"></div>
@@ -113,13 +113,13 @@ test('zIndexManager should work proper while change basic z-index value', () =>
   const div1 = container.querySelector('#div-1');
   const div2 = container.querySelector('#div-2');
   const div3 = container.querySelector('#div-3');
-  ZIndexManager.overrideZIndexBasicValues({
+  InternalVegaZIndexManager.overrideZIndexBasicValues({
     base: 200,
     top: 300,
   });
-  ZIndexManager.setZIndex(div1);
-  ZIndexManager.setZIndex(div2);
-  ZIndexManager.setZIndex(div3, 'top');
+  InternalVegaZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div2);
+  InternalVegaZIndexManager.setZIndex(div3, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 201;">
@@ -129,12 +129,12 @@ test('zIndexManager should work proper while change basic z-index value', () =>
             </div>
         </div>
     `);
-  ZIndexManager.overrideZIndexBasicValues({
+  InternalVegaZIndexManager.overrideZIndexBasicValues({
     base: 100,
   });
-  ZIndexManager.setZIndex(div1);
-  ZIndexManager.setZIndex(div2);
-  ZIndexManager.setZIndex(div3, 'top');
+  InternalVegaZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div2);
+  InternalVegaZIndexManager.setZIndex(div3, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 101;">
@@ -144,12 +144,12 @@ test('zIndexManager should work proper while change basic z-index value', () =>
             </div>
         </div>
     `);
-  ZIndexManager.overrideZIndexBasicValues({
+  InternalVegaZIndexManager.overrideZIndexBasicValues({
     top: 500,
   });
-  ZIndexManager.setZIndex(div1);
-  ZIndexManager.setZIndex(div2);
-  ZIndexManager.setZIndex(div3, 'top');
+  InternalVegaZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div2);
+  InternalVegaZIndexManager.setZIndex(div3, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 101;">
@@ -162,12 +162,12 @@ test('zIndexManager should work proper while change basic z-index value', () =>
 });
 test('ZIndexManager should raise error while change basic z-index with invalid value', () => {
   spyOn(LogUtility, 'error');
-  ZIndexManager.overrideZIndexBasicValues({
+  InternalVegaZIndexManager.overrideZIndexBasicValues({
     base: 'a',
   });
   expect(LogUtility.error).toBeCalledTimes(1);
   expect(LogUtility.error).toHaveBeenCalledWith('Change z-index basic value failed, both base level and top level should be of type number!');
-  ZIndexManager.overrideZIndexBasicValues({
+  InternalVegaZIndexManager.overrideZIndexBasicValues({
     base: 500,
     top: 100,
   });

package/dist/collection/helpers/zindex/test/vega-z-index-manager.test.js

@@ -1,5 +1,7 @@
 import VegaZIndexManager from '../vega-z-index-manager';
-import ZIndexManager from '../z-index-manager';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import { sleep } from '../../../utils/test-utils';
+import InternalVegaZIndexManager from '../internal-vega-z-index-manager';
 test('VegaZIndexManager should work proper', () => {
   const container = document.createElement('div');
   container.innerHTML = `
@@ -8,8 +10,8 @@ test('VegaZIndexManager should work proper', () => {
     `;
   const div1 = container.querySelector('#div-1');
   const div2 = container.querySelector('#div-2');
-  ZIndexManager.setZIndex(div1);
-  ZIndexManager.setZIndex(div2, 'top');
+  InternalVegaZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div2, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 10001;"></div>
@@ -27,3 +29,18 @@ test('VegaZIndexManager should work proper', () => {
         </div>
     `);
 });
+it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call overrideZIndexBasicValues', () => {
+  jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+  VegaZIndexManager.overrideZIndexBasicValues({
+    base: 10001,
+  });
+  void Promise.resolve(sleep(100)).then(async () => {
+    expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+      publicAPIName: 'VegaZIndexManager',
+      data: {
+        IS_OVERRIDEZINDEXBASICVALUES_METHOD_CALLED: true,
+        zIndexBasicValuesGreatThanTenThousand: true,
+      },
+    });
+  });
+});

package/dist/collection/helpers/zindex/vega-z-index-manager.js

@@ -1,9 +1,21 @@
-import ZIndexManager from './z-index-manager';
+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 { ZIndexManagerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/zindex-manager/runtime-metrics-payload-definition';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
+import InternalVegaZIndexManager from './internal-vega-z-index-manager';
 /**
  * The VegaZIndexManager class calls a method in the ZIndexManager class to
  * change z-index values based on the input.
  */
 class VegaZIndexManager {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(VegaZIndexManager, ['overrideZIndexBasicValues'], ZIndexManagerRuntimeMetricsPayloadDefinition);
+  }
   /**
    * The function "overrideZIndexBasicValues" calls a method in the "ZIndexManager" class to change the
    * z-index values based on the input.
@@ -11,7 +23,10 @@ class VegaZIndexManager {
    * @param {ZIndexBasicValues} input - The input parameter is of type ZIndexBasicValues.
    */
   overrideZIndexBasicValues(input) {
-    ZIndexManager.overrideZIndexBasicValues(input);
+    InternalVegaZIndexManager.overrideZIndexBasicValues(input);
   }
 }
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], VegaZIndexManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 export default new VegaZIndexManager();

package/dist/collection/utils/test-utils.js

@@ -120,3 +120,15 @@ export function mockChartElement(svg) {
   }
   catch (e) { }
 }
+/**
+ * NOTE: This const is only for **SPEC** test cases.
+ * This method allows the program to stay for a period of time.
+ *
+ * @param {number} [ms] - The `ms` milliseconds of stay.
+ * @returns {Promise<void>} - promise used to signal the process is done
+ */
+export function sleep(ms) {
+  return new Promise((resolve) => {
+    setTimeout(resolve, ms);
+  });
+}

package/dist/collection/value-model-adapters/angular-ng-model-accessor-adapter.js

@@ -13,6 +13,7 @@ export const AngularAccessorAdapter = [
       'vega-input-range',
       'vega-input-select',
       'vega-radio-group',
+      'vega-selection-chip-group',
       'vega-selection-tile-group',
       'vega-signature-capture',
       'vega-stepper',

package/dist/collection/value-model-adapters/vue-component-v-model-adaptor.js

@@ -15,6 +15,7 @@ export const VueComponentVModelAdaptor = [
       'vega-input-range',
       'vega-input-select',
       'vega-radio-group',
+      'vega-selection-chip-group',
       'vega-selection-tile-group',
       'vega-signature-capture',
       'vega-stepper',

package/dist/esm/{app-globals-565328e2.js → app-globals-47652eb0.js}

@@ -1,14 +1,11 @@
-import { F as FeatureFlag } from './feature-flag-controller-9818c025.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaEventManager, w as waitForVega, d as VegaSkeletonLoader } from './vega-skeleton-loader-controller-7378a2e4.js';
-import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-16fd7452.js';
-import { V as VegaDialog } from './vega-dialog-controller-1f5923a6.js';
+import { F as FeatureFlag } from './feature-flag-controller-9be58397.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaEventManager, d as VegaZIndexManager, w as waitForVega, e as VegaSkeletonLoader } from './vega-skeleton-loader-controller-7c490d69.js';
+import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaDialog } from './vega-dialog-controller-fb1a8e21.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import './internal-vega-event-manager-b0d04798.js';
-import './ui-28499aab.js';
+import { V as VegaIconManager } from './icon-manager-754cda3f.js';
 import { T as TypographyUrls } from './typography-a8fc4764.js';
-import { V as VegaIconManager } from './icon-manager-6ac84741.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-232f2986.js';
-import { Z as ZIndexManager } from './z-index-manager-7179cb75.js';
 
 var __decorate = (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;
@@ -107,23 +104,6 @@ __decorate([
   MapToComponentMethod('componentDidLoad')
 ], VegaWatchMethodCancelSlimmer.prototype, "componentDidLoad", null);
 
-/**
- * The VegaZIndexManager class calls a method in the ZIndexManager class to
- * change z-index values based on the input.
- */
-class VegaZIndexManager {
-  /**
-   * The function "overrideZIndexBasicValues" calls a method in the "ZIndexManager" class to change the
-   * z-index values based on the input.
-   *
-   * @param {ZIndexBasicValues} input - The input parameter is of type ZIndexBasicValues.
-   */
-  overrideZIndexBasicValues(input) {
-    ZIndexManager.overrideZIndexBasicValues(input);
-  }
-}
-const VegaZIndexManager$1 = new VegaZIndexManager();
-
 /**
  * Default export function that will be used by stencil global script,
  * which will be invoked before library loaded.
@@ -230,7 +210,7 @@ function injectVegaIconManager() {
  * Inject VegaZIndexManager to global as a public api
  */
 function injectVegaZIndexManagerIntoGlobal() {
-  globalThis.VegaZIndexManager = VegaZIndexManager$1;
+  globalThis.VegaZIndexManager = VegaZIndexManager;
 }
 /**
  * Inject ValidCreditCardNumberRule to global as a public api.
@@ -246,7 +226,7 @@ function injectValidCreditCardNumberRuleIntoGlobal() {
 function initRuntimeMetricsTelemetryCollection() {
   globalThis.VegaEnvInfo = vegaEnvManager.getVegaEnv();
   // eslint-disable-next-line spellcheck/spell-checker
-  void import('./index-dc8f8d91.js').then(function (n) { return n.i; }).then((
+  void import('./index-0863eec6.js').then(function (n) { return n.i; }).then((
   // eslint-disable-next-line spellcheck/spell-checker
   module) => {
     module['default']['init'](FeatureFlag);

package/dist/esm/{change-manager-8ddd9afe.js → change-manager-6a7eb88c.js}

@@ -1,4 +1,4 @@
-import { L as LogUtility } from './global-slimmer-registry-16fd7452.js';
+import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 /**
  * The ChangeManager is a class that allows observers to register themselves to a subject

package/dist/esm/{child-nodes-event-prevent-slimmer-75851864.js → child-nodes-event-prevent-slimmer-7db80299.js}

@@ -1,7 +1,7 @@
-import { a as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-16fd7452.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-b0d04798.js';
+import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-a131803b.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import { F as FeatureFlag } from './feature-flag-controller-9818c025.js';
+import { F as FeatureFlag } from './feature-flag-controller-9be58397.js';
 
 var __decorate = (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;

package/dist/esm/{child-nodes-notify-observer-slimmer-816b063b.js → child-nodes-notify-observer-slimmer-c7b9d3b2.js}

@@ -1,7 +1,7 @@
-import { a as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-16fd7452.js';
-import { O as Observer } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { C as ChangeManager } from './change-manager-8ddd9afe.js';
-import { c as isParent } from './ui-28499aab.js';
+import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { O as Observer } from './dom-node-subject-observer-factory-926991a9.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import { c as isParent } from './ui-153f4ae7.js';
 
 var __decorate = (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;

package/dist/esm/{component-40be4402.js → component-cae24190.js}

@@ -1,4 +1,4 @@
-import { L as LogUtility } from './global-slimmer-registry-16fd7452.js';
+import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 const exemptionClasses = [
   'vega-flex-grow',

package/dist/esm/{component-global-style-slimmer-120bf3c8.js → component-global-style-slimmer-000e0c11.js}

@@ -1,4 +1,4 @@
-import { a as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-16fd7452.js';
+import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 
 var __decorate = (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;