@globalpayments/vega 2.40.0 → 2.42.0

package/dist/esm/{vega-skeleton-loader-controller-5aea7aeb.js → vega-skeleton-loader-controller-722a41c2.js}

@@ -1,10 +1,10 @@
-import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-9ab05523.js';
-import { a as arrayToClassString, g as getDeviceType, D as DeviceType } from './ui-62e4be97.js';
+import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-8ada793f.js';
+import { a as arrayToClassString, g as getDeviceType, D as DeviceType } from './ui-ed1283bb.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-beb7b0bd.js';
-import { i as internalVegaEventManager } from './internal-vega-event-manager-0a01ba12.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-15a84d26.js';
+import { i as internalVegaEventManager } from './internal-vega-event-manager-d2c962d2.js';
+import { c as convertToNumber } from './number-4398f2e1.js';
 
 const VegaLoaderRuntimeMetricsPayloadDefinition = [
   {
@@ -49,7 +49,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;
@@ -66,7 +66,7 @@ class VegaLoaderController {
    * Create a loading indicator and append it to the container
    *
    * @param {VegaLoaderIndicatorOptions} options - VegaLoaderOptions = {} options of the method
-   * @returns {string} The uuid of the loader.
+   * @returns {Nullable<string>} The uuid of the loader.
    * @vegaVersion 1.16.0
    */
   load(options = {}) {
@@ -110,7 +110,7 @@ class VegaLoaderController {
    * 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.
+   * @returns {Nullable<HTMLElement>} The loader found by id.
    */
   findLoader(id) {
     var _a, _b;
@@ -143,7 +143,7 @@ class VegaLoaderController {
    * Create a loading indicator
    *
    * @param {VegaLoaderIndicatorOptions} indicatorOptions the props of vega loading indicator
-   * @returns {HTMLElement} vega-loading-indicator component template
+   * @returns {HTMLVegaLoadingIndicatorElement} vega-loading-indicator component template
    */
   createLoadingIndicator(indicatorOptions = {}) {
     const loadingIndicator = document.createElement('vega-loading-indicator');
@@ -171,11 +171,185 @@ class VegaLoaderController {
   }
 }
 VegaLoaderController.SPECIAL_ELEMENT_TO_WRAP_FULL_BODY = ['VEGA-MODAL'];
-__decorate$4([
+__decorate$5([
   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()) {
+        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 = `${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') {
+      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) {
+      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 = `${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',
@@ -239,7 +413,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;
@@ -257,7 +431,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.removeZIndex(this.container, 'top');
+            InternalVegaZIndexManager$1.removeZIndex(this.container, 'top');
             this.container.remove();
             this.container = null;
           }
@@ -272,7 +446,7 @@ class VegaNotifyController {
    * It creates a new notification element, adds it to the container, and returns the notification's ID
    *
    * @param {VegaNotifyOption} options - VegaNotifyProps
-   * @returns {string} The ID of the notification.
+   * @returns {Promise<string>} The ID of the notification.
    * @vegaVersion 1.17.0
    */
   async open(options) {
@@ -311,7 +485,7 @@ class VegaNotifyController {
    * It creates a new page notification element, sets its properties, and returns it
    *
    * @param {VegaNotifyOption} props - VegaNotifyProps - the properties of the notification
-   * @returns {HTMLElement} A function that takes in a props object and returns a pageNotification element.
+   * @returns {HTMLVegaPageNotificationElement} A function that takes in a props object and returns a pageNotification element.
    */
   createPageNotification(props) {
     const pageNotification = document.createElement('vega-page-notification');
@@ -326,14 +500,14 @@ class VegaNotifyController {
    * It creates a div element, sets its z-index to be on top of everything else, adds a class to it, and
    * then adds it to the body of the page
    *
-   * @returns {HTMLElement} The container is being returned.
+   * @returns {HTMLVegaPageNotificationListElement} The container is being returned.
    */
   getContainer() {
     if (this.container) {
       return this.container;
     }
     this.container = document.createElement('vega-page-notification-list');
-    InternalVegaZIndexManager.setZIndex(this.container, 'top');
+    InternalVegaZIndexManager$1.setZIndex(this.container, 'top');
     if (getDeviceType() === DeviceType.MOBILE) {
       this.container.classList.add('vega-page-notification-list-bottom');
     }
@@ -345,14 +519,89 @@ class VegaNotifyController {
     return this.container;
   }
 }
-__decorate$3([
+__decorate$4([
   InjectVegaSlimmer()
 ], VegaNotifyController.prototype, "resizeObserverSlimmer", void 0);
-__decorate$3([
+__decorate$4([
   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(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 {HTMLVegaDialogElement} 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-${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([
+  InjectVegaTelemetrySlimmer()
+], VegaDialogController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+const VegaDialog = new VegaDialogController();
+
 /* istanbul ignore next */
 const VegaEventManagerRuntimeMetricsPayloadDefinition = [
   {
@@ -688,7 +937,7 @@ class VegaZIndexManager {
    * @vegaVersion 2.3.0
    */
   overrideZIndexBasicValues(input) {
-    InternalVegaZIndexManager.overrideZIndexBasicValues(input);
+    InternalVegaZIndexManager$1.overrideZIndexBasicValues(input);
   }
 }
 __decorate$1([
@@ -831,7 +1080,7 @@ class VegaSkeletonLoaderController {
    * Create a skeleton item. The skeleton animated always be true
    *
    * @param {VegaSkeletonLoaderItem} config - Configuration for the skeleton item.
-   * @returns {HTMLElement} - Skeleton item.
+   * @returns {HTMLVegaSkeletonElement} - Skeleton item.
    */
   createSkeleton(config) {
     const { type, width, height } = config;
@@ -844,7 +1093,7 @@ class VegaSkeletonLoaderController {
    *
    * @param {HTMLElement[]} skeletons - Skeleton elements of the loader.
    * @param {VegaSkeletonLoaderLayout} layout - Flex properties for the layout.
-   * @returns {HTMLElement} - Container wrapping the skeletons in the specified flex layout.
+   * @returns {HTMLVegaFlexElement} - Container wrapping the skeletons in the specified flex layout.
    */
   wrapLayout(skeletons, layout) {
     const skeletonContainer = document.createElement('vega-flex');
@@ -860,4 +1109,4 @@ __decorate([
 ], VegaSkeletonLoaderController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 const VegaSkeletonLoader = new VegaSkeletonLoaderController();
 
-export { VegaLoader as V, VegaNotify as a, VegaEventManager$1 as b, VegaZIndexManager$1 as c, VegaSkeletonLoader as d };
+export { InternalVegaZIndexManager$1 as I, VegaLoader as V, VegaNotify as a, VegaDialog as b, VegaEventManager$1 as c, VegaZIndexManager$1 as d, VegaSkeletonLoader as e };

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

@@ -4,31 +4,29 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as convertToNumber, n as normalizeNumberByRanger } from './number-4398f2e1.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bb64dec7.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-3220fa5b.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
-import { f as VegaChange, A as VegaBlur, a as VegaClick } from './dom-node-subject-factory-97deb349.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-8268945e.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-d18d01da.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f5824ee.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d661fc7c.js';
+import { f as VegaChange, A as VegaBlur, a as VegaClick } from './dom-node-subject-factory-286df025.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-249c76cd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-36cf4e39.js';
-import { a as arrayToClassString } from './ui-62e4be97.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-acc7fbb7.js';
+import { a as arrayToClassString } from './ui-ed1283bb.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './string-be824360.js';
-import './observer-3959f9dd.js';
-import './create-public-api-runtime-metrics-slimmer-9ab05523.js';
+import './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-f269c42f.js';
-import './translation-c08f2274.js';
-import './page-resize-observer-slimmer-beb7b0bd.js';
-import './breakpoints-91116111.js';
+import './vega-internal-event-id-7809368b.js';
+import './translation-a18bc15e.js';
+import './page-resize-observer-slimmer-15a84d26.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
 import './mutation-observer-slimmer-6cef9549.js';
-import './mutation-observer-filters-1035b064.js';
-import './array-b668466e.js';
-import './internal-vega-event-manager-0a01ba12.js';
+import './mutation-observer-filters-7ee2b410.js';
+import './array-3113609f.js';
+import './internal-vega-event-manager-d2c962d2.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-4b3fe6f8.js';
+import './feature-flag-controller-723f1ff5.js';
 import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
 

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

@@ -3,24 +3,22 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-beb7b0bd.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-15a84d26.js';
 import { d as debounce } from './timer-9321173b.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
-import { b as VegaDropdownClick, a as VegaClick } from './dom-node-subject-factory-97deb349.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d661fc7c.js';
+import { b as VegaDropdownClick, O as Observer, a as VegaClick } from './dom-node-subject-factory-286df025.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer } from './observer-3959f9dd.js';
-import { T as TAB_PANEL_ADD_OR_DEL_TO_GROUP } from './static-subject-title-8268945e.js';
-import { f as findParent } from './ui-62e4be97.js';
+import { T as TAB_PANEL_ADD_OR_DEL_TO_GROUP } from './static-subject-title-249c76cd.js';
+import { f as findParent } from './ui-ed1283bb.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-3220fa5b.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-36cf4e39.js';
-import './breakpoints-91116111.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f5824ee.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-acc7fbb7.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
-import './internal-vega-event-manager-0a01ba12.js';
+import './internal-vega-event-manager-d2c962d2.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-4b3fe6f8.js';
+import './feature-flag-controller-723f1ff5.js';
 import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
 import './dynamic-slimmer-90b8af32.js';
@@ -732,7 +730,7 @@ class VegaTabGroupPanelController extends VegaSlimmer {
   /**
    * get the default active panel element if user set
    *
-   * @returns {string} the default active panel attribute id
+   * @returns {Nullable<string>} the default active panel attribute id
    */
   getDefaultActivePanelId() {
     if (this.tabPanels && this.tabPanels.length) {