@globalpayments/vega 2.24.0 → 2.25.0

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-09acd3c9.js');
 const minNumberRule = require('./min-number-rule-0ce5347c.js');
 const minStringLengthRule = require('./min-string-length-rule-d1a1ea94.js');
-const requiredFieldRule = require('./required-field-rule-814cad99.js');
+const requiredFieldRule = require('./required-field-rule-8655758f.js');
 const component = require('./component-73a88c4e.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
@@ -13,15 +13,15 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-60346732.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-af463dad.js');
-const vegaEventId = require('./vega-event-id-4a73cd1a.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-0ac6e18a.js');
 const typeGuard = require('./type-guard-4d05d4b2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
 require('./number-459031f7.js');
 require('./string-21427167.js');
-require('./dom-node-subject-observer-factory-92271bc0.js');
 require('./ui-08f33116.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -32,7 +32,7 @@ require('./ui-077fc009.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-79b60f28.js');
 require('./array-6e559cde.js');
-require('./internal-vega-event-manager-3e0a8ac5.js');
+require('./internal-vega-event-manager-627b1328.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 
@@ -632,6 +632,8 @@ const VegaInput = class {
     this.blur = index.createEvent(this, "blur", 7);
     this.vegaFocus = index.createEvent(this, "vegaFocus", 7);
     this.focus = index.createEvent(this, "focus", 7);
+    this.vegaLabelButtonClick = index.createEvent(this, "vegaLabelButtonClick", 7);
+    this.labelButtonClick = index.createEvent(this, "labelButtonClick", 7);
     this.globalSlimmers = {};
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
@@ -676,14 +678,26 @@ const VegaInput = class {
     this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInput, vegaEventId.VegaChange);
     this.focusEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInput, vegaEventId.VegaFocus);
     this.blurEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInput, vegaEventId.VegaBlur);
+    this.labelButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInput, vegaEventId.VegaLabelButtonClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.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.
      *
@@ -693,12 +707,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';
     /**
@@ -706,17 +725,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';
     /**
@@ -726,64 +751,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 = () => {
@@ -829,6 +881,9 @@ const VegaInput = class {
         this.value = e.target.value;
       }
     };
+    this.handleLabelButtonClick = () => {
+      this.labelButtonClickEventEmitter.emit();
+    };
   }
   /**
    * The input component is embedded in other components.
@@ -865,12 +920,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();
@@ -896,7 +955,9 @@ const VegaInput = class {
     return (index.h("div", { class: "vega-input", part: "container-wrapper" }, this.renderLabelDom(), index.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: accessibility.createEnterKeyHandlerToTriggerClick() }, this.prefixSlotRenderer.render(), this.containerDom(), this.showClearIcon && this.renderClearIcon()), this.renderHintDom()));
   }
   renderLabelDom() {
-    return (index.h("vega-field-label", { onClick: this.focusInput, "is-field-required": this.required, disabled: this.disabled, label: this.label }));
+    return (index.h("vega-field-label", { onClick: this.focusInput, "is-field-required": this.required, disabled: this.disabled, label: this.label, suffixButtonProps: this.labelSuffixButtonProps, ref: (node) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, vegaEventId.VegaLabelButtonClick, this.handleLabelButtonClick);
+      } }));
   }
   renderClearIcon() {
     return (index.h("div", { class: {
@@ -938,6 +999,9 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaInput.prototype, "blurEventEmitter", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInput.prototype, "labelButtonClickEventEmitter", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaInput.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

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

@@ -6,14 +6,14 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const ui = require('./ui-077fc009.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaEventId = require('./vega-event-id-4a73cd1a.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-af463dad.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
 require('./change-manager-a297e4d2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-3e0a8ac5.js');
+require('./internal-vega-event-manager-627b1328.js');
 require('./object-bbd4ed7f.js');
 
 const VegaItemToggleRuntimeMetricsPayloadDefinition = [
@@ -78,15 +78,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/cjs/vega-left-nav_5.cjs.entry.js

@@ -12,8 +12,8 @@ const effect = require('./effect-37695d3d.js');
 const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-23051df4.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-af463dad.js');
-const vegaEventId = require('./vega-event-id-4a73cd1a.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ac20ea74.js');
@@ -22,19 +22,19 @@ const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const ui = require('./ui-08f33116.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
-const designToken = require('./design-token-0d26a52f.js');
+const designToken = require('./design-token-2c2cdd7d.js');
 require('./icon-manager-2c3cf5ba.js');
 require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./number-459031f7.js');
 require('./ui-077fc009.js');
-require('./internal-vega-event-manager-3e0a8ac5.js');
+require('./internal-vega-event-manager-627b1328.js');
 require('./object-bbd4ed7f.js');
 require('./type-guard-4d05d4b2.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-f7e69718.js');
+require('./responsive-format-facade-aa849dc7.js');
 require('./pixel-98f2a10c.js');
 require('./state-background-color-formatter-33ae4282.js');
 
@@ -527,18 +527,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 = '';
     /**
@@ -551,9 +557,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() {
@@ -564,6 +574,8 @@ const VegaLeftNav = class {
   }
   /**
    * Invoke this method to toggle the left-nav's open state.
+   *
+   * @version 1.31.0
    */
   async toggle() {
   }
@@ -768,7 +780,9 @@ const VegaLeftNavGroup = class {
     this.controller = new VegaLeftNavGroupController();
     this.groupClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavGroup, vegaEventId.VegaGroupClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    /** label attached to the left nav group items **/
+    /** label attached to the left nav group items **
+     * @version 1.31.0
+     */
     this.label = '';
   }
   render() {
@@ -928,8 +942,10 @@ const VegaLeftNavLink = class {
     this.menuClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavLink, vegaEventId.VegaMenuClick);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaLeftNavLink, 'counterBadge.count', 'counterBadge.counter', undefined);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.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/cjs/vega-line-chart.cjs.entry.js

@@ -335,6 +335,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/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -7,7 +7,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const component = require('./component-73a88c4e.js');
 const ui = require('./ui-08f33116.js');
-const responsiveFormatFacade = require('./responsive-format-facade-f7e69718.js');
+const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
 require('./type-guard-4d05d4b2.js');
@@ -100,36 +100,50 @@ const VegaLoadingIndicator = class {
     this.currentBreakpoint = breakpoints.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/cjs/vega-page-notification_2.cjs.entry.js

@@ -9,7 +9,7 @@ const ui = require('./ui-08f33116.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaEventId = require('./vega-event-id-4a73cd1a.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 require('./change-manager-a297e4d2.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}}";
@@ -41,6 +41,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 = '';
     /**
@@ -49,12 +51,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';
     /**
@@ -63,11 +69,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;
     /**
@@ -77,6 +87,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 = () => {
@@ -98,6 +110,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/cjs/vega-pagination.cjs.entry.js

@@ -6,14 +6,14 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const number = require('./number-459031f7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaEventId = require('./vega-event-id-4a73cd1a.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const ui = require('./ui-08f33116.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-8daa650c.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-af463dad.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-35bb64e4.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 require('./change-manager-a297e4d2.js');
-require('./internal-vega-event-manager-3e0a8ac5.js');
+require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-0e5235e1.js');
 require('./index-5792390b.js');
@@ -219,16 +219,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
@@ -236,12 +244,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 (index.h("vega-flex", { gap: "size-24", alignItems: "center", key: this.generateWrapperKey(extensionArr) }, extensionArr.map((item) => {

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

@@ -396,6 +396,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);