@globalpayments/vega 2.37.1 → 2.38.0

package/dist/cjs/{app-globals-e10d1859.js → app-globals-7087f121.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const featureFlagController = require('./feature-flag-controller-7b22e598.js');
-const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-ef43cfc1.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-00dbdf29.js');
 const nodeAnnotation_abstract = require('./node-annotation.abstract-4f6df9cf.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const vegaDialogController = require('./vega-dialog-controller-fe610705.js');

package/dist/cjs/index.cjs.js

@@ -12,7 +12,7 @@ const icons = require('./icons-dbc3eb9c.js');
 const typography = require('./typography-4560e7f1.js');
 const ui = require('./ui-32e69595.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-ef43cfc1.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-00dbdf29.js');
 const featureFlagController = require('./feature-flag-controller-7b22e598.js');
 const nodeAnnotation_abstract = require('./node-annotation.abstract-4f6df9cf.js');
 const vegaDialogController = require('./vega-dialog-controller-fe610705.js');

package/dist/cjs/loader.cjs.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const appGlobals = require('./app-globals-e10d1859.js');
+const appGlobals = require('./app-globals-7087f121.js');
 require('./feature-flag-controller-7b22e598.js');
 require('./global-slimmer-registry-b3bce7e0.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./vega-skeleton-loader-controller-ef43cfc1.js');
+require('./vega-skeleton-loader-controller-00dbdf29.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./ui-5fd9b267.js');

package/dist/cjs/{string-input-formatter-slimmer-072b75a0.js → string-input-formatter-slimmer-f45931fd.js}

@@ -7,18 +7,71 @@ const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
 const index = require('./index-0546e2ea.js');
 
+/**
+ * String format strategy abstract class
+ */
+class StringFormatStrategy {
+  /**
+   * Check if the {@link format} should be applied
+   *
+   * @param {FormatTrigger} triggeredBy - The trigger of the format
+   * @param {FormatTarget} target - The target of the format
+   * @param {InputStatus} inputStatus - The status of the input
+   * @returns {boolean} - Whether the format should be applied
+   */
+  canFormat(triggeredBy, target, inputStatus) {
+    if (triggeredBy === 'init') {
+      if (target === 'component' && typeGuard.isNonNullable(inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.isBlurred)) {
+        return false;
+      }
+      if (this.shouldTriggerAtInit()) {
+        return true;
+      }
+    }
+    if (triggeredBy === 'input' && target === 'native-input') {
+      return true;
+    }
+    if (triggeredBy === 'blur' && (inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.isBlurred)) {
+      if (target === 'component' && this.shouldOverrideComponentValueAfterBlur()) {
+        return true;
+      }
+      if (target === 'native-input') {
+        return true;
+      }
+    }
+    return false;
+  }
+  /**
+   * Determines whether a component value should be overridden based on the mask configuration.
+   *
+   * @returns {boolean} - Whether the component value should be overridden.
+   */
+  shouldOverrideComponentValueAfterBlur() {
+    return false;
+  }
+  /**
+   * Determines whether the format should be triggered at init.
+   *
+   * @returns {boolean} - Whether the format should be triggered at init.
+   */
+  shouldTriggerAtInit() {
+    return false; // TODO: trigger at init feature is not implemented to all strategies. To keep the same behavior as before so set false here as default.
+  }
+}
+
 /**
  * A class for formatting string with the given mask format
  *
  * @augments StringFormatStrategy
  */
-class StringMaskStrategy {
+class StringMaskStrategy extends StringFormatStrategy {
   /**
    * It creates a new instance of the Mask class.
    *
    * @param {MaskConfig} maskConfig - MaskConfig
    */
   constructor(maskConfig) {
+    super();
     /**
      * The insert mode means adding some special character in the input string, will replace part of input string if insertMode set to false.
      *
@@ -37,13 +90,10 @@ class StringMaskStrategy {
     this.insertMode = maskConfig.insertMode === false ? false : true;
   }
   /**
-   * Given a string, it replaces the mask with the matched input slot value
-   *
-   * @param {string} input - The input string that needs to be formatted.
-   * @param {number} caretPosition - The current position of caret
-   * @returns {string} The formatted string.
+   * @inheritDoc
    */
-  format(input, caretPosition) {
+  format(input, inputStatus) {
+    const caretPosition = inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.caretPosition;
     if (input.length > this.getLengthLimit() && typeGuard.isNonNullable(caretPosition)) {
       const rawValueArr = [...input];
       const exceededLength = input.length - this.getLengthLimit();
@@ -193,7 +243,7 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       }
     };
     /**
-     * A function update the value of the input element by inputFormatStrategy output.
+     * A function updates the value of the input element by inputFormatStrategy output.
      *
      * @param {InputEvent} e - blur event
      */
@@ -201,17 +251,11 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       if (this.blurFormatStrategy) {
         const target = e.target;
         const rawValue = target.value;
-        const maskedValue = this.blurFormatStrategy.format(rawValue);
-        this.updateInputValue(rawValue, maskedValue);
-        if (this.host &&
-          this.blurFormatStrategy.shouldOverrideComponentValueAfterBlur &&
-          this.blurFormatStrategy.shouldOverrideComponentValueAfterBlur()) {
-          this.host['value'] = maskedValue;
-        }
+        this.formatValue(rawValue, 'blur');
       }
     };
     /**
-     * A function update the value of the input element by inputFormatStrategy output.
+     * A function updates the value of the input element by inputFormatStrategy output.
      *
      * @param {InputEvent} e - input event
      */
@@ -220,11 +264,9 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       const rawValue = target.value;
       const caretPosition = target.selectionStart; // selectionStart is nullable, link https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#dom-textarea/input-selectionstart
       if (this.inputFormatStrategy) {
-        const maskedValue = this.inputFormatStrategy.format(rawValue.replace(/\s/g, ''), 
-        // Paste input is difference with type input, it can set much characters at one time,
-        // so we should make caretPosition as undefined to format all value.
-        e.inputType === 'insertFromPaste' ? null : caretPosition);
-        this.updateInputValue(rawValue, maskedValue);
+        this.formatValue(rawValue.replace(/\s/g, ''), 'input', {
+          caretPosition: e.inputType === 'insertFromPaste' ? undefined : caretPosition,
+        });
         this.updateInputCaretPosition(rawValue, caretPosition);
       }
     };
@@ -286,22 +328,13 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    */
   formatValueAfterSetup() {
     void index.waitForComponentDidRender(this.host).then(() => {
-      var _a, _b, _c, _d;
-      const rawValue = this.inputElement.value;
-      if ((_b = (_a = this.inputFormatStrategy) === null || _a === void 0 ? void 0 : _a.shouldTriggerAtInit) === null || _b === void 0 ? void 0 : _b.call(_a)) {
-        this.host['value'] = this.inputFormatStrategy.format(rawValue);
-      }
-      if (((_d = (_c = this.blurFormatStrategy) === null || _c === void 0 ? void 0 : _c.shouldTriggerAtInit) === null || _d === void 0 ? void 0 : _d.call(_c)) && !this.isOnFocus()) {
-        const maskedValue = this.blurFormatStrategy.format(rawValue);
-        this.updateInputValue(rawValue, maskedValue);
-      }
+      this.formatValue(this.inputElement.value, 'init');
     });
   }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-input-credit-card-dynamic-mask-e2e}
    */
-  /* istanbul ignore next */
   /**
    * The function `isOnFocus` checks if the input element is currently focused.
    *
@@ -319,7 +352,7 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * @param {string} rawValue - the original value
    * @param {string} maskedValue - masked value
    */
-  updateInputValue(rawValue, maskedValue) {
+  updateNativeInputValue(rawValue, maskedValue) {
     // link: https://stackoverflow.com/questions/52003841/why-doesnt-event-target-value-include-and-e-for-number-inputs
     // If the input value is '123.', '123' will be got from `target.value` when the input element type is number
     // '123.' will be formatted to '123', then `this.inputElement.value = 123`, '.' will never be filled in
@@ -327,6 +360,17 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       this.inputElement.value = maskedValue;
     }
   }
+  /**
+   * Update the host value
+   *
+   * @param {string} rawValue - the original value
+   * @param {string} maskedValue - the masked value
+   */
+  updateComponentValue(rawValue, maskedValue) {
+    if (maskedValue !== rawValue) {
+      this.host['value'] = maskedValue;
+    }
+  }
   /**
    * Updated the input caret position after the mask format
    *
@@ -340,6 +384,40 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       this.inputElement.setSelectionRange(newCaretPosition, newCaretPosition);
     }
   }
+  /**
+   * Format the value based on the input and blur format strategies.
+   *
+   * @param {string} rawValue - The original input value
+   * @param {FormatTrigger} triggeredBy - The trigger of the format
+   * @param {{ caretPosition?: number }} options - The options for the format
+   * @param {number} options.caretPosition - The current input caret position
+   */
+  formatValue(rawValue, triggeredBy, options) {
+    const isBlurred = !this.isOnFocus();
+    const caretPosition = options === null || options === void 0 ? void 0 : options.caretPosition;
+    if (this.inputFormatStrategy) {
+      if (this.inputFormatStrategy.canFormat(triggeredBy, 'component')) {
+        const formattedComponentValue = this.inputFormatStrategy.format(rawValue);
+        this.updateComponentValue(rawValue, formattedComponentValue);
+      }
+      if (this.inputFormatStrategy.canFormat(triggeredBy, 'native-input')) {
+        const formattedNativeInputValue = this.inputFormatStrategy.format(rawValue, {
+          caretPosition: caretPosition,
+        });
+        this.updateNativeInputValue(rawValue, formattedNativeInputValue);
+      }
+    }
+    if (this.blurFormatStrategy && isBlurred) {
+      if (this.blurFormatStrategy.canFormat(triggeredBy, 'component', { isBlurred })) {
+        const formattedComponentValue = this.blurFormatStrategy.format(rawValue);
+        this.updateComponentValue(rawValue, formattedComponentValue);
+      }
+      if (this.blurFormatStrategy.canFormat(triggeredBy, 'native-input', { isBlurred })) {
+        const formattedNativeInputValue = this.blurFormatStrategy.format(rawValue);
+        this.updateNativeInputValue(rawValue, formattedNativeInputValue);
+      }
+    }
+  }
 }
 __decorate([
   globalSlimmerRegistry.MapToComponentField()
@@ -348,5 +426,6 @@ __decorate([
   globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
 ], StringInputFormatterSlimmer.prototype, "componentDidRender", null);
 
+exports.StringFormatStrategy = StringFormatStrategy;
 exports.StringInputFormatterSlimmer = StringInputFormatterSlimmer;
 exports.StringMaskStrategy = StringMaskStrategy;

package/dist/cjs/vega-date-picker_2.cjs.entry.js

@@ -18,10 +18,10 @@ const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-072b75a0.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-f45931fd.js');
 const elementAppenderSlimmer = require('./element-appender-slimmer-c6e0f4ca.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-ef43cfc1.js');
+require('./vega-skeleton-loader-controller-00dbdf29.js');
 const featureFlagController = require('./feature-flag-controller-7b22e598.js');
 require('./node-annotation.abstract-4f6df9cf.js');
 require('./vega-dialog-controller-fe610705.js');

package/dist/cjs/vega-env-manager-23b8b23c.js

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

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

@@ -17,7 +17,7 @@ const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-072b75a0.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-f45931fd.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
@@ -188,7 +188,7 @@ __decorate$4([
  *
  * @augments StringFormatStrategy
  */
-class ThousandCommaStrategy {
+class ThousandCommaStrategy extends stringInputFormatterSlimmer.StringFormatStrategy {
   /**
    * If the input is a number, format it as a string
    *
@@ -224,13 +224,14 @@ class ThousandCommaStrategy {
 /**
  * A class for formatting number with the given mask format
  */
-class NumberMaskStrategy {
+class NumberMaskStrategy extends stringInputFormatterSlimmer.StringFormatStrategy {
   /**
    * It creates a new instance of the Mask class.
    *
    * @param {NumberMaskConfig} maskConfig - MaskConfig
    */
   constructor(maskConfig) {
+    super();
     this.maskConfig = { allowNegative: true };
     /**
      * if allow negative, will skip '-', e.g. when input '-' -> '-1.2'
@@ -333,7 +334,7 @@ class NumberMaskStrategy {
 /**
  * Used to format a string using a custom formatter.
  */
-class CustomFormatterStrategy {
+class CustomFormatterStrategy extends stringInputFormatterSlimmer.StringFormatStrategy {
   /**
    * The constructor function takes a CustomStringFormatter parameter and assigns it to the formatter
    * property of the class.
@@ -345,6 +346,7 @@ class CustomFormatterStrategy {
    * @param {boolean} resetCaretPosition - The caret position should update to the last or keep the current position after format
    */
   constructor(formatter, resetCaretPosition = false) {
+    super();
     this.resetCaretPositionFlag = false;
     this.formatter = formatter;
     this.resetCaretPositionFlag = resetCaretPosition;

package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -5,19 +5,68 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-09acd3c9.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 component = require('./component-73a88c4e.js');
 const ui = require('./ui-5fd9b267.js');
 const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
 const breakpoints = require('./breakpoints-17d6c4c7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
+require('./number-4816603d.js');
 require('./type-guard-4ba85fdc.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 
+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 ManageVegaLoaderWrapperZIndex class manages z-index of the vega-loader-wrapper. */
+class ManageVegaLoaderWrapperZIndexController extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * When vega loader wrapper is connected
+   */
+  connectedCallback() {
+    this.setIndex();
+  }
+  /**
+   * When vega loader wrapper is disconnected
+   */
+  disconnectedCallback() {
+    this.removeIndex();
+  }
+  /**
+   * Sets the z-index level for the vega-loader-wrapper based on the target container.
+   */
+  setIndex() {
+    const containerElement = document.querySelector(this.host.dataset.container);
+    if (containerElement) {
+      if (containerElement.tagName === 'BODY') {
+        internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.host, 'base');
+      }
+    }
+  }
+  /**
+   * Removes the z-index of the vega-loader-wrapper by resetting it.
+   */
+  removeIndex() {
+    internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
+  }
+}
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], ManageVegaLoaderWrapperZIndexController.prototype, "host", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
+], ManageVegaLoaderWrapperZIndexController.prototype, "connectedCallback", null);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
+], ManageVegaLoaderWrapperZIndexController.prototype, "disconnectedCallback", null);
+
 const vegaLoaderWrapperCss = ":host{display:block;display:inline-flex;align-items:center;justify-content:center;top:0px;right:0px;bottom:0px;left:0px;background-color:rgba(var(--v-bg-backdrop-loading, 255, 255, 255, 0.5))}:host(.absolute-wrapper){position:absolute}:host(.fixed-wrapper){width:100%;height:100%;position:fixed}";
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -34,6 +83,7 @@ const VegaLoaderWrapper = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
+    this.manageVegaLoaderWrapperZIndexController = new ManageVegaLoaderWrapperZIndexController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
@@ -44,6 +94,9 @@ const VegaLoaderWrapper = class {
 __decorate$1([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaLoaderWrapper.prototype, "globalSlimmers", void 0);
+__decorate$1([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaLoaderWrapper.prototype, "manageVegaLoaderWrapperZIndexController", void 0);
 __decorate$1([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaLoaderWrapper.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

package/dist/cjs/vega-rich-text-editor_4.cjs.entry.js

@@ -26,7 +26,7 @@ const observer = require('./observer-f49483e8.js');
 const ui = require('./ui-5fd9b267.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-ef43cfc1.js');
+require('./vega-skeleton-loader-controller-00dbdf29.js');
 require('./feature-flag-controller-7b22e598.js');
 require('./vega-dialog-controller-fe610705.js');
 require('./icon-manager-edc2400b.js');

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

@@ -72,8 +72,13 @@ class VegaLoaderController {
    * @vegaVersion 1.16.0
    */
   load(options = {}) {
-    const containerSelector = options.containerSelector || 'body';
-    const containerElement = document.querySelector(containerSelector);
+    let containerSelector = options.containerSelector || 'body';
+    let containerElement = document.querySelector(containerSelector);
+    if (containerElement &&
+      VegaLoaderController.SPECIAL_ELEMENT_TO_WRAP_FULL_BODY.includes(containerElement.tagName)) {
+      containerSelector = 'body';
+      containerElement = document.querySelector('body');
+    }
     if (!containerElement) {
       globalSlimmerRegistry.LogUtility.error('Container is not found by selector: ', containerSelector);
       return null;
@@ -95,7 +100,9 @@ class VegaLoaderController {
       if (loader.dataset.container) {
         const container = document.querySelector(loader.dataset.container);
         if (container) {
-          container.style.position = container.dataset['vegaLoaderOriginPosition'] || 'static';
+          if (container.dataset['vegaLoaderOriginPosition']) {
+            container.style.position = container.dataset['vegaLoaderOriginPosition'];
+          }
         }
       }
       loader.remove();
@@ -165,6 +172,7 @@ class VegaLoaderController {
     }
   }
 }
+VegaLoaderController.SPECIAL_ELEMENT_TO_WRAP_FULL_BODY = ['VEGA-MODAL'];
 __decorate$4([
   createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
 ], VegaLoaderController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);

package/dist/cjs/vega.cjs.js

@@ -1,12 +1,12 @@
 'use strict';
 
 const index = require('./index-09acd3c9.js');
-const appGlobals = require('./app-globals-e10d1859.js');
+const appGlobals = require('./app-globals-7087f121.js');
 require('./feature-flag-controller-7b22e598.js');
 require('./global-slimmer-registry-b3bce7e0.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./vega-skeleton-loader-controller-ef43cfc1.js');
+require('./vega-skeleton-loader-controller-00dbdf29.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./ui-5fd9b267.js');

package/dist/collection/components/vega-loader-wrapper/slimmers/controllers/manage-vega-loader-wrapper-z-index-controller.js

@@ -0,0 +1,49 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import internalVegaZIndexManager from '../../../../helpers/zindex/internal-vega-z-index-manager';
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+/** The ManageVegaLoaderWrapperZIndex class manages z-index of the vega-loader-wrapper. */
+export class ManageVegaLoaderWrapperZIndexController extends VegaSlimmer {
+  /**
+   * When vega loader wrapper is connected
+   */
+  connectedCallback() {
+    this.setIndex();
+  }
+  /**
+   * When vega loader wrapper is disconnected
+   */
+  disconnectedCallback() {
+    this.removeIndex();
+  }
+  /**
+   * Sets the z-index level for the vega-loader-wrapper based on the target container.
+   */
+  setIndex() {
+    const containerElement = document.querySelector(this.host.dataset.container);
+    if (containerElement) {
+      if (containerElement.tagName === 'BODY') {
+        internalVegaZIndexManager.setZIndex(this.host, 'base');
+      }
+    }
+  }
+  /**
+   * Removes the z-index of the vega-loader-wrapper by resetting it.
+   */
+  removeIndex() {
+    internalVegaZIndexManager.removeZIndex(this.host, 'base');
+  }
+}
+__decorate([
+  MapToComponentField()
+], ManageVegaLoaderWrapperZIndexController.prototype, "host", void 0);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], ManageVegaLoaderWrapperZIndexController.prototype, "connectedCallback", null);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], ManageVegaLoaderWrapperZIndexController.prototype, "disconnectedCallback", null);

package/dist/collection/components/vega-loader-wrapper/vega-loader-wrapper.js

@@ -7,12 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, Host, h, Element } from '@stencil/core';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { ManageVegaLoaderWrapperZIndexController } from './slimmers/controllers/manage-vega-loader-wrapper-z-index-controller';
 /**
  * @vegaVersion 2.0.0
  */
 export class VegaLoaderWrapper {
   constructor() {
     this.globalSlimmers = {};
+    this.manageVegaLoaderWrapperZIndexController = new ManageVegaLoaderWrapperZIndexController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
@@ -32,6 +34,9 @@ export class VegaLoaderWrapper {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaLoaderWrapper.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLoaderWrapper.prototype, "manageVegaLoaderWrapperZIndexController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaLoaderWrapper.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

package/dist/collection/helpers/formatter/string-formatter/custom-formatter-strategy.js

@@ -1,8 +1,9 @@
+import { StringFormatStrategy } from './string-format-strategy.abstract';
 import { isNonNullable } from '../../../types/type-guard';
 /**
  * Used to format a string using a custom formatter.
  */
-export class CustomFormatterStrategy {
+export class CustomFormatterStrategy extends StringFormatStrategy {
   /**
    * The constructor function takes a CustomStringFormatter parameter and assigns it to the formatter
    * property of the class.
@@ -14,6 +15,7 @@ export class CustomFormatterStrategy {
    * @param {boolean} resetCaretPosition - The caret position should update to the last or keep the current position after format
    */
   constructor(formatter, resetCaretPosition = false) {
+    super();
     this.resetCaretPositionFlag = false;
     this.formatter = formatter;
     this.resetCaretPositionFlag = resetCaretPosition;

package/dist/collection/helpers/formatter/string-formatter/number-mask-strategy.js

@@ -1,14 +1,16 @@
 import { isNonNullable } from '../../../types/type-guard';
+import { StringFormatStrategy } from './string-format-strategy.abstract';
 /**
  * A class for formatting number with the given mask format
  */
-export class NumberMaskStrategy {
+export class NumberMaskStrategy extends StringFormatStrategy {
   /**
    * It creates a new instance of the Mask class.
    *
    * @param {NumberMaskConfig} maskConfig - MaskConfig
    */
   constructor(maskConfig) {
+    super();
     this.maskConfig = { allowNegative: true };
     /**
      * if allow negative, will skip '-', e.g. when input '-' -> '-1.2'

package/dist/collection/helpers/formatter/string-formatter/string-format-strategy.abstract.js

@@ -0,0 +1,52 @@
+import { isNonNullable } from '../../../types/type-guard';
+/**
+ * String format strategy abstract class
+ */
+export class StringFormatStrategy {
+  /**
+   * Check if the {@link format} should be applied
+   *
+   * @param {FormatTrigger} triggeredBy - The trigger of the format
+   * @param {FormatTarget} target - The target of the format
+   * @param {InputStatus} inputStatus - The status of the input
+   * @returns {boolean} - Whether the format should be applied
+   */
+  canFormat(triggeredBy, target, inputStatus) {
+    if (triggeredBy === 'init') {
+      if (target === 'component' && isNonNullable(inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.isBlurred)) {
+        return false;
+      }
+      if (this.shouldTriggerAtInit()) {
+        return true;
+      }
+    }
+    if (triggeredBy === 'input' && target === 'native-input') {
+      return true;
+    }
+    if (triggeredBy === 'blur' && (inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.isBlurred)) {
+      if (target === 'component' && this.shouldOverrideComponentValueAfterBlur()) {
+        return true;
+      }
+      if (target === 'native-input') {
+        return true;
+      }
+    }
+    return false;
+  }
+  /**
+   * Determines whether a component value should be overridden based on the mask configuration.
+   *
+   * @returns {boolean} - Whether the component value should be overridden.
+   */
+  shouldOverrideComponentValueAfterBlur() {
+    return false;
+  }
+  /**
+   * Determines whether the format should be triggered at init.
+   *
+   * @returns {boolean} - Whether the format should be triggered at init.
+   */
+  shouldTriggerAtInit() {
+    return false; // TODO: trigger at init feature is not implemented to all strategies. To keep the same behavior as before so set false here as default.
+  }
+}