@globalpayments/vega 2.25.0 → 2.27.0

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

@@ -3,36 +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 { 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-570444e7.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-926991a9.js';
-import { h as VegaInternalLeftNavLinkClick } from './vega-internal-event-id-809b4ec8.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-2e153754.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-153f4ae7.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-8a6b46ba.js';
-import './icon-manager-754cda3f.js';
-import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
+import { f as formatAndValidResponsiveToken } from './design-token-3671ce60.js';
+import './index-0863eec6.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-4bc3fbf5.js';
+import './type-guard-63caf78b.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsive-format-facade-e86c7fbb.js';
+import './responsive-format-facade-5a1329a7.js';
 import './pixel-f32c07ce.js';
-import './state-background-color-formatter-0f86292d.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;
@@ -60,7 +62,15 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
    */
   /* istanbul ignore next */
   componentDidLoad() {
-    this.open === true ? (this.openState = 'open') : (this.openState = 'close');
+    if (this.open === true) {
+      this.openState = 'open';
+      if (FeatureFlag.isEnabled('VEGA_LEFT_NAV.DISABLE_ANIMATION_ON_LOAD')) {
+        this.host.classList.add('disableAnimation');
+      }
+    }
+    else {
+      this.openState = 'close';
+    }
   }
   /** Call this method to toggle the left nav menu */
   async toggle() {
@@ -81,6 +91,10 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     }
     else {
       this.open = false;
+      if (FeatureFlag.isEnabled('VEGA_LEFT_NAV.DISABLE_ANIMATION_ON_LOAD') &&
+        this.host.classList.contains('disableAnimation')) {
+        this.host.classList.remove('disableAnimation');
+      }
     }
     this.stateUpdateEventEmitter.emit(this.openState);
   }
@@ -415,7 +429,7 @@ __decorate$d([
   MapToComponentField()
 ], VegaNavListRenderer.prototype, "source", void 0);
 
-const vegaLeftNavContentCss = ".vega-left-nav-content{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms;transition-property:margin}.vega-left-nav-content.open{margin-left:300px}";
+const vegaLeftNavContentCss = ".vega-left-nav-content{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms;transition-property:margin}vega-left-nav.disableAnimation+.vega-left-nav-content.open{transition-duration:0s}.vega-left-nav-content.open{margin-left:300px}";
 
 var __decorate$c = (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;
@@ -492,7 +506,7 @@ const VegaLeftNavRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-const vegaLeftNavCss = ":host{display:none;flex-direction:column;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));position:fixed;top:0px;right:0px;bottom:0px;left:0px;text-align:left;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);width:300px;transition-duration:200ms;transition-property:transform;transform:translateX(-320px)}:host(.open){transform:translateX(0px)}.header-container{padding-left:24px;padding-right:24px;padding-top:24px;padding-bottom:16px}.header-container .header-title{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:28px;font-weight:700;line-height:36px;letter-spacing:0px}}.header-container .header-subtitle{color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;margin-top:2px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.header-container .header-subtitle{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){.header-container .header-subtitle{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){.header-container .header-subtitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}.header-footer-separator-container{padding-left:12px;padding-right:12px}.header-footer-separator{width:100%;height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}.vega-nav-list-container{flex-grow:1;padding-left:12px;padding-right:12px;padding-top:12px;overflow-y:auto;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-nav-list-container .vega-links-icon .prefix-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:20px;height:20px}a .vega-links-name{flex:1 1 0%;overflow:hidden;overflow-wrap:break-word}.footer-container{padding-top:16px;padding-bottom:16px;padding-left:24px;padding-right:24px}.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}body.vega-overflow-hidden{overflow:hidden}.header-container vega-icon{width:142px;height:26px}.header-container vega-icon[icon=\"v-internal-icon heartland-logo\"]+.header-subtitle{margin-top:8px}";
+const vegaLeftNavCss = ":host{display:none;flex-direction:column;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));position:fixed;top:0px;right:0px;bottom:0px;left:0px;text-align:left;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);width:300px;transition-duration:200ms;transition-property:transform;transform:translateX(-320px)}:host(.open.disableAnimation){transition-duration:0s}:host(.open){transform:translateX(0px)}.header-container{padding-left:24px;padding-right:24px;padding-top:24px;padding-bottom:16px}.header-container .header-title{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:28px;font-weight:700;line-height:36px;letter-spacing:0px}}.header-container .header-subtitle{color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;margin-top:2px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.header-container .header-subtitle{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){.header-container .header-subtitle{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){.header-container .header-subtitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}.header-footer-separator-container{padding-left:12px;padding-right:12px}.header-footer-separator{width:100%;height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}.vega-nav-list-container{flex-grow:1;padding-left:12px;padding-right:12px;padding-top:12px;overflow-y:auto;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-nav-list-container .vega-links-icon .prefix-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:20px;height:20px}a .vega-links-name{flex:1 1 0%;overflow:hidden;overflow-wrap:break-word}.footer-container{padding-top:16px;padding-bottom:16px;padding-left:24px;padding-right:24px}.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}body.vega-overflow-hidden{overflow:hidden}.header-container vega-icon{width:142px;height:26px}.header-container vega-icon[icon=\"v-internal-icon heartland-logo\"]+.header-subtitle{margin-top:8px}";
 
 var __decorate$b = (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;
@@ -524,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;
@@ -533,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 = '';
     /**
@@ -554,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;
   }
@@ -571,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() {
   }
@@ -777,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 = '';
   }
@@ -939,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

@@ -2,12 +2,12 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-18
 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-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';
-import './ui-df46cc20.js';
+import { a as arrayToClassString } from './ui-0132dbb5.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

@@ -1,12 +1,13 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-153f4ae7.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-926991a9.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');

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

@@ -1,27 +1,32 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
 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 { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.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-501cdd87.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
+import { a as arrayToClassString } from './ui-0132dbb5.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-345c46c5.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 { T as TranslationSlimmer } from './translation-slimmer-c740a5f3.js';
 import './change-manager-6a7eb88c.js';
+import './observer-3959f9dd.js';
 import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
+import './feature-flag-controller-10780eeb.js';
 import './index-0863eec6.js';
 import './dynamic-slimmer-90b8af32.js';
+import './translation-3b437b6d.js';
+import './static-subject-title-6987a80b.js';
+import './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
 
-const VegaPaginationCurrentPageLabel = ({ pageSize, current, total, }) => {
+const VegaPaginationCurrentPageLabel = ({ pageSize, current, total, translationSlimmer, }) => {
   const rangeFrom = total > 0 ? pageSize * (current - 1) + 1 : 0;
   const rangeTo = Math.min(current * pageSize, total);
-  return h("vega-field-label", { label: `Viewing ${rangeFrom}-${rangeTo} of ${total}` });
+  return (h("vega-field-label", { label: translationSlimmer.t('Viewing {0}-{1} of {2}', rangeFrom, rangeTo, total) }));
 };
 
-const VegaPaginationGoTo = ({ onChange, pageCount, }) => {
+const VegaPaginationGoTo = ({ onChange, pageCount, translationSlimmer, }) => {
   let inputRef;
   const handleChange = () => {
     if (inputRef.value) {
@@ -34,7 +39,7 @@ const VegaPaginationGoTo = ({ onChange, pageCount, }) => {
     e.stopPropagation();
   };
   return (h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
-    h("vega-field-label", { label: "Go To" }),
+    h("vega-field-label", { label: translationSlimmer.t('Go To') }),
     h("vega-form", { 
       /* eslint-disable-next-line react/jsx-no-bind */
       ref: (ref) => {
@@ -58,7 +63,7 @@ const VegaPaginationGoTo = ({ onChange, pageCount, }) => {
         } }))));
 };
 
-const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, onChange, }) => {
+const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, onChange, translationSlimmer, }) => {
   const mergedPageSizeOptions = pageSizeSelectorOptions.sort((a, b) => a - b);
   const handleChange = (input) => {
     // Because input-select use single mode, so the detail is always a string type
@@ -66,7 +71,7 @@ const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, onC
     onChange(pageSize);
   };
   return (h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
-    h("vega-field-label", { label: "Show" }),
+    h("vega-field-label", { label: translationSlimmer.t('Show') }),
     h("div", null,
       h("vega-input-select", { size: "small", source: mergedPageSizeOptions.map((option) => ({
           id: option.toString(),
@@ -197,6 +202,7 @@ const VegaPagination = class {
     this.vegaPageSizeChange = createEvent(this, "vegaPageSizeChange", 7);
     this.pageSizeChange = createEvent(this, "pageSizeChange", 7);
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.childEventPrevent = new ChildNodesEventPreventSlimmer([VegaFormSubmit], () => this.host);
     this.childValueChangePrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.host, true);
     this.vegaChangeEventEmitter = createEventEmitSlimmer(VegaPagination, VegaChange);
@@ -216,21 +222,21 @@ const VegaPagination = class {
      * Specifies the current page number for
      *    the pagination component.
      *
-     * @version 1.3.0
+     * @vegaVersion 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
+     * @vegaVersion 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
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.pageSize = 10;
@@ -241,14 +247,14 @@ 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
+     * @vegaVersion 1.25.0
      */
     this.extensions = [['pageSelector']];
     /**
      * Specifies the options available for the page size selector
      *    in the pagination component.
      *
-     * @version 1.25.0
+     * @vegaVersion 1.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.pageSizeSelectorOptions = [10, 20, 50, 100];
@@ -260,17 +266,17 @@ const VegaPagination = class {
     this.renderPaginationItem = (item) => {
       switch (item) {
         case 'currentPageLabel':
-          return (h(VegaPaginationCurrentPageLabel, { total: this.total, current: this.current, pageSize: this.pageSize }));
+          return (h(VegaPaginationCurrentPageLabel, { total: this.total, current: this.current, pageSize: this.pageSize, translationSlimmer: this.translationSlimmer }));
         case 'pageSizeSelector': {
           const pageSizeSelectorOptions = this.pageSizeSelectorOptions.includes(this.pageSize)
             ? this.pageSizeSelectorOptions
             : [...this.pageSizeSelectorOptions, this.pageSize];
-          return (h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, onChange: this.onPageSizeSelectorChange }));
+          return (h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer }));
         }
         case 'pageSelector':
           return (h(VegaPaginationPageSelector, { current: this.current, total: this.total, onChange: this.onPageSelectorChange, pageCount: this.pageCount }));
         case 'goTo':
-          return (h(VegaPaginationGoTo, { onChange: this.handlePaginationGoToChange, pageCount: this.pageCount }));
+          return (h(VegaPaginationGoTo, { onChange: this.handlePaginationGoToChange, pageCount: this.pageCount, translationSlimmer: this.translationSlimmer }));
       }
     };
     this.handlePaginationGoToChange = (page) => {
@@ -353,6 +359,9 @@ const VegaPagination = class {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaPagination.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPagination.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaPagination.prototype, "childEventPrevent", void 0);

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

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

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

@@ -1,27 +1,28 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { I as InjectKeyboardManager } from './inject-keyboard-manager-d2a96e14.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-8a82e8c9.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, 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 createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
 import { H as VegaPopoverShow, I as VegaPopoverHide } from './vega-event-id-7465a011.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-7721c206.js';
-import './keyboard-manager-477122e6.js';
-import './ui-153f4ae7.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-1172e2ea.js';
+import './keyboard-manager-d1f9ddc1.js';
+import './ui-0132dbb5.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
-import './dom-node-subject-observer-factory-926991a9.js';
+import './dom-node-subject-observer-factory-9461cd67.js';
+import './observer-3959f9dd.js';
 import './internal-vega-event-manager-722461c1.js';
-import './ui-df46cc20.js';
-import './type-guard-4bc3fbf5.js';
-import './breakpoints-e59edf8d.js';
+import './ui-8424715a.js';
+import './type-guard-63caf78b.js';
+import './breakpoints-36a3ed69.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsive-format-facade-e86c7fbb.js';
+import './responsive-format-facade-5a1329a7.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './internal-vega-z-index-manager-0553458e.js';
-import './page-resize-observer-slimmer-8caeb03b.js';
+import './page-resize-observer-slimmer-994c1e1b.js';
 
 var __decorate$3 = (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;
@@ -150,26 +151,26 @@ const VegaPopover = class {
      *    default position, it will automatically adjust its placement
      *    based on the following order: `top`, `left`, `bottom`, `right`.
      *
-     * @version 1.19.0
+     * @vegaVersion 1.19.0
      */
     this.placement = 'top';
     /**
      * Controls how the popover aligns horizontally and vertically,
      *    ensuring it is displayed in the desired position.
      *
-     * @version 1.19.0
+     * @vegaVersion 1.19.0
      */
     this.alignment = 'center';
     /**
      * Specifies the trigger mode for the popover.
      *
-     * @version 2.1.0
+     * @vegaVersion 2.1.0
      */
     this.trigger = 'click';
     /**
      * Controls whether the arrow is display.
      *
-     * @version 2.8.0
+     * @vegaVersion 2.8.0
      */
     this.showArrow = true;
     /* istanbul ignore next */
@@ -197,7 +198,7 @@ const VegaPopover = class {
   /**
    * Invoke this method to show the popover.
    *
-   * @version 1.22.0
+   * @vegaVersion 1.22.0
    */
   async show() {
     if (!this.isPopoverShow) {
@@ -207,7 +208,7 @@ const VegaPopover = class {
   /**
    * Invoke this method to close the popover.
    *
-   * @version 1.22.0
+   * @vegaVersion 1.22.0
    */
   async hide() {
     if (this.isPopoverShow) {
@@ -292,7 +293,7 @@ const VegaPopoverContentBox = class {
     /**
      * Controls whether the arrow is display.
      *
-     * @version 2.8.0
+     * @vegaVersion 2.8.0
      */
     this.showArrow = true;
   }