@globalpayments/vega 2.39.0 → 2.41.0

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

@@ -8,25 +8,23 @@ const component = require('./component-73a88c4e.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
-const breakpoints = require('./breakpoints-17d6c4c7.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-381e90fe.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
 const iconManager = require('./icon-manager-edc2400b.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b1f1e61a.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-1a52271c.js');
 const effect = require('./effect-37695d3d.js');
-const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ad8ca2ab.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const observer = require('./observer-f49483e8.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-02634647.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-91b89d4d.js');
 const ui = require('./ui-5fd9b267.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-981dfd1c.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./number-4816603d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./ui-32e69595.js');
@@ -35,6 +33,13 @@ require('./type-guard-4ba85fdc.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./pixel-98f2a10c.js');
+require('./vega-env-manager-23b8b23c.js');
+require('./feature-flag-controller-3c6666df.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
+require('./content-state-582d8961.js');
+require('./wait-for-vega-handler-46280dcf.js');
+require('./translation-6848c389.js');
 
 var __decorate$7 = (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;
@@ -74,7 +79,7 @@ class VegaSidenavBackdropController extends globalSlimmerRegistry.VegaSlimmer {
    * @param {ZIndexLevelType} [level] - The zindex level
    */
   setZIndex(level) {
-    internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.backdropRef, level);
+    vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(this.backdropRef, level);
   }
   /**
    * The function removes a specified Z index level from a backdrop element using an internal Vega Z index manager.
@@ -82,7 +87,7 @@ class VegaSidenavBackdropController extends globalSlimmerRegistry.VegaSlimmer {
    * @param {ZIndexLevelType} [level] - The zindex level
    */
   removeZIndex(level) {
-    internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.backdropRef, level);
+    vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.backdropRef, level);
   }
   /*
    * The below method is e2e-test covered in
@@ -126,7 +131,7 @@ class VegaSidenavBackdropController extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {boolean} A boolean value based on the current breakpoint. It returns `true` if the current breakpoint is either 'S' or 'M', and `false` otherwise.
    */
   getBackdropVisibleByBreakpoint() {
-    const breakpoint = breakpoints.getCurrentBreakpoint();
+    const breakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
     return breakpoint === 'S' || breakpoint === 'M' ? true : false;
   }
 }
@@ -409,12 +414,12 @@ class VegaSidenavOpenStatusController extends pageResizeObserverSlimmer.PageResi
   updateZIndex() {
     if (['hoverOpen', 'open'].includes(this.openState)) {
       this.backdropController.setZIndex('base');
-      internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.sidebar, 'base');
+      vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(this.sidebar, 'base');
     }
     else {
       effect.executeAfterTransition(() => {
         this.backdropController.removeZIndex('base');
-        internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.sidebar, 'base');
+        vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.sidebar, 'base');
       }, this.sidebar, 300);
     }
   }
@@ -482,7 +487,7 @@ class VegaSidenavOpenStatusController extends pageResizeObserverSlimmer.PageResi
    * @returns {boolean} Determine if the screen is considered large.
    */
   isLargeScreen() {
-    const currentBreakpoint = breakpoints.getCurrentBreakpoint();
+    const currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
     return currentBreakpoint == 'L' || currentBreakpoint == 'XL';
   }
   /**
@@ -826,7 +831,7 @@ const VegaSidenavGroup = class {
     changeManager.ChangeManager.unregister(staticSubjectTitle.SIDENAV_LINK_SELECTED_TOPIC, this.observer);
   }
   componentWillLoad() {
-    this.observer = new observer.Observer(isHTMLVegaSidenavLinkElement, this.observerListener.bind(this));
+    this.observer = new domNodeSubjectFactory.Observer(isHTMLVegaSidenavLinkElement, this.observerListener.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.SIDENAV_LINK_SELECTED_TOPIC, this.observer);
   }
   render() {
@@ -952,7 +957,7 @@ const VegaSidenavLink = class {
     if (parent) {
       this.host.classList.add('has-group-parent');
     }
-    this.observer = new observer.Observer(isHTMLVegaSidenavLinkElement, this.observerListener.bind(this));
+    this.observer = new domNodeSubjectFactory.Observer(isHTMLVegaSidenavLinkElement, this.observerListener.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.SIDENAV_LINK_SELECTED_TOPIC, this.observer);
   }
   componentDidRender() {

package/dist/cjs/vega-signature-capture.cjs.entry.js

@@ -7,39 +7,45 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
 const component = require('./component-73a88c4e.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
-const designToken = require('./design-token-36eb5def.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const designToken = require('./design-token-4d94a23c.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const object = require('./object-bbd4ed7f.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
-const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
-const breakpoints = require('./breakpoints-17d6c4c7.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9f4d1fc3.js');
+const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
 const translationSlimmer = require('./translation-slimmer-510906bc.js');
 require('./icon-manager-edc2400b.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./observer-f49483e8.js');
 require('./ui-5fd9b267.js');
 require('./type-guard-4ba85fdc.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-a1983026.js');
+require('./responsive-format-facade-ad8ca2ab.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./state-background-color-formatter-e585a027.js');
-require('./internal-vega-event-manager-981dfd1c.js');
-require('./string-21427167.js');
+require('./array-5adef7b2.js');
+require('./vega-env-manager-23b8b23c.js');
+require('./vega-skeleton-loader-controller-381e90fe.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./feature-flag-controller-3c6666df.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
+require('./content-state-582d8961.js');
 require('./vega-internal-event-id-bda63e14.js');
+require('./wait-for-vega-handler-46280dcf.js');
 require('./translation-6848c389.js');
+require('./state-background-color-formatter-e585a027.js');
+require('./string-21427167.js');
+require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
-require('./array-5adef7b2.js');
 
 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;
@@ -431,7 +437,7 @@ const VegaSignatureCapture = class {
       touchableAreaGetter: () => [this.writtenModeRenderer.getSignatureCaptureContainer()],
     });
     this.pageResizeSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
-    this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
+    this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
     /**
      * Specifies the state of the signature
      */

package/dist/cjs/{vega-skeleton-loader-controller-00dbdf29.js → vega-skeleton-loader-controller-381e90fe.js}

@@ -3,10 +3,10 @@
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const ui = require('./ui-5fd9b267.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-981dfd1c.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-e5e4bcf4.js');
+const number = require('./number-4816603d.js');
 
 const VegaLoaderRuntimeMetricsPayloadDefinition = [
   {
@@ -51,7 +51,7 @@ const VegaLoaderRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
@@ -173,11 +173,185 @@ class VegaLoaderController {
   }
 }
 VegaLoaderController.SPECIAL_ELEMENT_TO_WRAP_FULL_BODY = ['VEGA-MODAL'];
-__decorate$4([
+__decorate$5([
   createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
 ], VegaLoaderController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 const VegaLoader = new VegaLoaderController();
 
+const BASE_BASIC_Z_INDEX = 10000;
+const TOP_BASIC_Z_INDEX = 11000;
+/**
+ * Base level is for custom element such as modal, tooltip, dropdown, sidenav and header.
+ * 	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 InternalVegaZIndexManager {
+  constructor() {
+    this.baseBasicZIndex = BASE_BASIC_Z_INDEX;
+    this.topBasicZIndex = TOP_BASIC_Z_INDEX;
+    this.levelEntry = {
+      base: {
+        zIndex: this.baseBasicZIndex,
+        elements: [],
+      },
+      top: {
+        zIndex: this.topBasicZIndex,
+        elements: [],
+      },
+    };
+  }
+  /**
+   * "If the element is not already the current element, then increment the z-index and set the element
+   * to the current element."
+   *
+   * The function is a little more complicated than that, but not much. The function takes an element and
+   * a level. The level is optional and defaults to 'base'. The level is used to keep track of the
+   * z-index for each level. The function uses a private variable, levelStatus, to keep track of the
+   * current element and z-index for each level
+   *
+   * @param {HTMLElement} element - The element to set the z-index of.
+   * @param {ZIndexLevelType} [level=base] - The level of the element.
+   * @returns {void}
+   */
+  setZIndex(element, level = 'base') {
+    if (element === null)
+      return;
+    this.removeZIndex(element, level);
+    const zIndexEntry = this.levelEntry[level];
+    if (element && zIndexEntry) {
+      if (level === 'base' && this.isBaseLevelOver()) {
+        globalSlimmerRegistry.LogUtility.warn(`The max 'z-index' of base level is '11000', but the current 'z-index' is over, Please optimize the use of 'z-index', otherwise there will be some performance overhead.`);
+        this.increaseTopEntry();
+      }
+      zIndexEntry.elements.push(element);
+      zIndexEntry.zIndex += 1;
+      element.style.zIndex = zIndexEntry.zIndex.toString();
+    }
+  }
+  /**
+   * It removes the element from the level's array of elements, and then decrements the z-index of all
+   * elements after the removed element
+   *
+   * @param {HTMLElement} element - HTMLElement - The element to move
+   * @param {ZIndexLevelType} [level=base] - Level = 'base'
+   * @returns {void}
+   */
+  removeZIndex(element, level = 'base') {
+    if (element === null)
+      return;
+    const zIndexEntry = this.levelEntry[level];
+    if (element && zIndexEntry) {
+      let startAt = -1;
+      zIndexEntry.elements.forEach((e, index) => {
+        if (e === element)
+          startAt = index;
+        if (startAt >= 0 && index > startAt) {
+          e.style.zIndex = `${number.convertToNumber(e.style.zIndex) - 1}`;
+        }
+      });
+      if (startAt >= 0) {
+        element.style.removeProperty('z-index');
+        zIndexEntry.elements.splice(startAt, 1);
+        zIndexEntry.zIndex -= 1;
+      }
+    }
+  }
+  /**
+   * The function "overrideZIndexBasicValues" updates the base and top basic z-index values based on the
+   * input provided.
+   *
+   * @param {ZIndexBasicValues} input - The input parameter is of type ZIndexBasicValues, which is an
+   * object with two properties: base and top. Both properties are optional and can be either a number or
+   * undefined.
+   */
+  overrideZIndexBasicValues(input) {
+    const basicValues = this.formatZIndexBasicValues(input);
+    if (this.validBasicValues(basicValues)) {
+      this.updateBasicValues(basicValues);
+    }
+  }
+  /**
+   * The function `formatZIndexBasicValues` takes an input object and returns a new object with additional
+   * properties `base` and `top` added to it.
+   *
+   * @param {ZIndexBasicValues} input - The input parameter is of type ZIndexBasicValues. It is an object
+   * that contains properties for base and top.
+   * @returns {ZIndexBasicValues} - an object that combines the properties of the input object `input` with the properties
+   * `base` and `top`. The values of `base` and `top` are taken from the `this.baseBasicZIndex` and
+   * `this.topBasicZIndex` variables respectively.
+   */
+  formatZIndexBasicValues(input) {
+    return Object.assign({
+      base: this.baseBasicZIndex,
+      top: this.topBasicZIndex,
+    }, input);
+  }
+  /**
+   * The function checks if the input values for base and top levels of a z-index are valid.
+   *
+   * @param {ZIndexBasicValues} input - The input parameter is an object of type ZIndexBasicValues. It
+   * has two properties: base and top. Both properties should be of type number.
+   * @returns {boolean} a boolean value.
+   */
+  validBasicValues(input) {
+    if (typeof input.base !== 'number' || typeof input.top !== 'number') {
+      globalSlimmerRegistry.LogUtility.error('Change z-index basic value failed, both base level and top level should be of type number!');
+      return false;
+    }
+    else if (input.base >= input.top) {
+      globalSlimmerRegistry.LogUtility.error('Change z-index basic value failed, the base level should be smaller than the top level!');
+      return false;
+    }
+    return true;
+  }
+  /**
+   * The function updates the z-index values of elements based on the input values.
+   *
+   * @param {ZIndexBasicValues} input - The input parameter is an object of type ZIndexBasicValues. It
+   * has two properties: base and top, both of which are optional and can be of type number.
+   */
+  updateBasicValues(input) {
+    // update basic z-index value
+    this.baseBasicZIndex = input.base;
+    this.topBasicZIndex = input.top;
+    // update base level entry
+    const baseLevel = this.levelEntry.base;
+    baseLevel.elements.forEach((element, index) => {
+      element.style.zIndex = `${this.baseBasicZIndex + index + 1}`;
+    });
+    baseLevel.zIndex = this.baseBasicZIndex + baseLevel.elements.length;
+    // update top level entry
+    const topLevel = this.levelEntry.top;
+    topLevel.elements.forEach((element, index) => {
+      element.style.zIndex = `${this.topBasicZIndex + index + 1}`;
+    });
+    topLevel.zIndex = this.topBasicZIndex + topLevel.elements.length;
+  }
+  /**
+   * It increases the z-index of all the elements in the top entry by 1
+   *
+   * @returns {void}
+   */
+  increaseTopEntry() {
+    const topEntry = this.levelEntry['top'];
+    topEntry.elements.forEach((element) => {
+      element.style.zIndex = `${number.convertToNumber(element.style.zIndex) + 1}`;
+    });
+    topEntry.zIndex += 1;
+  }
+  /**
+   * If the z-index of the level is over 1000 greater than the basic z-index of the level, then return
+   * true.
+   *
+   * @returns {boolean} - The zIndexEntry.zIndex - this.getBasicZIndexByLevel(level) >= 1000 is being returned.
+   */
+  isBaseLevelOver() {
+    const baseEntry = this.levelEntry['base'];
+    return baseEntry.zIndex >= this.topBasicZIndex;
+  }
+}
+const InternalVegaZIndexManager$1 = new InternalVegaZIndexManager();
+
 const VegaNotifyRuntimeMetricsPayloadDefinition = [
   {
     payloadKey: 'IS_OPEN_METHOD_CALLED',
@@ -241,7 +415,7 @@ const VegaNotifyRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
@@ -259,7 +433,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'))) {
-            internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.container, 'top');
+            InternalVegaZIndexManager$1.removeZIndex(this.container, 'top');
             this.container.remove();
             this.container = null;
           }
@@ -335,7 +509,7 @@ class VegaNotifyController {
       return this.container;
     }
     this.container = document.createElement('vega-page-notification-list');
-    internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.container, 'top');
+    InternalVegaZIndexManager$1.setZIndex(this.container, 'top');
     if (ui.getDeviceType() === ui.DeviceType.MOBILE) {
       this.container.classList.add('vega-page-notification-list-bottom');
     }
@@ -347,14 +521,89 @@ class VegaNotifyController {
     return this.container;
   }
 }
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaNotifyController.prototype, "resizeObserverSlimmer", void 0);
-__decorate$3([
+__decorate$4([
   createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
 ], VegaNotifyController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 const VegaNotify = new VegaNotifyController();
 
+const VegaDialogRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_OPEN_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method open of public API VegaDialogController 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 === 'VegaDialogController' && methodName === 'open',
+    /**
+     * The function checks if the method name is open.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+];
+
+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;
+};
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+/**
+ * The dialog controller
+ */
+class VegaDialogController {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.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
+   * @returns {HTMLElement} The dialog reference.
+   * @vegaVersion 1.24.0
+   */
+  open(options) {
+    const dialog = document.createElement('vega-dialog');
+    const { isVerticallyCenter, isVerticallyCentered, showCloseButton, size, title, handleClose } = options, dialogProps = __rest(options, ["isVerticallyCenter", "isVerticallyCentered", "showCloseButton", "size", "title", "handleClose"]);
+    dialog.id = `vega-dialog-${createPublicApiRuntimeMetricsSlimmer.generateUUID()}`;
+    dialog.dialogTitle = title;
+    dialog.modalProps = { isVerticallyCenter, isVerticallyCentered, showCloseButton, size, handleClose };
+    Object.keys(dialogProps).forEach((propName) => {
+      if (dialogProps[propName] !== undefined) {
+        dialog[propName] = dialogProps[propName];
+      }
+    });
+    document.body.append(dialog);
+    return dialog;
+  }
+}
+__decorate$3([
+  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
+], VegaDialogController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+const VegaDialog = new VegaDialogController();
+
 /* istanbul ignore next */
 const VegaEventManagerRuntimeMetricsPayloadDefinition = [
   {
@@ -690,7 +939,7 @@ class VegaZIndexManager {
    * @vegaVersion 2.3.0
    */
   overrideZIndexBasicValues(input) {
-    internalVegaZIndexManager.InternalVegaZIndexManager.overrideZIndexBasicValues(input);
+    InternalVegaZIndexManager$1.overrideZIndexBasicValues(input);
   }
 }
 __decorate$1([
@@ -862,6 +1111,8 @@ __decorate([
 ], VegaSkeletonLoaderController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 const VegaSkeletonLoader = new VegaSkeletonLoaderController();
 
+exports.InternalVegaZIndexManager = InternalVegaZIndexManager$1;
+exports.VegaDialog = VegaDialog;
 exports.VegaEventManager = VegaEventManager$1;
 exports.VegaLoader = VegaLoader;
 exports.VegaNotify = VegaNotify;

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

@@ -3,35 +3,34 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const minNumberRule = require('./min-number-rule-115c5a3b.js');
+const minNumberRule = require('./min-number-rule-5bcccc8f.js');
 const component = require('./component-73a88c4e.js');
 const number = require('./number-4816603d.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9f4d1fc3.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4beb1fde.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
 const ui = require('./ui-5fd9b267.js');
+require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-21427167.js');
-require('./observer-f49483e8.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./vega-internal-event-id-bda63e14.js');
 require('./translation-6848c389.js');
-require('./page-resize-observer-slimmer-bb1eaebe.js');
-require('./breakpoints-17d6c4c7.js');
+require('./page-resize-observer-slimmer-bceeaabf.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');
-require('./internal-vega-event-manager-981dfd1c.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-7b22e598.js');
+require('./feature-flag-controller-3c6666df.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 

package/dist/cjs/vega-tab-group_2.cjs.entry.js

@@ -7,24 +7,22 @@ const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
 const timer = require('./timer-5f33058b.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const observer = require('./observer-f49483e8.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const ui = require('./ui-5fd9b267.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
-require('./breakpoints-17d6c4c7.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4beb1fde.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
-require('./internal-vega-event-manager-981dfd1c.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-7b22e598.js');
+require('./feature-flag-controller-3c6666df.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -678,7 +676,7 @@ class VegaTabGroupPanelController extends globalSlimmerRegistry.VegaSlimmer {
    * register the observer when component connected
    */
   connectedCallback() {
-    this.tabPanelUpdateObserver = new observer.Observer(this.canAcceptPanelUpdate.bind(this), this.handlePanelUpdate);
+    this.tabPanelUpdateObserver = new domNodeSubjectFactory.Observer(this.canAcceptPanelUpdate.bind(this), this.handlePanelUpdate);
     changeManager.ChangeManager.register(staticSubjectTitle.TAB_PANEL_ADD_OR_DEL_TO_GROUP, this.tabPanelUpdateObserver);
   }
   /**