@globalpayments/vega 2.24.0 → 2.25.0

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

@@ -1,7 +1,7 @@
 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-6c04a5e9.js';
+import { R as RequiredFieldRule } from './required-field-rule-f438a73f.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';
@@ -9,15 +9,15 @@ import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } fr
 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-374541fd.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
-import { e as VegaChange, t as VegaFocus, u as VegaBlur } from './vega-event-id-6ac7ca51.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.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-2e153754.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-7170d6b3.js';
 import { P as isNonNullable } from './type-guard-4bc3fbf5.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
 import './number-e2519d1c.js';
 import './string-be824360.js';
-import './dom-node-subject-observer-factory-926991a9.js';
 import './ui-153f4ae7.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
@@ -28,7 +28,7 @@ import './ui-df46cc20.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-722461c1.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 
@@ -628,6 +628,8 @@ const VegaInput = class {
     this.blur = createEvent(this, "blur", 7);
     this.vegaFocus = createEvent(this, "vegaFocus", 7);
     this.focus = createEvent(this, "focus", 7);
+    this.vegaLabelButtonClick = createEvent(this, "vegaLabelButtonClick", 7);
+    this.labelButtonClick = createEvent(this, "labelButtonClick", 7);
     this.globalSlimmers = {};
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
@@ -672,14 +674,26 @@ const VegaInput = class {
     this.changeEventEmitter = createEventEmitSlimmer(VegaInput, VegaChange);
     this.focusEventEmitter = createEventEmitSlimmer(VegaInput, VegaFocus);
     this.blurEventEmitter = createEventEmitSlimmer(VegaInput, VegaBlur);
+    this.labelButtonClickEventEmitter = createEventEmitSlimmer(VegaInput, VegaLabelButtonClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaInputRuntimeMetricsPayloadDefinition);
     /**
      * Specifies the label or title for the input field.
      *
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the input field.
+     *
+     * @version 1.0.5
      */
     this.label = '';
+    /**
+     * Specifies the properties for the suffix button associated with the input.
+     *
+     * It provides essential information and functionality
+     *  related to the suffix button's role and behavior.
+     *
+     * @version 2.25.0
+     */
+    this.labelSuffixButtonProps = null;
     /**
      * Represents a pre-set or default value for the input field.
      *
@@ -689,12 +703,17 @@ const VegaInput = class {
      *
      * If the value is too long, it may be truncated with
      *    an ellipsis for visual presentation.
+     *
+     * @version 1.0.5
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
     /**
      * Specifies when the vegaChange event is triggered.
      *     It controls whether the event is dispatched
      *     after typing in the input or after a change event.
+     *
+     * @version 2.24.0
      */
     this.valueUpdateTrigger = 'input';
     /**
@@ -702,17 +721,23 @@ const VegaInput = class {
      *
      * It specifies the intended format or purpose of the
      *    data to be entered by the user.
+     *
+     * @version 1.0.9
      */
     this.type = 'text';
     /**
      * Defines the specific name of the input field.
      *
+     *
+     * @version 1.0.5
      */
     this.name = '';
     /**
      * Controls the autofill behavior and specifies whether the
      *    input should receive automated suggestions or
      *    previously entered values.
+     *
+     * @version 1.0.5
      */
     this.autocomplete = 'off';
     /**
@@ -722,64 +747,91 @@ const VegaInput = class {
      *    standard email formatting rules.
      *
      * @deprecated Please use `type='email'` instead.
+     * @version 1.0.5
      */
     this.email = false;
     /**
      * Determines whether the input field is required.
+     *
+     * @version 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
      */
     this.min = null;
     /**
      * Sets the maximum allowable numeric value for the input value.
+     *
+     * @version 1.0.5
      */
     this.max = null;
     /**
      * Sets the minimum length requirement for the input value.
+     *
+     * @version 1.0.5
      */
     this.minLength = null;
     /**
      * Sets the maximum length requirement for the input value.
+     *
+     * @version 1.0.5
      */
     this.maxLength = null;
     /**
      * Determines whether the clear icon should be displayed or hidden.
+     *
+     * @version 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
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
      * Determines whether the input field should undergo automatic validation
      *    during the user's input.
+     *
+     * @version 1.0.10
      */
     this.autoValidation = true;
     /**
      * Defines custom validation rules for the input field.
+     *
+     * @version 1.0.10
      */
     this.validationRules = [];
     /**
      * Defines the size of the input field,
      *    specifying its width or length.
+     *
+     * @version 1.3.0
      */
     this.size = 'default';
     /**
      * Determines whether the input field is disabled.
+     *
+     * @version 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
      */
     this.hint = '';
     /**
      * Controls whether copying or pasting is enabled for the input.
+     *
+     * @version 2.1.0
      */
     this.disableCopyPaste = false;
     this.focusInput = () => {
@@ -825,6 +877,9 @@ const VegaInput = class {
         this.value = e.target.value;
       }
     };
+    this.handleLabelButtonClick = () => {
+      this.labelButtonClickEventEmitter.emit();
+    };
   }
   /**
    * The input component is embedded in other components.
@@ -861,12 +916,16 @@ const VegaInput = class {
   }
   /**
    * Invoke this method to focus the current input.
+   *
+   * @version 1.12.0
    */
   async doFocus() {
     this.focusInput();
   }
   /**
    * Invoke this method to blur the current input.
+   *
+   * @version 1.12.0
    */
   async doBlur() {
     this.inputRef.blur();
@@ -892,7 +951,9 @@ const VegaInput = class {
     return (h("div", { class: "vega-input", part: "container-wrapper" }, this.renderLabelDom(), h("div", { ref: (e) => (this.inputContainerRef = e), part: "input-container", class: containerClass, onClick: this.focusInput, "aria-label": "input container", role: "textbox", tabIndex: !this.disabled ? -1 : null, onKeyDown: createEnterKeyHandlerToTriggerClick() }, this.prefixSlotRenderer.render(), this.containerDom(), this.showClearIcon && this.renderClearIcon()), this.renderHintDom()));
   }
   renderLabelDom() {
-    return (h("vega-field-label", { onClick: this.focusInput, "is-field-required": this.required, disabled: this.disabled, label: this.label }));
+    return (h("vega-field-label", { onClick: this.focusInput, "is-field-required": this.required, disabled: this.disabled, label: this.label, suffixButtonProps: this.labelSuffixButtonProps, ref: (node) => {
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, VegaLabelButtonClick, this.handleLabelButtonClick);
+      } }));
   }
   renderClearIcon() {
     return (h("div", { class: {
@@ -934,6 +995,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaInput.prototype, "blurEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInput.prototype, "labelButtonClickEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInput.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

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

@@ -2,14 +2,14 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 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-926991a9.js';
-import { w as VegaToggleStatus, a as VegaClick } from './vega-event-id-6ac7ca51.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
+import { A as VegaToggleStatus, a as VegaClick } from './vega-event-id-7465a011.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.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 './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-722461c1.js';
 import './object-261e7344.js';
 
 const VegaItemToggleRuntimeMetricsPayloadDefinition = [
@@ -74,15 +74,22 @@ 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
      */
     this.itemToggleStatusMap = VegaItemToggle.defaultStatusMap;
     /**
      * Defines the labels and icons associated with the toggle states.
+     *
+     * @version 2.2.0
      */
     this.statusMap = VegaItemToggle.defaultStatusMap;
     /**
      * Determines whether the item is toggled on.
+     *
+     * @version 1.3.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.isToggled = false;
     this.handleToggle = () => {
       if (!this.isTogglingOrUnToggling()) {

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

@@ -8,8 +8,8 @@ import { e as executeAfterTransition } from './effect-8efd2c3c.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.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-e952b0b0.js';
-import { y as VegaStateUpdate, z as VegaGroupClick, A as VegaMenuClick, a as VegaClick, B as VegaActionClick } from './vega-event-id-6ac7ca51.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.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-926991a9.js';
 import { h as VegaInternalLeftNavLinkClick } from './vega-internal-event-id-809b4ec8.js';
@@ -18,19 +18,19 @@ import { L as LEFT_NAV_LINK_SELECTED_TOPIC } from './static-subject-title-2e1537
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { f as findParent } from './ui-153f4ae7.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
-import { f as formatAndValidResponsiveToken } from './design-token-abcaac42.js';
+import { f as formatAndValidResponsiveToken } from './design-token-8a6b46ba.js';
 import './icon-manager-754cda3f.js';
 import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './number-e2519d1c.js';
 import './ui-df46cc20.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-722461c1.js';
 import './object-261e7344.js';
 import './type-guard-4bc3fbf5.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsive-format-facade-2fcb7c02.js';
+import './responsive-format-facade-e86c7fbb.js';
 import './pixel-f32c07ce.js';
 import './state-background-color-formatter-0f86292d.js';
 
@@ -523,18 +523,24 @@ const VegaLeftNav = class {
     this.openState = 'close';
     /**
      * Determines whether the left navigation is expanded or collapsed.
+     *
+     * @version 1.39.2
      */
-    // eslint-disable-next-line @stencil/strict-mutable
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.open = false;
     /**
      * Specifies the configuration options for the header within the left-nav.
      *
      * You can use this property to define a custom title and subtitle.
+     *
+     * @version 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
      */
     this.footnote = '';
     /**
@@ -547,9 +553,13 @@ const VegaLeftNav = class {
      *    property is set to `false` within the `vega-left-nav` component. Additionally, enclose all content
      *    within an element possessing the class `vega-left-nav-content` immediately following the
      *    `vega-left-nav` component.
+     *
+     * @version 1.33.0
      */
     this.showAsOverlay = true;
-    /** Determines whether the left navigation automatically collapses when the left navigation link is clicked in overlay mode. */
+    /** Determines whether the left navigation automatically collapses when the left navigation link is clicked in overlay mode. *
+     * @version 2.7.0
+     */
     this.autoCollapseOnOverlay = false;
   }
   watchOpenState() {
@@ -560,6 +570,8 @@ const VegaLeftNav = class {
   }
   /**
    * Invoke this method to toggle the left-nav's open state.
+   *
+   * @version 1.31.0
    */
   async toggle() {
   }
@@ -764,7 +776,9 @@ const VegaLeftNavGroup = class {
     this.controller = new VegaLeftNavGroupController();
     this.groupClickEventEmitter = createEventEmitSlimmer(VegaLeftNavGroup, VegaGroupClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
-    /** label attached to the left nav group items **/
+    /** label attached to the left nav group items **
+     * @version 1.31.0
+     */
     this.label = '';
   }
   render() {
@@ -924,8 +938,10 @@ const VegaLeftNavLink = class {
     this.menuClickEventEmitter = createEventEmitSlimmer(VegaLeftNavLink, VegaMenuClick);
     this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaLeftNavLink, 'counterBadge.count', 'counterBadge.counter', undefined);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
-    /** boolean indicating if current link item is selected **/
-    // eslint-disable-next-line @stencil/strict-mutable
+    /** boolean indicating if current link item is selected **
+     * @version 1.31.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.selected = false;
   }
   render() {

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

@@ -331,6 +331,8 @@ const VegaLineChart = class {
    *    If the chart is displayed incorrectly within a modal or tab,
    *    ensure that this method is invoked after the chart is shown
    *    to ensure proper rendering.
+   *
+   * @version 1.32.0
    */
   async reRender() {
     this.reRenderTimer && clearTimeout(this.reRenderTimer);

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

@@ -3,7 +3,7 @@ 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-153f4ae7.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-2fcb7c02.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-e86c7fbb.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
 import './type-guard-4bc3fbf5.js';
@@ -96,36 +96,50 @@ const VegaLoadingIndicator = class {
     this.currentBreakpoint = getCurrentBreakpoint();
     /**
      * Specifies the shape of the loading indicator.
+     *
+     * @version 1.16.0
      */
     this.shape = 'circle';
     /**
      * Specifies the size of the loading indicator.
      *    It is provided as a ResponsiveType.
+     *
+     * @version 1.16.0
      */
     this.size = 'default';
     /**
      * Specifies the mode of the loading indicator.
      *
      * When the mode is set to `determinate`, there will be no animation.
+     *
+     * @version 1.16.0
      */
     this.mode = 'indeterminate';
     /**
      * Specifies the completion percentage when
      *    the mode is set to `determinate`.
+     *
+     * @version 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
      */
     this.label = '';
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the ongoing loading process.
+     *
+     * @version 1.16.0
      */
     this.hint = '';
     /**
      * Indicates the current status or state of the loading process.
+     *
+     * @version 1.16.0
      */
     this.status = 'default';
     this.renderCircleLoader = () => {

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

@@ -5,7 +5,7 @@ import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './
 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-926991a9.js';
-import { a as VegaClick } from './vega-event-id-6ac7ca51.js';
+import { a as VegaClick } from './vega-event-id-7465a011.js';
 import './change-manager-6a7eb88c.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}}";
@@ -37,6 +37,8 @@ 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
      */
     this.notificationTitle = '';
     /**
@@ -45,12 +47,16 @@ const VegaPageNotification = class {
      * It provides a detailed message or information that
      *    further explains the purpose or context of
      *    the notification.
+     *
+     * @version 1.17.0
      */
     this.message = '';
     /**
      * Specifies the type of page notification,
      *    indicating the visual style or category of
      *    the notification.
+     *
+     * @version 1.17.0
      */
     this.type = 'info';
     /**
@@ -59,11 +65,15 @@ const VegaPageNotification = class {
      *
      * If the duration is set to `0`, the notification will not
      *    close automatically.
+     *
+     * @version 1.17.0
      */
     this.duration = 5000;
     /**
      * Specifies whether to display the close button for
      *    the page notification.
+     *
+     * @version 1.17.0
      */
     this.showCloseButton = true;
     /**
@@ -73,6 +83,8 @@ const VegaPageNotification = class {
      * The action buttons provide interactive options for users to
      *    perform specific actions or operations related to
      *    the notification.
+     *
+     * @version 1.17.0
      */
     this.actionButtons = [];
     this.renderPrefixIcon = () => {
@@ -94,6 +106,8 @@ const VegaPageNotification = class {
   }
   /**
    * Invoke this method to close the page notification.
+   *
+   * @version 1.17.0
    */
   async close() {
     this.host.classList.add('vega-page-notification-fade-out');

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

@@ -2,14 +2,14 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { n as normalizeNumberByRanger, c as convertToNumber } from './number-e2519d1c.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { o as VegaFormSubmit, u as VegaBlur, e as VegaChange, a as VegaClick, C as VegaPageSizeChange } from './vega-event-id-6ac7ca51.js';
+import { t as VegaFormSubmit, y as VegaBlur, e as VegaChange, a as VegaClick, G as VegaPageSizeChange } from './vega-event-id-7465a011.js';
 import { a as arrayToClassString } from './ui-153f4ae7.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.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 './change-manager-6a7eb88c.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';
@@ -215,16 +215,24 @@ const VegaPagination = class {
     /**
      * Specifies the current page number for
      *    the pagination component.
+     *
+     * @version 1.3.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.current = 1;
     /**
      * Specifies the total number of data items for the pagination component.
+     *
+     * @version 1.3.0
      */
     this.total = 0;
     /**
      * Specifies the number of data items to be displayed per page in
      *    the pagination component.
+     *
+     * @version 1.3.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.pageSize = 10;
     /**
      * Specifies the extensions associated with the pagination items
@@ -232,12 +240,17 @@ const VegaPagination = class {
      *
      * It refers to additional elements or components that can be added to
      *    enhance the functionality or appearance of each pagination item.
+     *
+     * @version 1.25.0
      */
     this.extensions = [['pageSelector']];
     /**
      * Specifies the options available for the page size selector
      *    in the pagination component.
+     *
+     * @version 1.25.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.pageSizeSelectorOptions = [10, 20, 50, 100];
     this.renderPaginationItemsWrapper = (extensionArr) => {
       return (h("vega-flex", { gap: "size-24", alignItems: "center", key: this.generateWrapperKey(extensionArr) }, extensionArr.map((item) => {

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

@@ -392,6 +392,8 @@ const VegaPieChart = class {
    *    If the chart is displayed incorrectly within a modal or tab,
    *    ensure that this method is invoked after the chart is shown
    *    to ensure proper rendering.
+   *
+   * @version 1.35.0
    */
   async reRender() {
     this.reRenderTimer && clearTimeout(this.reRenderTimer);