@heartlandone/vega 2.80.0 → 2.82.0

package/dist/cjs/vega-pagination-page-size-selector-mobile.cjs.entry.js

@@ -6,13 +6,14 @@ const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const component = require('./component-1e352960.js');
-const translationSlimmer = require('./translation-slimmer-c069ca84.js');
-const internalTranslationController = require('./internal-translation-controller-9f58a4e4.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const translationSlimmer = require('./translation-slimmer-d0c77ad2.js');
+const internalTranslationController = require('./internal-translation-controller-fb1532f4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
+const pageSizeOptionUtils = require('./page-size-option-utils-d038dd3a.js');
 require('./static-subject-title-5829a298.js');
 require('./observer-f49483e8.js');
 
@@ -88,19 +89,21 @@ class PageSizeSelectorMobileDropdownRenderer extends globalSlimmerRegistry.VegaS
   render(children) {
     var _a;
     /* istanbul ignore next */
-    const pageSizeSelectorOptions = this.pageSizeSelectorOptions.includes(this.pageSize)
+    const options = this.isAllActive || pageSizeOptionUtils.includesPageSize(this.pageSizeSelectorOptions, this.pageSize)
       ? this.pageSizeSelectorOptions
       : [...this.pageSizeSelectorOptions, this.pageSize];
-    const mergedPageSizeOptions = pageSizeSelectorOptions.sort((a, b) => a - b);
+    const normalized = options.map(pageSizeOptionUtils.normalizePageSizeOption);
+    const mergedPageSizeOptions = pageSizeOptionUtils.sortPageSizeOptions(normalized);
     const itemsPerPageLabel = this.translationSlimmer.t('Items Per Page');
-    return (index.h("vega-dropdown", { trigger: "click", selectType: "single", alignment: "center", minWidth: 160, selectedSourceKey: this.pageSize.toString(), source: [
+    const selectedValue = this.isAllActive ? pageSizeOptionUtils.PAGE_SIZE_ALL : this.pageSize;
+    return (index.h("vega-dropdown", { trigger: "click", selectType: "single", alignment: "center", minWidth: 160, selectedSourceKey: selectedValue.toString(), source: [
         {
           key: 'items-per-page',
           label: itemsPerPageLabel,
           children: [
             ...mergedPageSizeOptions.map((option) => ({
-              key: option.toString(),
-              label: option.toString(),
+              key: option.value.toString(),
+              label: option.label,
             })),
           ],
         },
@@ -135,6 +138,12 @@ __decorate$1([
 __decorate$1([
   globalSlimmerRegistry.MapToComponentField()
 ], PageSizeSelectorMobileDropdownRenderer.prototype, "dropdownProps", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileDropdownRenderer.prototype, "total", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], PageSizeSelectorMobileDropdownRenderer.prototype, "isAllActive", void 0);
 
 const vegaPaginationPageSizeSelectorMobileCss = ":host{display:inline-block}";
 
@@ -183,6 +192,13 @@ const VegaPaginationPageSizeSelectorMobile = class {
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.current = 1;
+    /**
+     * @internal
+     * Tracks whether "All" page size option is currently active.
+     *
+     * @vegaVersion 2.81.0
+     */
+    this.isAllActive = false;
   }
   render() {
     return component.sanitizeVegaComponent(index.h(index.Host, null, this.pageSizeSelectorMobileRenderer.render()), this.host);

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

@@ -5,28 +5,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const number = require('./number-4816603d.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const ui = require('./ui-9e8c9732.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const pageSizeOptionUtils = require('./page-size-option-utils-d038dd3a.js');
+const ui = require('./ui-ae4ee13d.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const translationSlimmer = require('./translation-slimmer-c069ca84.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4419b4ae.js');
+const translationSlimmer = require('./translation-slimmer-d0c77ad2.js');
+const responsiveFormatFacade = require('./responsive-format-facade-2cab7344.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./internal-vega-event-manager-fef893bf.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./static-subject-title-5829a298.js');
-require('./type-guard-d760850a.js');
+require('./type-guard-3ec852d7.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
@@ -77,20 +78,22 @@ const VegaPaginationGoTo = ({ onChange, pageCount, translationSlimmer, }) => {
         } }))));
 };
 
-const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, dropdownProps, onChange, translationSlimmer, }) => {
-  const mergedPageSizeOptions = pageSizeSelectorOptions.sort((a, b) => a - b);
+const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, dropdownProps, onChange, translationSlimmer, isAllActive, }) => {
+  const normalized = pageSizeSelectorOptions.map(pageSizeOptionUtils.normalizePageSizeOption);
+  const mergedPageSizeOptions = pageSizeOptionUtils.sortPageSizeOptions(normalized);
   const handleChange = (input) => {
     // Because input-select use single mode, so the detail is always a string type
-    const pageSize = Number(input.detail);
-    onChange(pageSize);
+    const selectedValue = Number(input.detail);
+    onChange(selectedValue);
   };
+  const selectedValue = isAllActive ? pageSizeOptionUtils.PAGE_SIZE_ALL : pageSize;
   return (index.h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
     index.h("vega-field-label", { label: translationSlimmer.t('Show') }),
     index.h("div", null,
       index.h("vega-input-select", { size: "small", source: mergedPageSizeOptions.map((option) => ({
-          id: option.toString(),
-          displayName: option.toString(),
-        })), value: pageSize.toString(), placeholder: "Page Size", vegaDropdownProps: Object.assign({ matchTargetWidth: false, searchable: false }, dropdownProps), 
+          id: option.value.toString(),
+          displayName: option.label,
+        })), value: selectedValue.toString(), placeholder: "Page Size", vegaDropdownProps: Object.assign({ matchTargetWidth: false, searchable: false }, dropdownProps), 
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: (ref) => {
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, handleChange);
@@ -209,7 +212,9 @@ class VegaPaginationPageSizeObserverController extends globalSlimmerRegistry.Veg
    */
   registerPaginationPageSizeChangeObserver() {
     domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(this.host, vegaInternalEventId.VegaInternalPaginationPageSizeChange, (payload) => {
-      this.pageSize = Number(payload.detail);
+      const rawValue = Number(payload.detail);
+      this.isAllActive = rawValue === pageSizeOptionUtils.PAGE_SIZE_ALL;
+      this.pageSize = pageSizeOptionUtils.resolvePageSizeValue(rawValue, this.total);
     });
   }
   /**
@@ -225,6 +230,12 @@ __decorate$3([
 __decorate$3([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaPaginationPageSizeObserverController.prototype, "pageSize", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaPaginationPageSizeObserverController.prototype, "isAllActive", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaPaginationPageSizeObserverController.prototype, "total", void 0);
 __decorate$3([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaPaginationPageSizeObserverController.prototype, "registerPaginationPageSizeChangeObserver", null);
@@ -394,6 +405,8 @@ const VegaPagination = class {
      * Total number of pages.
      */
     this.pageCount = 0;
+    /** Tracks whether "All" was explicitly selected or initialized. */
+    this.isAllActive = false;
     /**
      * Specifies the current page number for
      *    the pagination component.
@@ -449,6 +462,9 @@ const VegaPagination = class {
      * Specifies the options available for the page size selector
      *    in the pagination component.
      *
+     * Each option can be a number or an object with `value` and `label`.
+     * Use `{ value: -1, label: 'All' }` to show all items on a single page.
+     *
      * @vegaVersion 1.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
@@ -463,10 +479,10 @@ const VegaPagination = class {
         case 'currentPageLabel':
           return (index.h(VegaPaginationCurrentPageLabel, { total: this.total, current: this.current, pageSize: this.pageSize, translationSlimmer: this.translationSlimmer }));
         case 'pageSizeSelector': {
-          const pageSizeSelectorOptions = this.pageSizeSelectorOptions.includes(this.pageSize)
+          const pageSizeSelectorOptions = this.isAllActive || pageSizeOptionUtils.includesPageSize(this.pageSizeSelectorOptions, this.pageSize)
             ? this.pageSizeSelectorOptions
             : [...this.pageSizeSelectorOptions, this.pageSize];
-          return (index.h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, dropdownProps: this.dropdownProps, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer }));
+          return (index.h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, dropdownProps: this.dropdownProps, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer, isAllActive: this.isAllActive }));
         }
         case 'pageSelector':
           return (index.h(VegaPaginationPageSelector, { current: this.current, total: this.total, onChange: this.onPageSelectorChange, pageCount: this.pageCount }));
@@ -477,14 +493,15 @@ const VegaPagination = class {
           return (index.h("vega-pagination-page-selector-mobile", { type: item, pageCount: this.pageCount, current: this.current, total: this.total }));
         case 'pageSizeSelectorMobile':
         case 'pageSizeSelectorMobile_currentPageLabel':
-          return (index.h("vega-pagination-page-size-selector-mobile", { type: item, pageSize: this.pageSize, current: this.current, total: this.total, pageSizeSelectorOptions: this.pageSizeSelectorOptions, dropdownProps: this.dropdownProps }));
+          return (index.h("vega-pagination-page-size-selector-mobile", { type: item, pageSize: this.pageSize, current: this.current, total: this.total, pageSizeSelectorOptions: this.pageSizeSelectorOptions, dropdownProps: this.dropdownProps, isAllActive: this.isAllActive }));
       }
     };
     this.handlePaginationGoToChange = (page) => {
       this.current = page;
     };
     this.onPageSizeSelectorChange = (pageSize) => {
-      this.pageSize = pageSize;
+      this.isAllActive = pageSize === pageSizeOptionUtils.PAGE_SIZE_ALL;
+      this.pageSize = pageSizeOptionUtils.resolvePageSizeValue(pageSize, this.total);
     };
     this.calculatePages = () => {
       if (!this.total) {
@@ -542,7 +559,10 @@ const VegaPagination = class {
     this.currentValueGuard();
     this.vegaChangeEventEmitter.emit(this.current);
   }
-  watchTotal() {
+  watchTotal(newTotal) {
+    if (this.isAllActive) {
+      this.pageSize = newTotal;
+    }
     this.pageCount = this.calculatePages();
   }
   watchPageSize() {
@@ -552,9 +572,13 @@ const VegaPagination = class {
   watchLayout() {
   }
   componentWillLoad() {
+    this.isAllActive =
+      pageSizeOptionUtils.hasAllOption(this.pageSizeSelectorOptions) &&
+        this.pageSize === this.total &&
+        !pageSizeOptionUtils.includesPageSize(this.pageSizeSelectorOptions, this.pageSize);
     this.pageCount = this.calculatePages();
     this.currentValueGuard();
-    if (!this.pageSizeSelectorOptions.includes(this.pageSize)) {
+    if (!this.isAllActive && !pageSizeOptionUtils.includesPageSize(this.pageSizeSelectorOptions, this.pageSize)) {
       this.pageSizeSelectorOptions = [...this.pageSizeSelectorOptions, this.pageSize];
     }
   }

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

@@ -4,40 +4,41 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const injectKeyboardManager = require('./inject-keyboard-manager-d1a82089.js');
+const injectKeyboardManager = require('./inject-keyboard-manager-2d9c4f92.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-7a66229b.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-dedd3a34.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
-const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-5a0a78fe.js');
-const designToken = require('./design-token-3f9589eb.js');
-require('./keyboard-manager-9dbbb0d4.js');
-require('./ui-9e8c9732.js');
-require('./type-guard-d760850a.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
+const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-5507f917.js');
+const designToken = require('./design-token-93070bb8.js');
+require('./keyboard-manager-5ed6c472.js');
+require('./ui-ae4ee13d.js');
+require('./type-guard-3ec852d7.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-5829a298.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./internal-vega-event-manager-fef893bf.js');
 require('./try-get-document-c0ebd39a.js');
 require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
-require('./responsive-format-facade-4419b4ae.js');
+require('./responsive-format-facade-2cab7344.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
 require('./observer-f49483e8.js');
 require('./synchronize-task-queue-1ee80e94.js');
+require('./state-border-formatter-4e5e4ed0.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;

package/dist/cjs/vega-progress-tracker_2.cjs.entry.js

@@ -7,27 +7,28 @@ const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const number = require('./number-4816603d.js');
 const observer = require('./observer-f49483e8.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-7a4c6061.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b33171b0.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4419b4ae.js');
-const typeGuard = require('./type-guard-d760850a.js');
+const responsiveFormatFacade = require('./responsive-format-facade-2cab7344.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-f728e068.js');
+const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b8f6f27b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./internal-vega-event-manager-fef893bf.js');
 require('./try-get-document-c0ebd39a.js');
 require('./object-b53e9416.js');
-require('./ui-9e8c9732.js');
+require('./ui-ae4ee13d.js');
 require('./ui-32120990.js');
 require('./pixel-98f2a10c.js');
 require('./breakpoints-ebde4837.js');
@@ -35,7 +36,7 @@ require('./array-249289f2.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./static-subject-title-5829a298.js');
 
 const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [
@@ -100,9 +101,10 @@ class VegaProgressTrackerRenderer extends globalSlimmerRegistry.VegaSlimmer {
       changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalProgressTrackerStepClick), index);
     };
   }
-  async gotoCarouselPage() {
-    if (this.carouselContainerRef.getBoundingClientRect().width > 0) {
-      await this.carouselRef.goToPage(this.current + 1);
+  async gotoCarouselPage(current) {
+    const targetCurrent = current !== null && current !== void 0 ? current : this.current;
+    if (targetCurrent >= 0 && this.carouselContainerRef.getBoundingClientRect().width > 0) {
+      await this.carouselRef.goToPage(targetCurrent + 1);
     }
   }
   render() {
@@ -178,7 +180,9 @@ class VegaProgressTrackerCurrentStepController extends globalSlimmerRegistry.Veg
      * @param {number} current - current step index
      */
     this.updateCurrent = (current) => {
-      this.current = number.normalizeNumberByRanger(current, 0, this.currentSteps.length - 1);
+      const maxIndex = Math.max(0, this.currentSteps.length - 1);
+      const minIndex = this.allowNoCurrentStep ? -1 : 0;
+      this.current = number.normalizeNumberByRanger(current, minIndex, maxIndex);
     };
   }
   /** connectedCallback */
@@ -216,7 +220,10 @@ class VegaProgressTrackerCurrentStepController extends globalSlimmerRegistry.Veg
   }
   /** watch prevStep method call*/
   prevStep() {
-    this.updateCurrent(--this.current);
+    // In no-current-step mode, prevStep should keep -1 as the lower bound.
+    const minIndex = this.allowNoCurrentStep && this.current <= -1 ? -1 : 0;
+    const maxIndex = Math.max(0, this.currentSteps.length - 1);
+    this.current = number.normalizeNumberByRanger(--this.current, minIndex, maxIndex);
   }
   /**
    * watch setCurrent method call
@@ -266,6 +273,9 @@ __decorate$6([
 __decorate$6([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaProgressTrackerCurrentStepController.prototype, "current", void 0);
+__decorate$6([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaProgressTrackerCurrentStepController.prototype, "allowNoCurrentStep", void 0);
 __decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaProgressTrackerCurrentStepController.prototype, "currentStepUpdateEventEmitter", void 0);
@@ -576,7 +586,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 /**
  * Controls the current direction of the progress tracker component.
  */
-class VegaProgressTrackerCurrentDirectionController extends globalSlimmerRegistry.VegaSlimmer {
+class VegaProgressTrackerCurrentDirectionController extends autoRunWhenReRenderTaskQueueSlimmer_abstract.AutoRunWhenReRenderTaskQueueSlimmer {
   constructor() {
     super(...arguments);
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
@@ -586,8 +596,15 @@ class VegaProgressTrackerCurrentDirectionController extends globalSlimmerRegistr
        */
       // eslint-disable-next-line jsdoc/require-jsdoc
       callback: /* istanbul ignore next */ async () => {
+        const currentAtResize = this.current;
+        const directionBeforeResize = this.currentDirection;
         this.setCurrentDirection();
-        await this.renderer.gotoCarouselPage();
+        if (directionBeforeResize === this.currentDirection) {
+          await this.renderer.gotoCarouselPage(currentAtResize);
+          return;
+        }
+        // Sync carousel page after component re-render when direction changes.
+        this.enqueueSyncCarouselPage(currentAtResize);
       },
     });
   }
@@ -608,6 +625,25 @@ class VegaProgressTrackerCurrentDirectionController extends globalSlimmerRegistr
   watchDirection() {
     this.setCurrentDirection();
   }
+  /**
+   * No-op: carousel sync is handled via closure-captured value in enqueueSyncCarouselPage().
+   */
+  async doTask() {
+  }
+  /**
+   * Enqueue a carousel page sync with the value captured in a closure,
+   * avoiding shared mutable state between enqueue and execution.
+   *
+   * @param {number} page - The carousel page index to sync to
+   */
+  enqueueSyncCarouselPage(page) {
+    void this.autoRunTaskQueue.enqueue({
+      /** Sync carousel to the captured page after re-render */
+      run: async () => {
+        await this.renderer.gotoCarouselPage(page);
+      },
+    }, false);
+  }
   /**
    * The function sets the current direction of a progress tracker
    * based on the component's direction and the current breakpoint.
@@ -623,6 +659,9 @@ class VegaProgressTrackerCurrentDirectionController extends globalSlimmerRegistr
 __decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaProgressTrackerCurrentDirectionController.prototype, "direction", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaProgressTrackerCurrentDirectionController.prototype, "current", void 0);
 __decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaProgressTrackerCurrentDirectionController.prototype, "renderer", void 0);
@@ -733,6 +772,22 @@ const VegaProgressTracker = class {
      * @vegaVersion 1.5.0
      */
     this.canClickStep = true;
+    /**
+     * When enabled, allows `current` to be set to `-1` to indicate
+     *    no highlighted/current step (e.g. all steps are pending or
+     *    the workflow has not started).
+     *
+     * Defaults to `false` to preserve backward-compatible behavior:
+     *    `current` is clamped to `[0, steps.length - 1]`.
+     *
+     * When enabled, `current = -1` is a valid state. The `prevStep()`
+     *    method still clamps at `0` — reaching `-1` is only possible
+     *    by explicitly setting `current = -1` via the prop or
+     *    `setCurrent(-1)`.
+     *
+     * @vegaVersion 2.82.0
+     */
+    this.allowNoCurrentStep = false;
   }
   watchCurrentSteps() {
   }

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

@@ -8,28 +8,28 @@ const component = require('./component-1e352960.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const observer = require('./observer-f49483e8.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-a8d13f4c.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-68cff676.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0f3a028e.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-2631c381.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-879ff4f3.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./internal-vega-event-manager-fef893bf.js');
 require('./try-get-document-c0ebd39a.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-39438062.js');
 require('./misc-3d30df91.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./index-592b4052.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
@@ -37,12 +37,12 @@ require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-f728e068.js');
+require('./sub-state-observer-slimmer-b8f6f27b.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
-require('./keyboard-manager-9dbbb0d4.js');
-require('./type-guard-d760850a.js');
+require('./keyboard-manager-5ed6c472.js');
+require('./type-guard-3ec852d7.js');
 require('./typography-4560e7f1.js');
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {