@globalpayments/vega 2.39.0 → 2.41.0

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

@@ -6,34 +6,34 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.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 internalIconManager = require('./internal-icon-manager-5ccb9443.js');
-const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
+const remoteInvocationRegistry = require('./remote-invocation-registry-ff9af278.js');
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
-require('./observer-f49483e8.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9f4d1fc3.js');
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4beb1fde.js');
 require('./ui-5fd9b267.js');
 require('./icon-manager-edc2400b.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./string-21427167.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('./number-4816603d.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');
 
@@ -8922,10 +8922,11 @@ __decorate$1([
 /**
  * A rule that checks if it's a valid phone number
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  */
-class ValidPhoneNumberRule {
+class ValidPhoneNumberRule extends internalFormFieldValidationRule_abstract.InternalFormFieldValidationRule {
   constructor(countryCodeGetter, emptyValueEnabled = false) {
+    super();
     this.countryCodeGetter = countryCodeGetter;
     this.emptyValueEnabled = emptyValueEnabled;
     /**
@@ -9035,65 +9036,6 @@ class ValidPhoneNumberRule {
   }
 }
 
-/**
- * A rule that checks if input phone number is empty or not
- *
- * @implements {FormFieldValidationRule<string>}
- */
-class InputPhoneNumberRequiredRule {
-  constructor(phoneNumberValueGetter) {
-    this.phoneNumberValueGetter = phoneNumberValueGetter;
-  }
-  /**
-   * It checks if the input is a valid value.
-   *
-   * @param {unknown} input - The value of the input field.
-   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
-   */
-  evaluate(input) {
-    if (!this.isAcceptedInputType(input)) {
-      throw new Error(`Invalid value ${input} for input phone number`);
-    }
-    const isValid = this.phoneNumberValueGetter() !== '';
-    return {
-      isValid,
-      message: isValid ? '' : 'This field is required',
-    };
-  }
-  /**
-   * If the input is accepted and the status is not disabled and visible, then return true
-   *
-   * @param {unknown} input - The input to be evaluated.
-   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  canEvaluate(input, status) {
-    return status
-      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
-      : this.isAcceptedInputType(input);
-  }
-  /**
-   * If the field is not disabled, visible, and has been touched or modified, then show the error
-   *
-   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  shouldShowError(status) {
-    return !status.disabled && status.visible && (status.touched || status.modified);
-  }
-  /**
-   * If the input is undefined or null, return true, otherwise return true if the input is a string.
-   *
-   * @param {unknown} input - The input value to be validated.
-   * @returns {boolean}A boolean.
-   */
-  isAcceptedInputType(input) {
-    if (input === undefined || input === null)
-      return true;
-    return typeof input === 'string';
-  }
-}
-
 const vegaInputPhoneNumberCss = ":host{display:inline-block;width:100%}:host .vega-input-phone-number-hint{display:inline-block;padding-top:12px;padding-left:8px;padding-right:8px}:host .vega-input-phone-number-container.error vega-input::part(input-container){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-input-phone-number-container.error vega-input::part(input-container):hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-input-phone-number-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0}:host vega-field-label{margin-bottom:8px}:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}.vega-input-phone-number-dropdown-item{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}.vega-input-phone-number-dropdown-icon{text-align:center;font-size:0px}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -9128,7 +9070,7 @@ const VegaInputPhoneNumber = class {
         {
           propertyName: 'required',
           ruleFactory: (isRequired) => isRequired
-            ? new InputPhoneNumberRequiredRule(() => this.phoneNumberInputRenderer.getInputRef().value)
+            ? new inputPhoneNumberRequiredRule.InputPhoneNumberRequiredRule(() => this.phoneNumberInputRenderer.getInputRef().value)
             : null,
         },
         {

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

@@ -6,33 +6,33 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9f4d1fc3.js');
 const array = require('./array-5adef7b2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const ui = require('./ui-5fd9b267.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4beb1fde.js');
+const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const translationSlimmer = require('./translation-slimmer-510906bc.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-981dfd1c.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./string-21427167.js');
-require('./observer-f49483e8.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.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('./number-4816603d.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');
 
@@ -320,68 +320,10 @@ __decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRangeInputRenderer.prototype, "translationSlimmer", void 0);
 
-/**
- * A rule that checks if input range is empty or not
- *
- * @implements {FormFieldValidationRule<string[]>}
- */
-class InputRangeRequiredRule {
-  /**
-   * It checks if the input is a valid value.
-   *
-   * @param {string[]} input - The value of the input field.
-   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
-   */
-  evaluate(input) {
-    if (!this.isAcceptedInputType(input)) {
-      throw new Error(`Invalid value ${input} for input range`);
-    }
-    const isValid = Array.isArray(input) &&
-      input.length === 2 &&
-      input.every((item) => !!item || item == '0');
-    return {
-      isValid,
-      message: isValid ? '' : 'This field is required',
-    };
-  }
-  /**
-   * If the input is accepted and the status is not disabled and visible, then return true
-   *
-   * @param {unknown} input - The input to be evaluated.
-   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  canEvaluate(input, status) {
-    return status
-      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
-      : this.isAcceptedInputType(input);
-  }
-  /**
-   * If the field is not disabled, visible, and has been touched or modified, then show the error
-   *
-   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  shouldShowError(status) {
-    return !status.disabled && status.visible && (status.touched || status.modified);
-  }
-  /**
-   * If the input is undefined or null, return true, otherwise return true if the input is a string.
-   *
-   * @param {unknown} input - The input value to be validated.
-   * @returns {boolean}A boolean.
-   */
-  isAcceptedInputType(input) {
-    if (input === undefined || input === null)
-      return true;
-    return Array.isArray(input);
-  }
-}
-
 /**
  * A rule that checks if number is in min and max range
  */
-class InputRangeMinAndMaxRule {
+class InputRangeMinAndMaxRule extends internalFormFieldValidationRule_abstract.InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -390,6 +332,7 @@ class InputRangeMinAndMaxRule {
    * @param {string} config.maxValue - The max number
    */
   constructor(config) {
+    super();
     /**
      * Generate an invalid result
      *
@@ -551,7 +494,7 @@ const VegaInputRange = class {
       propertyRules: [
         {
           propertyName: 'required',
-          ruleFactory: (isRequired) => (isRequired ? new InputRangeRequiredRule() : null),
+          ruleFactory: (isRequired) => (isRequired ? new inputRangeRequiredRule.InputRangeRequiredRule() : null),
         },
         {
           propertyName: 'min',

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
+const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const component = require('./component-73a88c4e.js');
-const breakpoints = require('./breakpoints-17d6c4c7.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-5fd9b267.js');
-const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ad8ca2ab.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.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 vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
 const array = require('./array-5adef7b2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
@@ -20,29 +20,31 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9f4d1fc3.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4beb1fde.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js');
 const translationSlimmer = require('./translation-slimmer-510906bc.js');
+require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./observer-f49483e8.js');
-require('./icon-manager-edc2400b.js');
+require('./vega-env-manager-23b8b23c.js');
+require('./vega-skeleton-loader-controller-381e90fe.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./string-21427167.js');
-require('./translation-6848c389.js');
-require('./internal-vega-event-manager-981dfd1c.js');
-require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-7b22e598.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('./icon-manager-edc2400b.js');
+require('./wait-for-vega-handler-46280dcf.js');
+require('./translation-6848c389.js');
+require('./string-21427167.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 
@@ -702,7 +704,7 @@ const VegaInputSelect = class {
     this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaSearch, domNodeSubjectFactory.VegaSearchTrigger, domNodeSubjectFactory.VegaShow, domNodeSubjectFactory.VegaHide], () => this.host, true);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaInputSelectRuntimeMetricsPayloadDefinition);
     this.isDropdownShow = false;
-    this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
+    this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
     this.isLazyLoading = false;
     /**
      * Specifies the label or title for the input field.

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

@@ -3,29 +3,29 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const minNumberRule = require('./min-number-rule-115c5a3b.js');
-const minStringLengthRule = require('./min-string-length-rule-75f24a48.js');
-const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+const minNumberRule = require('./min-number-rule-5bcccc8f.js');
+const minStringLengthRule = require('./min-string-length-rule-af215976.js');
+const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const component = require('./component-73a88c4e.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.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 formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9f4d1fc3.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.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 stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-f45931fd.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-83aa7e61.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');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-02634647.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-91b89d4d.js');
 const array = require('./array-5adef7b2.js');
 require('./number-4816603d.js');
 require('./string-21427167.js');
-require('./observer-f49483e8.js');
 require('./ui-5fd9b267.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -33,13 +33,13 @@ require('./vega-internal-event-id-bda63e14.js');
 require('./translation-6848c389.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
-require('./internal-vega-event-manager-981dfd1c.js');
-require('./index-0546e2ea.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./index-453b89b9.js');
+require('./wait-for-vega-handler-46280dcf.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./breakpoints-17d6c4c7.js');
 
 /**
  * This email regex from https://stackoverflow.com/a/201378
@@ -52,9 +52,9 @@ const EMAIL_VALIDATION_REGEX =
 /**
  * This class is a rule that checks if the input is a valid email address
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  */
-class EmailFieldRule {
+class EmailFieldRule extends internalFormFieldValidationRule_abstract.InternalFormFieldValidationRule {
   /**
    * It checks if the input is a valid email address.
    *

package/dist/cjs/vega-item-toggle.cjs.entry.js

@@ -5,17 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const ui = require('./ui-32e69595.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
 require('./change-manager-a297e4d2.js');
-require('./observer-f49483e8.js');
 require('./ui-5fd9b267.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-981dfd1c.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./object-bbd4ed7f.js');
 
 const VegaItemToggleRuntimeMetricsPayloadDefinition = [

package/dist/cjs/vega-left-nav_5.cjs.entry.js

@@ -7,42 +7,45 @@ 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 effect = require('./effect-37695d3d.js');
-const featureFlagController = require('./feature-flag-controller-7b22e598.js');
+const featureFlagController = require('./feature-flag-controller-3c6666df.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
-const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
-const breakpoints = require('./breakpoints-17d6c4c7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-381e90fe.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b1f1e61a.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-1a52271c.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
-const observer = require('./observer-f49483e8.js');
 const ui = require('./ui-5fd9b267.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-02634647.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-91b89d4d.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
-const designToken = require('./design-token-36eb5def.js');
+const designToken = require('./design-token-4d94a23c.js');
+require('./ui-32e69595.js');
+require('./breakpoints-ebde4837.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./icon-manager-edc2400b.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./number-4816603d.js');
-require('./ui-32e69595.js');
-require('./breakpoints-ebde4837.js');
-require('./internal-vega-event-manager-981dfd1c.js');
 require('./object-bbd4ed7f.js');
 require('./type-guard-4ba85fdc.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-a1983026.js');
+require('./responsive-format-facade-ad8ca2ab.js');
 require('./pixel-98f2a10c.js');
+require('./array-5adef7b2.js');
+require('./vega-env-manager-23b8b23c.js');
+require('./content-state-582d8961.js');
+require('./wait-for-vega-handler-46280dcf.js');
+require('./translation-6848c389.js');
 require('./state-background-color-formatter-e585a027.js');
 
 var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -277,13 +280,13 @@ class VegaLeftNavZIndexController extends globalSlimmerRegistry.VegaSlimmer {
   updateZIndex() {
     const backDrop = this.backdropController.getBackdrop();
     if (this.openState == 'open') {
-      internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(backDrop, 'base');
-      internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.host, 'base');
+      vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(backDrop, 'base');
+      vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(this.host, 'base');
     }
     else {
       effect.executeAfterTransition(() => {
-        internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(backDrop, 'base');
-        internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
+        vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(backDrop, 'base');
+        vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
       }, this.host, 300);
     }
   }
@@ -369,7 +372,7 @@ class VegaLeftNavBackdropController extends pageResizeObserverSlimmer.PageResize
     }
   }
   isLargeScreen() {
-    const currentBreakpoint = breakpoints.getCurrentBreakpoint();
+    const currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
     return currentBreakpoint == 'L' || currentBreakpoint == 'XL';
   }
 }
@@ -759,7 +762,7 @@ class VegaNavObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * The function creates an observer to observe the subject of LEFT_NAV_LINK_SELECTED_TOPIC.
    */
   componentWillLoad() {
-    this.observer = new observer.Observer(this.isAcceptableNavListObserver.bind(this), this.observerListener.bind(this));
+    this.observer = new domNodeSubjectFactory.Observer(this.isAcceptableNavListObserver.bind(this), this.observerListener.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.LEFT_NAV_LINK_SELECTED_TOPIC, this.observer);
   }
   /**
@@ -832,7 +835,7 @@ class VegaLeftNavGroupSiblingObserverController extends globalSlimmerRegistry.Ve
     return this.parent;
   }
   addObserver() {
-    this.observer = new observer.Observer(this.acceptHandler.bind(this), this.listenerCallback);
+    this.observer = new domNodeSubjectFactory.Observer(this.acceptHandler.bind(this), this.listenerCallback);
     const parent = ui.findParent(this.host, 'vega-left-nav');
     if (parent) {
       this.parent = parent;

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

@@ -5,12 +5,15 @@ 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 vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-381e90fe.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');
+const responsiveFormatFacade = require('./responsive-format-facade-ad8ca2ab.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./dom-node-subject-factory-3ec114b8.js');
 require('./number-4816603d.js');
 require('./type-guard-4ba85fdc.js');
 require('./breakpoints-ebde4837.js');
@@ -18,6 +21,18 @@ require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./pixel-98f2a10c.js');
+require('./array-5adef7b2.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('./change-manager-a297e4d2.js');
+require('./vega-internal-event-id-bda63e14.js');
+require('./static-subject-title-c589a1bd.js');
+require('./icon-manager-edc2400b.js');
+require('./wait-for-vega-handler-46280dcf.js');
+require('./translation-6848c389.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;
@@ -46,7 +61,7 @@ class ManageVegaLoaderWrapperZIndexController extends globalSlimmerRegistry.Vega
     const containerElement = document.querySelector(this.host.dataset.container);
     if (containerElement) {
       if (containerElement.tagName === 'BODY') {
-        internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.host, 'base');
+        vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(this.host, 'base');
       }
     }
   }
@@ -54,7 +69,7 @@ class ManageVegaLoaderWrapperZIndexController extends globalSlimmerRegistry.Vega
    * Removes the z-index of the vega-loader-wrapper by resetting it.
    */
   removeIndex() {
-    internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
+    vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
   }
 }
 __decorate$2([
@@ -151,7 +166,7 @@ const VegaLoadingIndicator = class {
      */
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaLoadingIndicatorRuntimeMetricsPayloadDefinition);
-    this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
+    this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
     /**
      * Specifies the shape of the loading indicator.
      *

package/dist/cjs/vega-page-notification_2.cjs.entry.js

@@ -8,10 +8,9 @@ const component = require('./component-73a88c4e.js');
 const ui = require('./ui-5fd9b267.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.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');
 require('./change-manager-a297e4d2.js');
-require('./observer-f49483e8.js');
 
 const vegaPageNotificationCss = ":host{display:inline-block;box-sizing:border-box;border-radius:12px;max-width:480px;box-shadow:0 4px 8px rgba(2, 2, 15, 0.1), 0 12px 20px rgba(2, 2, 15, 0.15);animation:fade-in-right 300ms ease-in-out}:host(.mobile){width:100%;max-width:100%;animation:fade-in-up 300ms ease-in-out}:host(.vega-page-notification-fade-out){opacity:0;animation:fade-out 300ms ease-in-out}:host vega-icon{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}:host .vega-page-notification-prefix{display:flex}:host(.mobile) .vega-page-notification-prefix{padding-top:4px}:host .vega-page-notification-content{flex:1 1 0%;overflow:auto}:host .vega-page-notification-close-btn{cursor:pointer;display:inline-flex;margin-top:4px}:host(.mobile) .vega-page-notification-close-btn{padding:2px}:host .vega-page-notification-actions-container{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:24px}:host(.mobile) .vega-page-notification-actions-container{margin-top:16px}:host .vega-page-notification-title{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-page-notification-message{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;overflow-wrap:break-word;margin-top:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));border:2px solid rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}.vega-page-notification-list{display:flex;flex-direction:column;align-items:flex-end;position:fixed}.vega-page-notification-list-topRight{top:24px;right:24px}.vega-page-notification-list-bottom{left:0px;right:0px;padding-left:16px;padding-right:16px;align-items:center;bottom:0px}@keyframes fade-in-right{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:none}}@keyframes fade-in-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes fade-out{from{opacity:1}to{opacity:0}}";