@heartlandone/vega 2.2.0 → 2.4.0

package/dist/collection/helpers/event-manager/eventID/vegaInternalEventId.js

@@ -19,3 +19,4 @@ export class VegaInternalEventID {
 }
 export const VegaInternalValid = new VegaInternalEventID('valid');
 export const VegaInternalFieldErrorStateChange = new VegaInternalEventID('fieldErrorStateChange');
+export const VegaInternalVirtualScrollToBottom = new VegaInternalEventID('virtualScrollToBottom');

package/dist/collection/helpers/formatter/responsive-map-formatter/responsiveFormatFacade.js

@@ -1,8 +1,8 @@
 import ResponsivePaddingFormatter from './responsivePaddingFormatter';
 import ResponsiveMarginFormatter from './responsiveMarginFormatter';
 import ResponsiveGapFormatter from './responsiveGapFormatter';
-import ResponsiveColumnFormatter from './responsiveGridColumnFormatter';
-import ResponsiveRowFormatter from './responsiveGridRowFormatter';
+import ResponsiveColumnsFormatter from './responsiveGridColumnsFormatter';
+import ResponsiveRowsFormatter from './responsiveGridRowsFormatter';
 import ResponsiveSizeFormatter from './responsiveSizeFormatter';
 import ResponsiveTranslocationFormatter from './responsiveTranslocationFormatter';
 import ResponsiveDisplayFormatter from './responsiveDisplayFormatter';
@@ -40,9 +40,9 @@ class ResponsiveFormatFacade {
       case 'gap':
         return ResponsiveGapFormatter.format(input);
       case 'gridColumn':
-        return ResponsiveColumnFormatter.format(input);
+        return ResponsiveColumnsFormatter.format(input);
       case 'gridRow':
-        return ResponsiveRowFormatter.format(input);
+        return ResponsiveRowsFormatter.format(input);
       case 'size':
         return ResponsiveSizeFormatter.format(input);
       case 'translocation':

package/dist/collection/helpers/formatter/responsive-map-formatter/responsiveGridColumnsFormatter.js

@@ -0,0 +1,29 @@
+import { isGridColumnsType, isBreakpointsForPrefixType } from '../../../types/typeGuard';
+import { LogUtility } from '../../../utils/log';
+import { ResponsiveClassStringFormatter } from './responsiveClassStringFormatter';
+import { GridColumns } from '../../../constants/tokens/tailwind.extend';
+/**
+ * A class for format GridColumnsType with BreakpointsForPrefixType to CSS class string
+ *
+ * @augments ResponsiveClassStringFormatter
+ */
+class ResponsiveGridColumnsFormatter extends ResponsiveClassStringFormatter {
+  /**
+   * It takes a GridColumnsType and a breakpoint and returns a CSS class string.
+   *
+   * @param {GridColumnsType} input - GridColumnsType input for formatting
+   * @param {BreakpointsForPrefixType} [breakpoint] - Breakpoints for prefix of the class
+   * @returns {string} string.
+   */
+  formatToken(input, breakpoint) {
+    const prefix = isBreakpointsForPrefixType(breakpoint) ? `${breakpoint}:` : '';
+    if (isGridColumnsType(input)) {
+      return `${prefix}v-grid-cols-${input}`;
+    }
+    else {
+      LogUtility.warn(`The column value ${input} is invalid, it must be a value of: `, GridColumns);
+      return '';
+    }
+  }
+}
+export default new ResponsiveGridColumnsFormatter();

package/dist/collection/helpers/formatter/responsive-map-formatter/{responsiveGridRowFormatter.js → responsiveGridRowsFormatter.js}

@@ -1,29 +1,29 @@
-import { isGridRowType, isBreakpointsForPrefixType } from '../../../types/typeGuard';
+import { isGridRowsType, isBreakpointsForPrefixType } from '../../../types/typeGuard';
 import { LogUtility } from '../../../utils/log';
 import { ResponsiveClassStringFormatter } from './responsiveClassStringFormatter';
-import { GridRow } from '../../../constants/tokens/tailwind.extend';
+import { GridRows } from '../../../constants/tokens/tailwind.extend';
 /**
- * A class for format GridRowType with BreakpointsForPrefixType to CSS class string
+ * A class for format GridRowsType with BreakpointsForPrefixType to CSS class string
  *
  * @augments ResponsiveClassStringFormatter
  */
-class ResponsiveGridRowFormatter extends ResponsiveClassStringFormatter {
+class ResponsiveGridRowsFormatter extends ResponsiveClassStringFormatter {
   /**
-   * This function takes a GridRowType and a breakpoint and returns CSS class string.
+   * This function takes a GridRowsType and a breakpoint and returns CSS class string.
    *
-   * @param {GridRowType} input - GridRowType input
+   * @param {GridRowsType} input - GridRowsType input
    * @param {BreakpointsForPrefixType} [breakpoint] - Breakpoints for prefix of the class
    * @returns {string} - A string.
    */
   formatToken(input, breakpoint) {
     const prefix = isBreakpointsForPrefixType(breakpoint) ? `${breakpoint}:` : '';
-    if (isGridRowType(input)) {
+    if (isGridRowsType(input)) {
       return `${prefix}v-grid-rows-${input}`;
     }
     else {
-      LogUtility.warn(`The row value ${input} is invalid, it must be a value of: `, GridRow);
+      LogUtility.warn(`The row value ${input} is invalid, it must be a value of: `, GridRows);
       return '';
     }
   }
 }
-export default new ResponsiveGridRowFormatter();
+export default new ResponsiveGridRowsFormatter();

package/dist/collection/helpers/formatter/test/responsive-map-formatter/responsiveGridColumnFormatter.test.js

@@ -1,23 +1,23 @@
 import { LogUtility } from '../../../../utils/log';
-import ResponsiveGridColumnFormatter from '../../responsive-map-formatter/responsiveGridColumnFormatter';
+import ResponsiveGridColumnsFormatter from '../../responsive-map-formatter/responsiveGridColumnsFormatter';
 test('should console warn when input not in scope', () => {
   spyOn(LogUtility, 'warn');
-  ResponsiveGridColumnFormatter.formatToken(0);
+  ResponsiveGridColumnsFormatter.formatToken(0);
   expect(LogUtility.warn).toHaveBeenCalled();
 });
 test('should return format when input in scope', () => {
-  const result = ResponsiveGridColumnFormatter.formatToken(6);
+  const result = ResponsiveGridColumnsFormatter.formatToken(6);
   expect(result).toEqual('v-grid-cols-6');
 });
 test('should return format when input in scope and with prefix', () => {
-  const result = ResponsiveGridColumnFormatter.formatToken(6, 'M');
+  const result = ResponsiveGridColumnsFormatter.formatToken(6, 'M');
   expect(result).toEqual('M:v-grid-cols-6');
 });
 test('should return format when input in scope and with prefix not in scope', () => {
-  const result = ResponsiveGridColumnFormatter.formatToken(6, 'test');
+  const result = ResponsiveGridColumnsFormatter.formatToken(6, 'test');
   expect(result).toEqual('v-grid-cols-6');
 });
 test('should return format when input in auto scope', () => {
-  const result = ResponsiveGridColumnFormatter.formatToken('6-auto');
+  const result = ResponsiveGridColumnsFormatter.formatToken('6-auto');
   expect(result).toEqual('v-grid-cols-6-auto');
 });

package/dist/collection/helpers/formatter/test/responsive-map-formatter/responsiveGridRowFormatter.test.js

@@ -1,27 +1,27 @@
 import { LogUtility } from '../../../../utils/log';
-import ResponsiveGridRowFormatter from '../../responsive-map-formatter/responsiveGridRowFormatter';
+import ResponsiveGridRowsFormatter from '../../responsive-map-formatter/responsiveGridRowsFormatter';
 test('should console warn when input not in scope', () => {
   spyOn(LogUtility, 'warn');
-  ResponsiveGridRowFormatter.formatToken(0);
+  ResponsiveGridRowsFormatter.formatToken(0);
   expect(LogUtility.warn).toHaveBeenCalled();
 });
 test('should return format when input in scope', () => {
-  const result = ResponsiveGridRowFormatter.formatToken(6);
+  const result = ResponsiveGridRowsFormatter.formatToken(6);
   expect(result).toEqual('v-grid-rows-6');
-  const result1 = ResponsiveGridRowFormatter.formatToken(10);
+  const result1 = ResponsiveGridRowsFormatter.formatToken(10);
   expect(result1).toEqual('v-grid-rows-10');
 });
 test('should return format when input in scope and with prefix', () => {
-  const result = ResponsiveGridRowFormatter.formatToken(6, 'L');
+  const result = ResponsiveGridRowsFormatter.formatToken(6, 'L');
   expect(result).toEqual('L:v-grid-rows-6');
 });
 test('should return format when input in scope and with prefix not in scope', () => {
-  const result = ResponsiveGridRowFormatter.formatToken(6, 'test');
+  const result = ResponsiveGridRowsFormatter.formatToken(6, 'test');
   expect(result).toEqual('v-grid-rows-6');
 });
 test('should return format when input in auto scope', () => {
-  const result = ResponsiveGridRowFormatter.formatToken('6-auto');
+  const result = ResponsiveGridRowsFormatter.formatToken('6-auto');
   expect(result).toEqual('v-grid-rows-6-auto');
-  const result1 = ResponsiveGridRowFormatter.formatToken('10-auto');
+  const result1 = ResponsiveGridRowsFormatter.formatToken('10-auto');
   expect(result1).toEqual('v-grid-rows-10-auto');
 });

package/dist/collection/helpers/notify/tests/vegaNotifyController.test.js

@@ -1,16 +1,12 @@
 jest.mock('../../../utils/misc', () => ({
   generateUUID: () => 'TEST_UUID',
 }));
-import ZIndexManager from '../../zindex/zIndexManager';
 import { VegaNotify } from '../../publicApi';
 import { MockedResizeObserver, setupUserAgent } from '../../../utils/testUtils';
 describe('vegaNotifyController', () => {
   beforeEach(() => {
     VegaNotify['container'] = null; // Jest cleared the document before each suite
   });
-  afterEach(() => {
-    ZIndexManager.removeZIndex(VegaNotify['container'], 'top');
-  });
   /**
    * This is a hack to make sure the page notification list is hydrated for unit test only.
    */

package/dist/collection/helpers/slimmers/pageResizeObserverSlimmer.js

@@ -55,6 +55,11 @@ export class PageResizeObserverSlimmer extends VegaSlimmer {
     const VegaResizeObserver = window['VegaResizeObserver'] || window.ResizeObserver;
     if (VegaResizeObserver) {
       this.resizeObserver = new VegaResizeObserver((entries, observer) => {
+        if (observerEntry &&
+          typeof observerEntry.shouldTrigger === 'function' &&
+          !observerEntry.shouldTrigger()) {
+          return;
+        }
         if (observerEntry && typeof observerEntry.callback === 'function') {
           /**
            * The function "handle" calls the callback function of an observer entry with the specified

package/dist/collection/helpers/zindex/test/vegaZIndexManager.test.js

@@ -0,0 +1,29 @@
+import VegaZIndexManager from '../vegaZIndexManager';
+import ZIndexManager from '../zIndexManager';
+test('VegaZIndexManager should work proper', () => {
+  const container = document.createElement('div');
+  container.innerHTML = `
+    <div id='div-1'></div>
+    <div id='div-2'></div>
+    `;
+  const div1 = container.querySelector('#div-1');
+  const div2 = container.querySelector('#div-2');
+  ZIndexManager.setZIndex(div1);
+  ZIndexManager.setZIndex(div2, 'top');
+  expect(container).toEqualHtml(`
+        <div>
+            <div id="div-1" style="z-index: 10001;"></div>
+            <div id="div-2" style="z-index: 11001;"></div>
+        </div>
+    `);
+  VegaZIndexManager.overrideZIndexBasicValues({
+    base: 200,
+    top: 500,
+  });
+  expect(container).toEqualHtml(`
+        <div>
+            <div id="div-1" style="z-index: 201;"></div>
+            <div id="div-2" style="z-index: 501;"></div>
+        </div>
+    `);
+});

package/dist/collection/helpers/zindex/test/zIndexManager.test.js

@@ -85,12 +85,6 @@ test('zIndexManager should work proper', () => {
         </div>
     `);
   expect(LogUtility.warn).toHaveBeenCalledWith(`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.`);
-  divCollect.forEach((div) => {
-    ZIndexManager.removeZIndex(div);
-  });
-  ZIndexManager.removeZIndex(div1);
-  ZIndexManager.removeZIndex(div2);
-  ZIndexManager.removeZIndex(div3);
 });
 test('zIndexManager should work proper while remove first element of stack', () => {
   const container = document.createElement('div');
@@ -107,3 +101,76 @@ test('zIndexManager should work proper while remove first element of stack', ()
         </div>
     `);
 });
+test('zIndexManager should work proper while change basic z-index value', () => {
+  const container = document.createElement('div');
+  container.innerHTML = `
+    <div id="div-1">
+        <div id="div-2">
+            <div id="div-3"></div>
+        </div>
+    </div>
+    `;
+  const div1 = container.querySelector('#div-1');
+  const div2 = container.querySelector('#div-2');
+  const div3 = container.querySelector('#div-3');
+  ZIndexManager.overrideZIndexBasicValues({
+    base: 200,
+    top: 300,
+  });
+  ZIndexManager.setZIndex(div1);
+  ZIndexManager.setZIndex(div2);
+  ZIndexManager.setZIndex(div3, 'top');
+  expect(container).toEqualHtml(`
+        <div>
+            <div id="div-1" style="z-index: 201;">
+                <div id="div-2" style="z-index: 202;">
+                    <div id="div-3" style="z-index: 301;"></div>
+                </div>
+            </div>
+        </div>
+    `);
+  ZIndexManager.overrideZIndexBasicValues({
+    base: 100,
+  });
+  ZIndexManager.setZIndex(div1);
+  ZIndexManager.setZIndex(div2);
+  ZIndexManager.setZIndex(div3, 'top');
+  expect(container).toEqualHtml(`
+        <div>
+            <div id="div-1" style="z-index: 101;">
+                <div id="div-2" style="z-index: 102;">
+                    <div id="div-3" style="z-index: 301;"></div>
+                </div>
+            </div>
+        </div>
+    `);
+  ZIndexManager.overrideZIndexBasicValues({
+    top: 500,
+  });
+  ZIndexManager.setZIndex(div1);
+  ZIndexManager.setZIndex(div2);
+  ZIndexManager.setZIndex(div3, 'top');
+  expect(container).toEqualHtml(`
+        <div>
+            <div id="div-1" style="z-index: 101;">
+                <div id="div-2" style="z-index: 102;">
+                    <div id="div-3" style="z-index: 501;"></div>
+                </div>
+            </div>
+        </div>
+    `);
+});
+test('ZIndexManager should raise error while change basic z-index with invalid value', () => {
+  spyOn(LogUtility, 'error');
+  ZIndexManager.overrideZIndexBasicValues({
+    base: 'a',
+  });
+  expect(LogUtility.error).toBeCalledTimes(1);
+  expect(LogUtility.error).toHaveBeenCalledWith('Change z-index basic value failed, both base level and top level should be of type number!');
+  ZIndexManager.overrideZIndexBasicValues({
+    base: 500,
+    top: 100,
+  });
+  expect(LogUtility.error).toBeCalledTimes(2);
+  expect(LogUtility.error).toHaveBeenCalledWith('Change z-index basic value failed, the base level should be smaller than the top level!');
+});

package/dist/collection/helpers/zindex/vegaZIndexManager.js

@@ -0,0 +1,17 @@
+import ZIndexManager from './zIndexManager';
+/**
+ * The VegaZIndexManager class calls a method in the ZIndexManager class to
+ * change z-index values based on the input.
+ */
+class VegaZIndexManager {
+  /**
+   * The function "overrideZIndexBasicValues" calls a method in the "ZIndexManager" class to change the
+   * z-index values based on the input.
+   *
+   * @param {ZIndexBasicValues} input - The input parameter is of type ZIndexBasicValues.
+   */
+  overrideZIndexBasicValues(input) {
+    ZIndexManager.overrideZIndexBasicValues(input);
+  }
+}
+export default new VegaZIndexManager();

package/dist/collection/helpers/zindex/zIndexManager.js

@@ -9,13 +9,15 @@ export const TOP_BASIC_Z_INDEX = 11000;
  */
 class ZIndexManager {
   constructor() {
+    this.baseBasicZIndex = BASE_BASIC_Z_INDEX;
+    this.topBasicZIndex = TOP_BASIC_Z_INDEX;
     this.levelEntry = {
       base: {
-        zIndex: BASE_BASIC_Z_INDEX,
+        zIndex: this.baseBasicZIndex,
         elements: [],
       },
       top: {
-        zIndex: TOP_BASIC_Z_INDEX,
+        zIndex: this.topBasicZIndex,
         elements: [],
       },
     };
@@ -30,7 +32,7 @@ class ZIndexManager {
    * current element and z-index for each level
    *
    * @param {HTMLElement} element - The element to set the z-index of.
-   * @param {Level} [level=base] - The level of the element.
+   * @param {ZIndexLevelType} [level=base] - The level of the element.
    * @returns {void}
    */
   setZIndex(element, level = 'base') {
@@ -53,7 +55,7 @@ class ZIndexManager {
    * elements after the removed element
    *
    * @param {HTMLElement} element - HTMLElement - The element to move
-   * @param {Level} [level=base] - Level = 'base'
+   * @param {ZIndexLevelType} [level=base] - Level = 'base'
    * @returns {void}
    */
   removeZIndex(element, level = 'base') {
@@ -76,6 +78,77 @@ class ZIndexManager {
       }
     }
   }
+  /**
+   * 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
    *
@@ -96,7 +169,7 @@ class ZIndexManager {
    */
   isBaseLevelOver() {
     const baseEntry = this.levelEntry['base'];
-    return baseEntry.zIndex >= TOP_BASIC_Z_INDEX;
+    return baseEntry.zIndex >= this.topBasicZIndex;
   }
 }
 export default new ZIndexManager();

package/dist/collection/types/typeGuard.js

@@ -4,7 +4,7 @@ import { Shadows } from '../constants/tokens/shadows';
 import { Breakpoints } from '../constants/tokens/breakpoints';
 import { BorderRadius } from '../constants/tokens/borderRadius';
 import { BoxDisplay, CssStates, FlexAlignItem, FlexDirections, FlexJustifyContent } from '../constants/ui';
-import { GridColumnRegex, GridRowRegex } from '../constants/regex';
+import { GridColumnsRegex, GridRowsRegex } from '../constants/regex';
 import { TypographyKeys } from '../constants/publicApi';
 import { Borders } from '../constants/tokens/borders';
 /**
@@ -126,20 +126,20 @@ export const isShadowsTokenType = (input) => {
  * format of '1-auto' to '12-auto'.
  *
  * @param {unknown} input - The input to be tested.
- * @returns {boolean} indicating if the input is {@link GridColumnType}
+ * @returns {boolean} indicating if the input is {@link GridColumnsType}
  */
-export const isGridColumnType = (input) => {
-  return (typeof input === 'string' || typeof input === 'number') && GridColumnRegex.test(input.toString());
+export const isGridColumnsType = (input) => {
+  return ((typeof input === 'string' || typeof input === 'number') && GridColumnsRegex.test(input.toString()));
 };
 /**
  * If the input is a number, it must be between 1 and 12. If the input is a string, it must be in the
  * format of '1-auto' to '12-auto'.
  *
  * @param {unknown} input - The input to be tested.
- * @returns {boolean} indicating if the input is {@link GridRowType}
+ * @returns {boolean} indicating if the input is {@link GridRowsType}
  */
-export const isGridRowType = (input) => {
-  return (typeof input === 'string' || typeof input === 'number') && GridRowRegex.test(input.toString());
+export const isGridRowsType = (input) => {
+  return (typeof input === 'string' || typeof input === 'number') && GridRowsRegex.test(input.toString());
 };
 /**
  * If the input is a string, and that string is a key in the Breakpoints object, then the input is a GridRowType.

package/dist/collection/utils/testUtils.js

@@ -272,7 +272,7 @@ export const getAxeResults = async (page, content) => {
  * @param {E2EPage} page - The E2EPage to mock date.
  * @param {string} date - The date want to mock.
  */
-export const mockDate = async (page, date = '2022-05-14T11:01:58.135Z') => {
+export const mockDate = async (page, date) => {
   await page.evaluateOnNewDocument((date) => {
     /**
      * Rewrite DateConstructor
@@ -286,6 +286,7 @@ export const mockDate = async (page, date = '2022-05-14T11:01:58.135Z') => {
         if (args && args.length > 0) {
           return super(...args);
         }
+        date = date ? date : '2022-05-14';
         return new Date(date);
       }
     };
@@ -335,10 +336,11 @@ export const getScreenshotDiffResults = async (page, desc, selector) => {
  * @param {object} config - option parameters
  * @param {boolean} config.wrapped - set it to true when use visual test to catch the fixed area
  * @param {EventSemanticsConfig} config.eventSemanticsConfig - sets the event semantics configuration for the EventManager
+ * @param {string} config.date --sets the date want to mock
  */
 export const initVegaE2EPage = async (content, config) => {
   const page = await newE2EPage();
-  await mockDate(page);
+  await mockDate(page, config === null || config === void 0 ? void 0 : config.date);
   const script = (config === null || config === void 0 ? void 0 : config.eventSemanticsConfig)
     ? `<script type='module'>window.VegaEventManager.setSemantics(${JSON.stringify(config.eventSemanticsConfig)})</script>`
     : '';

package/dist/esm/{app-globals-66cada5c.js → app-globals-90791ada.js}

@@ -1,14 +1,15 @@
 import { F as FeatureFlag } from './featureFlagController-f5c118d6.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaEventManager } from './vegaEventManager-30471eee.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaEventManager } from './vegaEventManager-32e6d6a8.js';
 import { s as setVegaLogLevel } from './log-a824be80.js';
 import { V as VegaDialog } from './vegaDialogController-f96ee430.js';
 import { G as GlobalSlimmersRegistry } from './global-slimmer-registry-f1dec4a2.js';
 import { M as MapToComponentMethod } from './map-to-component-method-4e36ea1f.js';
 import { V as VegaSlimmer } from './vega-slimmer-d63e92d9.js';
-import './internalVegaEventManager-4d8f7e1d.js';
+import './internalVegaEventManager-b790d4e6.js';
 import './ui-794e5fed.js';
 import { T as TypographyUrls } from './typography-03d285b4.js';
 import { V as VegaIconManager } from './iconManager-48bebc43.js';
+import { Z as ZIndexManager } from './zIndexManager-4292318f.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -107,6 +108,23 @@ __decorate([
   MapToComponentMethod('componentDidLoad')
 ], VegaWatchMethodCancelSlimmer.prototype, "componentDidLoad", null);
 
+/**
+ * The VegaZIndexManager class calls a method in the ZIndexManager class to
+ * change z-index values based on the input.
+ */
+class VegaZIndexManager {
+  /**
+   * The function "overrideZIndexBasicValues" calls a method in the "ZIndexManager" class to change the
+   * z-index values based on the input.
+   *
+   * @param {ZIndexBasicValues} input - The input parameter is of type ZIndexBasicValues.
+   */
+  overrideZIndexBasicValues(input) {
+    ZIndexManager.overrideZIndexBasicValues(input);
+  }
+}
+const VegaZIndexManager$1 = new VegaZIndexManager();
+
 /**
  * Default export function that will be used by stencil global script,
  * which will be invoked before library loaded.
@@ -123,6 +141,7 @@ function appGlobalScript () {
   injectSetEventSemanticsIntoGlobal();
   injectVegaTypography();
   injectVegaIconManager();
+  injectVegaZIndexManagerIntoGlobal();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -204,6 +223,12 @@ function injectVegaTypography() {
 function injectVegaIconManager() {
   globalThis.VegaIconManager = VegaIconManager;
 }
+/**
+ * Inject VegaZIndexManager to global as a public api
+ */
+function injectVegaZIndexManagerIntoGlobal() {
+  globalThis.VegaZIndexManager = VegaZIndexManager$1;
+}
 
 const globalScripts = appGlobalScript;
 

package/dist/esm/{childNodesEventPreventSlimmer-6ec031ef.js → childNodesEventPreventSlimmer-bef69563.js}

@@ -1,7 +1,7 @@
 import { M as MapToComponentField, V as VegaSlimmer } from './vega-slimmer-d63e92d9.js';
 import { M as MapToComponentMethod } from './map-to-component-method-4e36ea1f.js';
 import './global-slimmer-registry-f1dec4a2.js';
-import { I as InternalVegaEventManager, j as jqueryDelegatedStrategyController } from './internalVegaEventManager-4d8f7e1d.js';
+import { I as InternalVegaEventManager, j as jqueryDelegatedStrategyController } from './internalVegaEventManager-b790d4e6.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/{childNodesNotifyObserverSlimmer-46f52e33.js → childNodesNotifyObserverSlimmer-0f055a66.js}

@@ -1,7 +1,7 @@
 import { M as MapToComponentField, V as VegaSlimmer } from './vega-slimmer-d63e92d9.js';
 import { M as MapToComponentMethod } from './map-to-component-method-4e36ea1f.js';
 import './global-slimmer-registry-f1dec4a2.js';
-import { O as Observer } from './eventEmitSlimmer-f34c2d7f.js';
+import { O as Observer } from './eventEmitSlimmer-25555a18.js';
 import { C as ChangeManager } from './changeManager-935d420b.js';
 import { c as isParent } from './ui-794e5fed.js';
 

package/dist/esm/{designToken-9b27a244.js → designToken-cb2388b5.js}

@@ -1,7 +1,7 @@
-import { i as isStateVariantTokenType, j as isBackgroundColorTokenType, a as BackgroundColors, d as BackgroundColorMap, k as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, l as isShadowsTokenType, f as Shadows, g as ShadowMap, m as isBorderTokenType, n as Borders, o as BorderMap, p as isSpacingTokenType, q as isBorderRadiusTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, B as BorderRadius, C as Colors, t as isTypographyTokenType } from './typeGuard-5e282437.js';
+import { i as isStateVariantTokenType, j as isBackgroundColorTokenType, a as BackgroundColors, d as BackgroundColorMap, k as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, l as isShadowsTokenType, f as Shadows, g as ShadowMap, m as isBorderTokenType, n as Borders, o as BorderMap, p as isSpacingTokenType, q as isBorderRadiusTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, B as BorderRadius, C as Colors, t as isTypographyTokenType } from './typeGuard-1345cf50.js';
 import { B as Breakpoints } from './breakpoints-900a4c99.js';
 import { L as LogUtility } from './log-a824be80.js';
-import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-e91e14ac.js';
+import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-7fcaab5d.js';
 import { b as TypographyKeys } from './typography-03d285b4.js';
 
 /**

package/dist/esm/{elementAppenderSlimmer-bb2fc481.js → elementAppenderSlimmer-c8ebf411.js}

@@ -3,12 +3,12 @@ import { M as MapToComponentMethod } from './map-to-component-method-4e36ea1f.js
 import { M as MapToComponentField, V as VegaSlimmer } from './vega-slimmer-d63e92d9.js';
 import { L as LogUtility } from './log-a824be80.js';
 import { P as Placements, A as Alignments } from './ui-535c5fb3.js';
-import { z as isTranslocationType } from './typeGuard-5e282437.js';
-import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-e91e14ac.js';
+import { z as isTranslocationType } from './typeGuard-1345cf50.js';
+import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-7fcaab5d.js';
 import { f as findParent, i as isElementVisible, c as isParent } from './ui-794e5fed.js';
-import { Z as ZIndexManager } from './zIndexManager-ea603c97.js';
+import { Z as ZIndexManager } from './zIndexManager-4292318f.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-16826d2b.js';
-import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-39d1d0ff.js';
+import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-d5d5fc44.js';
 
 /**
  * Get the position of the element in the container according to the target element and the placement