@globalpayments/vega 2.26.0 → 2.28.0

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

@@ -1,30 +1,32 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
-import { M as MinNumberRule, a as MaxNumberRule } from './min-number-rule-88e546e5.js';
-import { M as MinStringLengthRule, a as MaxStringLengthRule } from './min-string-length-rule-27a8ba07.js';
-import { R as RequiredFieldRule } from './required-field-rule-f438a73f.js';
+import { M as MinNumberRule, a as MaxNumberRule } from './min-number-rule-8f643dbd.js';
+import { M as MinStringLengthRule, a as MaxStringLengthRule } from './min-string-length-rule-c6a69eeb.js';
+import { R as RequiredFieldRule } from './required-field-rule-5da360cc.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bf7441bd.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-edbaaf7c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
 import { e as VegaChange, x as VegaFocus, y as VegaBlur, o as VegaLabelButtonClick } from './vega-event-id-7465a011.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-6987a80b.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-633271ed.js';
-import { M as isNonNullable } from './type-guard-467c9e3e.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-bfe3f5e5.js';
+import { M as isNonNullable } from './type-guard-63caf78b.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import './number-e2519d1c.js';
 import './string-be824360.js';
+import './observer-3959f9dd.js';
 import './ui-0132dbb5.js';
-import './misc-9fdbcfbb.js';
+import './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
 import './dynamic-slimmer-90b8af32.js';
 import './vega-internal-event-id-7e05cf4a.js';
-import './page-resize-observer-slimmer-8caeb03b.js';
-import './breakpoints-e59edf8d.js';
-import './ui-df46cc20.js';
+import './translation-0fa7cf77.js';
+import './page-resize-observer-slimmer-994c1e1b.js';
+import './breakpoints-36a3ed69.js';
+import './ui-8424715a.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
@@ -50,7 +52,7 @@ class EmailFieldRule {
    * It checks if the input is a valid email address.
    *
    * @param {string} input - string
-   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
    * @throws {Error} if input is unable to evaluate
    */
   evaluate(input) {
@@ -248,11 +250,12 @@ class NumberMaskStrategy {
    * @returns {string} The formatted number string.
    */
   format(input) {
-    if (this.skipFormat(input)) {
-      return input;
+    const redressedInput = this.redressAbnormalNumber(input);
+    if (this.skipFormat(redressedInput)) {
+      return redressedInput;
     }
-    const resultStringBuilder = [...input];
-    for (let i = input.length - 1; i >= 0; i--) {
+    const resultStringBuilder = [...redressedInput];
+    for (let i = redressedInput.length - 1; i >= 0; i--) {
       const value = resultStringBuilder.join('');
       if (this.inputNeedFormat(value)) {
         resultStringBuilder.pop();
@@ -260,6 +263,19 @@ class NumberMaskStrategy {
     }
     return resultStringBuilder.join('');
   }
+  /**
+   * Get the position of caret
+   *
+   * @param {string} input - input number
+   * @param {number} caretPosition - The current caret position
+   * @returns {number} The new position of caret
+   */
+  calculateCaretPosition(input, caretPosition) {
+    if (isNonNullable(caretPosition)) {
+      const redressedInput = this.redressAbnormalNumber(input);
+      return caretPosition - (input.length - redressedInput.length);
+    }
+  }
   /**
    * Whether the input string need delete the latest char
    *
@@ -269,6 +285,23 @@ class NumberMaskStrategy {
   inputNeedFormat(value) {
     return !this.mask.test(value);
   }
+  /**
+   * Remove zero of beginning, example:
+   *    00012 -> 12
+   *    000.12 -> 0.12
+   *    00123,456 -> 123,456
+   *    .12 -> 0.12
+   *
+   * @param {string} input - the input value
+   * @returns {string} - redressed Number
+   */
+  redressAbnormalNumber(input) {
+    let removedZeroBeginning = input.replace(/^0+(?!$)/, '');
+    if (removedZeroBeginning.startsWith('.')) {
+      removedZeroBeginning = `0${removedZeroBeginning}`;
+    }
+    return removedZeroBeginning;
+  }
   /**
    * Get the number RegExp
    *
@@ -369,11 +402,12 @@ class NumberThousandCommaStrategy extends NumberMaskStrategy {
    * @returns {string} The input string, but with commas as thousands separator.
    */
   format(input) {
-    if (this.skipFormat(input)) {
-      return input;
+    const redressedInput = this.redressAbnormalNumber(input);
+    if (this.skipFormat(redressedInput)) {
+      return redressedInput;
     }
-    const resultStringBuilder = [...input];
-    for (let i = input.length - 1; i >= 0; i--) {
+    const resultStringBuilder = [...redressedInput];
+    for (let i = redressedInput.length - 1; i >= 0; i--) {
       const value = resultStringBuilder.join('');
       if (this.inputNeedFormat(value.replace(/,/g, ''))) {
         resultStringBuilder.pop();
@@ -389,12 +423,13 @@ class NumberThousandCommaStrategy extends NumberMaskStrategy {
    * @returns {number} The new position of caret
    */
   calculateCaretPosition(input, caretPosition) {
-    const formatInput = this.format(input);
+    const redressedInput = this.redressAbnormalNumber(input);
+    const formattedInput = this.format(input);
     const oldFrontInput = input.substring(0, caretPosition);
-    const newFrontInput = formatInput.substring(0, caretPosition);
+    const newFrontInput = formattedInput.substring(0, caretPosition);
     const oldFrontCommaCount = (oldFrontInput.match(/,/g) || []).length;
     const newFrontCommaCount = (newFrontInput.match(/,/g) || []).length;
-    return caretPosition + (newFrontCommaCount - oldFrontCommaCount);
+    return (caretPosition + (newFrontCommaCount - oldFrontCommaCount) - (input.length - redressedInput.length));
   }
   /**
    * The function `thousandCommaFormat` takes a string input, removes non-numeric characters, formats the number with thousand commas, and returns the result.
@@ -682,7 +717,7 @@ const VegaInput = class {
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the input field.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.label = '';
     /**
@@ -691,7 +726,7 @@ const VegaInput = class {
      * It provides essential information and functionality
      *  related to the suffix button's role and behavior.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.labelSuffixButtonProps = null;
     /**
@@ -704,7 +739,7 @@ const VegaInput = class {
      * If the value is too long, it may be truncated with
      *    an ellipsis for visual presentation.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
@@ -713,7 +748,7 @@ const VegaInput = class {
      *     It controls whether the event is dispatched
      *     after typing in the input or after a change event.
      *
-     * @version 2.24.0
+     * @vegaVersion 2.24.0
      */
     this.valueUpdateTrigger = 'input';
     /**
@@ -722,14 +757,14 @@ const VegaInput = class {
      * It specifies the intended format or purpose of the
      *    data to be entered by the user.
      *
-     * @version 1.0.9
+     * @vegaVersion 1.0.9
      */
     this.type = 'text';
     /**
      * Defines the specific name of the input field.
      *
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.name = '';
     /**
@@ -737,7 +772,7 @@ const VegaInput = class {
      *    input should receive automated suggestions or
      *    previously entered values.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.autocomplete = 'off';
     /**
@@ -747,51 +782,51 @@ const VegaInput = class {
      *    standard email formatting rules.
      *
      * @deprecated Please use `type='email'` instead.
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.email = false;
     /**
      * Determines whether the input field is required.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
      * Sets the minimum allowable numeric value for the input value.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.min = null;
     /**
      * Sets the maximum allowable numeric value for the input value.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.max = null;
     /**
      * Sets the minimum length requirement for the input value.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.minLength = null;
     /**
      * Sets the maximum length requirement for the input value.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.maxLength = null;
     /**
      * Determines whether the clear icon should be displayed or hidden.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.showClearIcon = true;
     /**
      * Indicates whether the current value in the field is considered valid or
      *    invalid based on the defined validation rules.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -799,39 +834,39 @@ const VegaInput = class {
      * Determines whether the input field should undergo automatic validation
      *    during the user's input.
      *
-     * @version 1.0.10
+     * @vegaVersion 1.0.10
      */
     this.autoValidation = true;
     /**
      * Defines custom validation rules for the input field.
      *
-     * @version 1.0.10
+     * @vegaVersion 1.0.10
      */
     this.validationRules = [];
     /**
      * Defines the size of the input field,
      *    specifying its width or length.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.size = 'default';
     /**
      * Determines whether the input field is disabled.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.disabled = false;
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value for the input field.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.hint = '';
     /**
      * Controls whether copying or pasting is enabled for the input.
      *
-     * @version 2.1.0
+     * @vegaVersion 2.1.0
      */
     this.disableCopyPaste = false;
     this.focusInput = () => {
@@ -917,7 +952,7 @@ const VegaInput = class {
   /**
    * Invoke this method to focus the current input.
    *
-   * @version 1.12.0
+   * @vegaVersion 1.12.0
    */
   async doFocus() {
     this.focusInput();
@@ -925,7 +960,7 @@ const VegaInput = class {
   /**
    * Invoke this method to blur the current input.
    *
-   * @version 1.12.0
+   * @vegaVersion 1.12.0
    */
   async doBlur() {
     this.inputRef.blur();

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

@@ -1,13 +1,14 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { I as ItemToggleTransitionMillisecond } from './ui-df46cc20.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { I as ItemToggleTransitionMillisecond } from './ui-8424715a.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import { A as VegaToggleStatus, a as VegaClick } from './vega-event-id-7465a011.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
 import './change-manager-6a7eb88c.js';
+import './observer-3959f9dd.js';
 import './ui-0132dbb5.js';
 import './dynamic-slimmer-90b8af32.js';
 import './internal-vega-event-manager-722461c1.js';
@@ -76,19 +77,19 @@ const VegaItemToggle = class {
      * Defines the labels and icons associated with the toggle states.
      * @deprecated This property will be removed soon and replaced by prop statusMap
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.itemToggleStatusMap = VegaItemToggle.defaultStatusMap;
     /**
      * Defines the labels and icons associated with the toggle states.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.statusMap = VegaItemToggle.defaultStatusMap;
     /**
      * Determines whether the item is toggled on.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isToggled = false;

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

@@ -3,38 +3,38 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
 import { e as executeAfterTransition } from './effect-8efd2c3c.js';
-import { F as FeatureFlag } from './feature-flag-controller-a5fe5022.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
+import { F as FeatureFlag } from './feature-flag-controller-10780eeb.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-9671142a.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-0553458e.js';
-import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
+import { g as getCurrentBreakpoint } from './breakpoints-36a3ed69.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
 import { C as VegaStateUpdate, D as VegaGroupClick, E as VegaMenuClick, a as VegaClick, F as VegaActionClick } from './vega-event-id-7465a011.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-000e0c11.js';
-import { D as DomNodeSubjectObserverFactory, O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import { j as VegaInternalLeftNavLinkClick } from './vega-internal-event-id-7e05cf4a.js';
 import { c as chevronUp, a as chevronDown } from './chevron-down-4303bddb.js';
-import { L as LEFT_NAV_LINK_SELECTED_TOPIC } from './static-subject-title-2a4d6602.js';
+import { L as LEFT_NAV_LINK_SELECTED_TOPIC } from './static-subject-title-6987a80b.js';
+import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { f as findParent } from './ui-0132dbb5.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
-import { f as formatAndValidResponsiveToken } from './design-token-44525832.js';
+import { f as formatAndValidResponsiveToken } from './design-token-3671ce60.js';
 import './index-0863eec6.js';
-import './icon-manager-754cda3f.js';
-import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
+import './icon-manager-0f030f8a.js';
+import './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
 import './dynamic-slimmer-90b8af32.js';
-import './misc-9fdbcfbb.js';
 import './number-e2519d1c.js';
-import './ui-df46cc20.js';
+import './ui-8424715a.js';
 import './internal-vega-event-manager-722461c1.js';
 import './object-261e7344.js';
-import './type-guard-467c9e3e.js';
+import './type-guard-63caf78b.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsive-format-facade-4488d609.js';
+import './responsive-format-facade-5a1329a7.js';
 import './pixel-f32c07ce.js';
-import './state-background-color-formatter-de7e6522.js';
+import './state-background-color-formatter-0540d006.js';
 
 var __decorate$i = (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;
@@ -538,7 +538,7 @@ const VegaLeftNav = class {
     /**
      * Determines whether the left navigation is expanded or collapsed.
      *
-     * @version 1.39.2
+     * @vegaVersion 1.39.2
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.open = false;
@@ -547,14 +547,14 @@ const VegaLeftNav = class {
      *
      * You can use this property to define a custom title and subtitle.
      *
-     * @version 1.31.0
+     * @vegaVersion 1.31.0
      */
     this.headerConfig = {};
     /**
      * Provides additional information or context in the form of
      *    a footnote in the left-nav footer.
      *
-     * @version 1.31.0
+     * @vegaVersion 1.31.0
      */
     this.footnote = '';
     /**
@@ -568,11 +568,11 @@ const VegaLeftNav = class {
      *    within an element possessing the class `vega-left-nav-content` immediately following the
      *    `vega-left-nav` component.
      *
-     * @version 1.33.0
+     * @vegaVersion 1.33.0
      */
     this.showAsOverlay = true;
     /** Determines whether the left navigation automatically collapses when the left navigation link is clicked in overlay mode. *
-     * @version 2.7.0
+     * @vegaVersion 2.7.0
      */
     this.autoCollapseOnOverlay = false;
   }
@@ -585,7 +585,7 @@ const VegaLeftNav = class {
   /**
    * Invoke this method to toggle the left-nav's open state.
    *
-   * @version 1.31.0
+   * @vegaVersion 1.31.0
    */
   async toggle() {
   }
@@ -791,7 +791,7 @@ const VegaLeftNavGroup = class {
     this.groupClickEventEmitter = createEventEmitSlimmer(VegaLeftNavGroup, VegaGroupClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     /** label attached to the left nav group items **
-     * @version 1.31.0
+     * @vegaVersion 1.31.0
      */
     this.label = '';
   }
@@ -953,7 +953,7 @@ const VegaLeftNavLink = class {
     this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaLeftNavLink, 'counterBadge.count', 'counterBadge.counter', undefined);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     /** boolean indicating if current link item is selected **
-     * @version 1.31.0
+     * @vegaVersion 1.31.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.selected = false;

package/dist/esm/vega-line-chart.entry.js

@@ -332,7 +332,7 @@ const VegaLineChart = class {
    *    ensure that this method is invoked after the chart is shown
    *    to ensure proper rendering.
    *
-   * @version 1.32.0
+   * @vegaVersion 1.32.0
    */
   async reRender() {
     this.reRenderTimer && clearTimeout(this.reRenderTimer);

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

@@ -3,11 +3,11 @@ import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { a as arrayToClassString } from './ui-0132dbb5.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-4488d609.js';
-import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import './type-guard-467c9e3e.js';
-import './ui-df46cc20.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-5a1329a7.js';
+import { g as getCurrentBreakpoint } from './breakpoints-36a3ed69.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
+import './type-guard-63caf78b.js';
+import './ui-8424715a.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 import './number-e2519d1c.js';
@@ -97,14 +97,14 @@ const VegaLoadingIndicator = class {
     /**
      * Specifies the shape of the loading indicator.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.shape = 'circle';
     /**
      * Specifies the size of the loading indicator.
      *    It is provided as a ResponsiveType.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.size = 'default';
     /**
@@ -112,34 +112,34 @@ const VegaLoadingIndicator = class {
      *
      * When the mode is set to `determinate`, there will be no animation.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.mode = 'indeterminate';
     /**
      * Specifies the completion percentage when
      *    the mode is set to `determinate`.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.percent = 0;
     /**
      * Provides a descriptive text or message that indicates
      *    the status or progress of the process.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.label = '';
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the ongoing loading process.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.hint = '';
     /**
      * Indicates the current status or state of the loading process.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.status = 'default';
     this.renderCircleLoader = () => {

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

@@ -4,9 +4,10 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-0132dbb5.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import { a as VegaClick } from './vega-event-id-7465a011.js';
 import './change-manager-6a7eb88c.js';
+import './observer-3959f9dd.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}}";
 
@@ -38,7 +39,7 @@ const VegaPageNotification = class {
      * It provides users with a concise and informative message
      *    that communicates the purpose or nature of the notification.
      *
-     * @version 1.17.0
+     * @vegaVersion 1.17.0
      */
     this.notificationTitle = '';
     /**
@@ -48,7 +49,7 @@ const VegaPageNotification = class {
      *    further explains the purpose or context of
      *    the notification.
      *
-     * @version 1.17.0
+     * @vegaVersion 1.17.0
      */
     this.message = '';
     /**
@@ -56,7 +57,7 @@ const VegaPageNotification = class {
      *    indicating the visual style or category of
      *    the notification.
      *
-     * @version 1.17.0
+     * @vegaVersion 1.17.0
      */
     this.type = 'info';
     /**
@@ -66,14 +67,14 @@ const VegaPageNotification = class {
      * If the duration is set to `0`, the notification will not
      *    close automatically.
      *
-     * @version 1.17.0
+     * @vegaVersion 1.17.0
      */
     this.duration = 5000;
     /**
      * Specifies whether to display the close button for
      *    the page notification.
      *
-     * @version 1.17.0
+     * @vegaVersion 1.17.0
      */
     this.showCloseButton = true;
     /**
@@ -84,7 +85,7 @@ const VegaPageNotification = class {
      *    perform specific actions or operations related to
      *    the notification.
      *
-     * @version 1.17.0
+     * @vegaVersion 1.17.0
      */
     this.actionButtons = [];
     this.renderPrefixIcon = () => {
@@ -107,7 +108,7 @@ const VegaPageNotification = class {
   /**
    * Invoke this method to close the page notification.
    *
-   * @version 1.17.0
+   * @vegaVersion 1.17.0
    */
   async close() {
     this.host.classList.add('vega-page-notification-fade-out');