@globalpayments/vega 2.22.0 → 2.24.0

package/dist/cjs/{vega-skeleton-loader-controller-d52d9033.js → vega-skeleton-loader-controller-82a44e64.js}

@@ -1,18 +1,71 @@
 'use strict';
 
-const misc = require('./misc-0197689b.js');
-const ui = require('./ui-fa68545a.js');
-const zIndexManager = require('./z-index-manager-792e5b7f.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const dynamicSlimmer = require('./dynamic-slimmer-d5ea4204.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-190f6217.js');
-const index = require('./index-fcf23682.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-20ce2187.js');
+const misc = require('./misc-3d30df91.js');
+const ui = require('./ui-08f33116.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
+const internalVegaZIndexManager = require('./internal-vega-z-index-manager-23051df4.js');
+const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
+const index = require('./index-5792390b.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-3e0a8ac5.js');
+
+const VegaLoaderRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_LOAD_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method load of public API VegaLoaderController 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 === 'VegaLoaderController' && methodName === 'load',
+    /**
+     * The function checks if the method name is load.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_CLOSE_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method close of public API VegaLoaderController 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 === 'VegaLoaderController' && methodName === 'close',
+    /**
+     * The function checks if the method name is close.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+];
 
+var __decorate$6 = (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;
+  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;
+};
 /**
  * Vega loader controller to control the loading indicator
  */
 class VegaLoaderController {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(VegaLoaderController, ['load', 'close'], VegaLoaderRuntimeMetricsPayloadDefinition);
+  }
   /**
    * Create a loading indicator and append it to the container
    *
@@ -21,11 +74,15 @@ class VegaLoaderController {
    */
   load(options = {}) {
     const containerSelector = options.containerSelector || 'body';
+    const containerElement = document.querySelector(containerSelector);
+    if (!containerElement) {
+      globalSlimmerRegistry.LogUtility.error('Container is not found by selector: ', containerSelector);
+      return null;
+    }
     const loadingIndicator = this.createLoadingIndicator(options.indicatorOptions);
     const loader = this.createLoader(containerSelector);
     loader.append(loadingIndicator);
-    this.appendLoader(loader, containerSelector);
-    return loader.id;
+    return this.appendLoader(loader, containerElement);
   }
   /**
    * Close the loader by id
@@ -33,7 +90,7 @@ class VegaLoaderController {
    * @param {string} id - The id of the loader.
    */
   close(id) {
-    const loader = document.getElementById(id);
+    const loader = this.findLoader(id);
     if (loader) {
       if (loader.dataset.container) {
         const container = document.querySelector(loader.dataset.container);
@@ -44,6 +101,24 @@ class VegaLoaderController {
       loader.remove();
     }
   }
+  /**
+   * Find loader by id, if the id include '>>>' it will find inside shadowRoot
+   *
+   * @param {string} id - The id of the loader.
+   * @returns {string} The loader found by id.
+   */
+  findLoader(id) {
+    var _a, _b;
+    let loader;
+    if (id.includes('>>>')) {
+      const [containerSelector, loaderSelector] = id.split('>>>');
+      loader = (_b = (_a = document.querySelector(containerSelector)) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById(loaderSelector);
+    }
+    else {
+      loader = document.getElementById(id);
+    }
+    return loader;
+  }
   /**
    * Create a loader for loading indicator
    *
@@ -74,20 +149,91 @@ class VegaLoaderController {
    * Append the loader to the container
    *
    * @param {HTMLElement} loader A loader with loading indicator
-   * @param {string} containerSelector The container which you want to append the loader to
+   * @param {string} containerElement The container which you want to append the loader to
+   * @returns {string} The uuid of the loader.
    */
-  appendLoader(loader, containerSelector) {
-    const containerElement = document.querySelector(containerSelector);
-    if (containerElement) {
-      containerElement.dataset['vegaLoaderOriginPosition'] = containerElement.style.position;
-      containerElement.style.position = 'relative';
+  appendLoader(loader, containerElement) {
+    containerElement.dataset['vegaLoaderOriginPosition'] = containerElement.style.position;
+    containerElement.style.position = 'relative';
+    if (containerElement.shadowRoot) {
+      containerElement.shadowRoot.append(loader);
+      return `${loader.dataset['container']}>>>${loader.id}`;
+    }
+    else {
       containerElement.append(loader);
+      return loader.id;
     }
   }
 }
+__decorate$6([
+  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
+], VegaLoaderController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 const VegaLoader = new VegaLoaderController();
 
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+const VegaNotifyRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_OPEN_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method open of public API VegaNotifyController 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 === 'VegaNotifyController' && methodName === 'open',
+    /**
+     * The function checks if the method name is open.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_CLOSE_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method close of public API VegaNotifyController 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 === 'VegaNotifyController' && methodName === 'close',
+    /**
+     * The function checks if the method name is close.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_CLOSEALL_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method closeAll of public API VegaNotifyController 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 === 'VegaNotifyController' && methodName === 'closeAll',
+    /**
+     * The function checks if the method name is closeAll.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+];
+
+var __decorate$5 = (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;
   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;
@@ -105,7 +251,7 @@ class VegaNotifyController {
           var _a;
           const currentVisible = entries[0].contentRect.height > 0;
           if (!currentVisible && ((_a = this.container) === null || _a === void 0 ? void 0 : _a.classList.contains('hydrated'))) {
-            zIndexManager.ZIndexManager.removeZIndex(this.container, 'top');
+            internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.container, 'top');
             this.container.remove();
             this.container = null;
           }
@@ -114,6 +260,7 @@ class VegaNotifyController {
         target: () => this.container,
       },
     ]);
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(VegaNotifyController, ['open', 'close', 'closeAll'], VegaNotifyRuntimeMetricsPayloadDefinition);
   }
   /**
    * It creates a new notification element, adds it to the container, and returns the notification's ID
@@ -174,7 +321,7 @@ class VegaNotifyController {
       return this.container;
     }
     this.container = document.createElement('vega-page-notification-list');
-    zIndexManager.ZIndexManager.setZIndex(this.container, 'top');
+    internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.container, 'top');
     if (ui.getDeviceType() === ui.DeviceType.MOBILE) {
       this.container.classList.add('vega-page-notification-list-bottom');
     }
@@ -186,9 +333,12 @@ class VegaNotifyController {
     return this.container;
   }
 }
-__decorate([
+__decorate$5([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaNotifyController.prototype, "resizeObserverSlimmer", void 0);
+__decorate$5([
+  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
+], VegaNotifyController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 const VegaNotify = new VegaNotifyController();
 
 var tinycolor = index.createCommonjsModule(function (module, exports) {
@@ -3020,10 +3170,102 @@ html.dark {
 }
 const VegaDarkModeStyleController = new DarkModeStyleController();
 
+const ThemeManagerRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_OVERRIDECOLORS_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method overrideColors of public API ThemeManager 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 === 'ThemeManager' && methodName === 'overrideColors',
+    /**
+     * The function checks if the method is be called.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_RESET_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method reset of public API ThemeManager 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 === 'ThemeManager' && methodName === 'reset',
+    /**
+     * The function checks if the method is be called.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_TOGGLEDARKMODE_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method toggleDarkMode of public API ThemeManager 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 === 'ThemeManager' && methodName === 'toggleDarkMode',
+    /**
+     * The function checks if the method is be called.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_ISDARKMODE_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method isDarkMode of public API ThemeManager 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 === 'ThemeManager' && methodName === 'isDarkMode',
+    /**
+     * The function checks if the method is be called.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+];
+
+var __decorate$4 = (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;
+  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;
+};
 /**
  * Vega components theme manager
  */
 class ThemeManager {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.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
    *
@@ -3065,13 +3307,239 @@ class ThemeManager {
     return document.documentElement.classList.contains('dark');
   }
 }
+__decorate$4([
+  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
+], ThemeManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 const VegaThemeManager = new ThemeManager();
 
+/* istanbul ignore next */
+const VegaEventManagerRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_SETSEMANTICS_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method setSemantics of public API VegaEventManager 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 === 'VegaEventManager' && methodName === 'setSemantics',
+    /**
+     * The function checks if the method is been called.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_GETSEMANTICS_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method getSemantics of public API VegaEventManager 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 === 'VegaEventManager' && methodName === 'getSemantics',
+    /**
+     * The function checks if the method is been called.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_GETENABLEDEVENTIDSBYCOMPONENT_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method getEnabledEventIdsByComponent of public API VegaEventManager 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 === 'VegaEventManager' && methodName === 'getEnabledEventIdsByComponent',
+    /**
+     * The function checks if the method is been called.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'globalEventIsNative',
+    payloadDescription: 'Indicate if the vega components will emit events without the vega prefix',
+    /**
+     * 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 === 'VegaEventManager' && methodName === 'setSemantics',
+    /**
+     * The function checks if the method is been called.
+     *
+     * @param {unknown[]} args - The args parameter is an object
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (args) => {
+      const config = args;
+      return !!(config.global && config.global.namespace === 'native');
+    },
+  },
+  {
+    payloadKey: 'eventOfSpecificComponentsIsNative',
+    payloadDescription: 'Indicate if the vega components will emit events with the vega prefix, but special components will emit events without vega prefix',
+    /**
+     * 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 === 'VegaEventManager' && methodName === 'setSemantics',
+    /**
+     * The function checks if the method is been called.
+     *
+     * @param {unknown[]} args - The args parameter is an object
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (args) => {
+      const config = args;
+      if (config.components) {
+        const specialComponents = Object.keys(config.components);
+        return !!(specialComponents.length > 0 &&
+          config.components[specialComponents[0]].namespace === 'native');
+      }
+      return false;
+    },
+  },
+  {
+    payloadKey: 'eventOfSpecificComponentsIsVega',
+    payloadDescription: 'Indicate if the vega components will emit events without the vega prefix, but special components will emit events with vega prefix',
+    /**
+     * 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 === 'VegaEventManager' && methodName === 'setSemantics',
+    /**
+     * The function checks if the method is been called.
+     *
+     * @param {unknown[]} args - The args parameter is an object
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (args) => {
+      const config = args;
+      if (config.global && config.components) {
+        const specialComponents = Object.keys(config.components);
+        return !!(config.global.namespace === 'native' &&
+          specialComponents.length > 0 &&
+          config.components[specialComponents[0]].namespace === 'vega');
+      }
+      return false;
+    },
+  },
+  {
+    payloadKey: 'globalJqueryDelegatedEventIsTrue',
+    payloadDescription: 'Indicate if the use jQuery with event delegation',
+    /**
+     * 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 === 'VegaEventManager' && methodName === 'setSemantics',
+    /**
+     * The function checks if the method is been called.
+     *
+     * @param {unknown[]} args - The args parameter is an object
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (args) => {
+      const config = args;
+      return !!(config.global && config.global.jqueryDelegatedEvent === true);
+    },
+  },
+  {
+    payloadKey: 'jqueryDelegatedEventIsCustomStrategy',
+    payloadDescription: 'Indicate if the use jQuery with event delegation',
+    /**
+     * 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 === 'VegaEventManager' && methodName === 'setSemantics',
+    /**
+     * The function checks if the method is been called.
+     *
+     * @param {unknown[]} args - The args parameter is an object
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (args) => {
+      const config = args;
+      return !!(config.global &&
+        Array.isArray(config.global.jqueryDelegatedEvent) &&
+        config.global.jqueryDelegatedEvent.length > 0);
+    },
+  },
+  {
+    payloadKey: 'jqueryDelegatedEventOfSpecialComponentsIsTrue',
+    payloadDescription: 'Indicate if the use jQuery with event delegation',
+    /**
+     * 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 === 'VegaEventManager' && methodName === 'setSemantics',
+    /**
+     * The function checks if the method is been called.
+     *
+     * @param {unknown[]} args - The args parameter is an object
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (args) => {
+      const config = args;
+      if (config.components) {
+        const specialComponents = Object.keys(config.components);
+        return !!(specialComponents.length > 0 &&
+          config.components[specialComponents[0]].jqueryDelegatedEvent === true);
+      }
+      return false;
+    },
+  },
+];
+
+var __decorate$3 = (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;
+  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;
+};
 /**
  * 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.createPublicAPIRuntimeMetricsSlimmer(VegaEventManager, ['setSemantics', 'getSemantics', 'getEnabledEventIdsByComponent'], VegaEventManagerRuntimeMetricsPayloadDefinition);
+  }
   /**
    * The function sets the semantics configuration for event management.
    *
@@ -3105,8 +3573,137 @@ class VegaEventManager {
     return internalVegaEventManager.internalVegaEventManager.getEnabledEventIdsByComponent(componentName);
   }
 }
+__decorate$3([
+  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
+], VegaEventManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 const VegaEventManager$1 = new VegaEventManager();
 
+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;
+    },
+  },
+];
+
+var __decorate$2 = (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;
+  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;
+};
+/**
+ * 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.createPublicAPIRuntimeMetricsSlimmer(VegaZIndexManager, ['overrideZIndexBasicValues'], ZIndexManagerRuntimeMetricsPayloadDefinition);
+  }
+  /**
+   * 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) {
+    internalVegaZIndexManager.InternalVegaZIndexManager.overrideZIndexBasicValues(input);
+  }
+}
+__decorate$2([
+  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
+], VegaZIndexManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+const VegaZIndexManager$1 = new VegaZIndexManager();
+
+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;
+    },
+  },
+];
+
+var __decorate$1 = (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;
+  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;
+};
+/**
+ * WaitForVegaHandler to check whether the vega component has been loaded.
+ */
+class WaitForVegaHandler {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.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$1([
+  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
+], WaitForVegaHandler.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+const WaitForVega = new WaitForVegaHandler();
+
 /* istanbul ignore next */
 /**
  * Wait for all vega elements to be ready.
@@ -3114,16 +3711,84 @@ const VegaEventManager$1 = new VegaEventManager();
  * The below method is e2e-test covered in @see{module:wait-for-vega-should-work-as-expected}
  */
 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();
 };
 
+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;
+    },
+  },
+];
+
+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;
+  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;
+};
 /**
  * Vega Skeleton Loader Controller to show skeletons in the target elements
  */
 class VegaSkeletonLoaderController {
   constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(VegaSkeletonLoaderController, ['load', 'unLoad', 'unLoadAll'], VegaSkeletonRuntimeMetricsPayloadDefinition);
     this.loaderMap = new Map();
   }
   /**
@@ -3204,6 +3869,9 @@ class VegaSkeletonLoaderController {
   }
 }
 VegaSkeletonLoaderController.LOADER_DATA_SET_KEY = 'vegaSkeletonLoaderKey';
+__decorate([
+  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
+], VegaSkeletonLoaderController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 const VegaSkeletonLoader = new VegaSkeletonLoaderController();
 
 exports.VegaEventManager = VegaEventManager$1;
@@ -3211,4 +3879,5 @@ exports.VegaLoader = VegaLoader;
 exports.VegaNotify = VegaNotify;
 exports.VegaSkeletonLoader = VegaSkeletonLoader;
 exports.VegaThemeManager = VegaThemeManager;
+exports.VegaZIndexManager = VegaZIndexManager$1;
 exports.waitForVega = waitForVega;