@heartlandone/vega 2.80.0 → 2.82.0

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

@@ -2,13 +2,14 @@ import { h, r as registerInstance, H as Host, g as getElement } from './index-09
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-b08aa9ab.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { T as TranslationSlimmer } from './translation-slimmer-4faae5a3.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-4fb104b2.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { V as VegaDropdownClick } from './vega-event-id-4ede557a.js';
-import { f as findParent } from './ui-ba5a4758.js';
+import { f as findParent } from './ui-b7600a48.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { t as VegaInternalPaginationPageSizeChange } from './vega-internal-event-id-70bd893d.js';
+import { t as VegaInternalPaginationPageSizeChange } from './vega-internal-event-id-194bac82.js';
+import { i as includesPageSize, n as normalizePageSizeOption, s as sortPageSizeOptions, P as PAGE_SIZE_ALL } from './page-size-option-utils-50afc81a.js';
 import './static-subject-title-52f93124.js';
 import './observer-3959f9dd.js';
 
@@ -84,19 +85,21 @@ class PageSizeSelectorMobileDropdownRenderer extends VegaSlimmer {
   render(children) {
     var _a;
     /* istanbul ignore next */
-    const pageSizeSelectorOptions = this.pageSizeSelectorOptions.includes(this.pageSize)
+    const options = this.isAllActive || includesPageSize(this.pageSizeSelectorOptions, this.pageSize)
       ? this.pageSizeSelectorOptions
       : [...this.pageSizeSelectorOptions, this.pageSize];
-    const mergedPageSizeOptions = pageSizeSelectorOptions.sort((a, b) => a - b);
+    const normalized = options.map(normalizePageSizeOption);
+    const mergedPageSizeOptions = sortPageSizeOptions(normalized);
     const itemsPerPageLabel = this.translationSlimmer.t('Items Per Page');
-    return (h("vega-dropdown", { trigger: "click", selectType: "single", alignment: "center", minWidth: 160, selectedSourceKey: this.pageSize.toString(), source: [
+    const selectedValue = this.isAllActive ? PAGE_SIZE_ALL : this.pageSize;
+    return (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,
             })),
           ],
         },
@@ -131,6 +134,12 @@ __decorate$1([
 __decorate$1([
   MapToComponentField()
 ], PageSizeSelectorMobileDropdownRenderer.prototype, "dropdownProps", void 0);
+__decorate$1([
+  MapToComponentField()
+], PageSizeSelectorMobileDropdownRenderer.prototype, "total", void 0);
+__decorate$1([
+  MapToComponentField()
+], PageSizeSelectorMobileDropdownRenderer.prototype, "isAllActive", void 0);
 
 const vegaPaginationPageSizeSelectorMobileCss = ":host{display:inline-block}";
 
@@ -179,6 +188,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 sanitizeVegaComponent(h(Host, null, this.pageSizeSelectorMobileRenderer.render()), this.host);

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

@@ -1,28 +1,29 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { n as normalizeNumberByRanger, c as convertToNumber } from './number-4398f2e1.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { B as VegaFormSubmit, H as VegaBlur, h as VegaChange, a as VegaClick, U as VegaPageSizeChange } from './vega-event-id-4ede557a.js';
-import { a as arrayToClassString } from './ui-ba5a4758.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { n as normalizePageSizeOption, s as sortPageSizeOptions, P as PAGE_SIZE_ALL, r as resolvePageSizeValue, i as includesPageSize, h as hasAllOption } from './page-size-option-utils-50afc81a.js';
+import { a as arrayToClassString } from './ui-b7600a48.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-9c24d4fc.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-32da9d90.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-46020a03.js';
-import { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
+import { T as TranslationSlimmer } from './translation-slimmer-4faae5a3.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-e9926018.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { t as VegaInternalPaginationPageSizeChange, u as VegaInternalPaginationCurrentChange } from './vega-internal-event-id-70bd893d.js';
+import { t as VegaInternalPaginationPageSizeChange, u as VegaInternalPaginationCurrentChange } from './vega-internal-event-id-194bac82.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
-import './internal-vega-event-manager-59f5bd47.js';
+import './internal-vega-event-manager-8a657bac.js';
 import './vega-env-manager-8f8dc473.js';
 import './dynamic-slimmer-90b8af32.js';
 import './try-get-document-bef0f526.js';
-import './internal-translation-controller-b08aa9ab.js';
+import './internal-translation-controller-4fb104b2.js';
 import './static-subject-title-52f93124.js';
-import './type-guard-23a08026.js';
+import './type-guard-152070e9.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
@@ -73,20 +74,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(normalizePageSizeOption);
+  const mergedPageSizeOptions = 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 ? PAGE_SIZE_ALL : pageSize;
   return (h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
     h("vega-field-label", { label: translationSlimmer.t('Show') }),
     h("div", null,
       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.addUniqueObserverToNode(ref, VegaChange, handleChange);
@@ -205,7 +208,9 @@ class VegaPaginationPageSizeObserverController extends VegaSlimmer {
    */
   registerPaginationPageSizeChangeObserver() {
     DomNodeSubjectObserverFactory.addUniqueObserverToNode(this.host, VegaInternalPaginationPageSizeChange, (payload) => {
-      this.pageSize = Number(payload.detail);
+      const rawValue = Number(payload.detail);
+      this.isAllActive = rawValue === PAGE_SIZE_ALL;
+      this.pageSize = resolvePageSizeValue(rawValue, this.total);
     });
   }
   /**
@@ -221,6 +226,12 @@ __decorate$3([
 __decorate$3([
   MapToComponentField({ writable: true })
 ], VegaPaginationPageSizeObserverController.prototype, "pageSize", void 0);
+__decorate$3([
+  MapToComponentField({ writable: true })
+], VegaPaginationPageSizeObserverController.prototype, "isAllActive", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaPaginationPageSizeObserverController.prototype, "total", void 0);
 __decorate$3([
   MapToComponentMethod('connectedCallback')
 ], VegaPaginationPageSizeObserverController.prototype, "registerPaginationPageSizeChangeObserver", null);
@@ -390,6 +401,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.
@@ -445,6 +458,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 */
@@ -459,10 +475,10 @@ const VegaPagination = class {
         case 'currentPageLabel':
           return (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 || includesPageSize(this.pageSizeSelectorOptions, this.pageSize)
             ? this.pageSizeSelectorOptions
             : [...this.pageSizeSelectorOptions, this.pageSize];
-          return (h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, dropdownProps: this.dropdownProps, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer }));
+          return (h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, dropdownProps: this.dropdownProps, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer, isAllActive: this.isAllActive }));
         }
         case 'pageSelector':
           return (h(VegaPaginationPageSelector, { current: this.current, total: this.total, onChange: this.onPageSelectorChange, pageCount: this.pageCount }));
@@ -473,14 +489,15 @@ const VegaPagination = class {
           return (h("vega-pagination-page-selector-mobile", { type: item, pageCount: this.pageCount, current: this.current, total: this.total }));
         case 'pageSizeSelectorMobile':
         case 'pageSizeSelectorMobile_currentPageLabel':
-          return (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 (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 === PAGE_SIZE_ALL;
+      this.pageSize = resolvePageSizeValue(pageSize, this.total);
     };
     this.calculatePages = () => {
       if (!this.total) {
@@ -538,7 +555,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() {
@@ -548,9 +568,13 @@ const VegaPagination = class {
   watchLayout() {
   }
   componentWillLoad() {
+    this.isAllActive =
+      hasAllOption(this.pageSizeSelectorOptions) &&
+        this.pageSize === this.total &&
+        !includesPageSize(this.pageSizeSelectorOptions, this.pageSize);
     this.pageCount = this.calculatePages();
     this.currentValueGuard();
-    if (!this.pageSizeSelectorOptions.includes(this.pageSize)) {
+    if (!this.isAllActive && !includesPageSize(this.pageSizeSelectorOptions, this.pageSize)) {
       this.pageSizeSelectorOptions = [...this.pageSizeSelectorOptions, this.pageSize];
     }
   }

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

@@ -1,39 +1,40 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { I as InjectKeyboardManager } from './inject-keyboard-manager-7557816f.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-dc1d7135.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-46020a03.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-32da9d90.js';
 import { b as VegaPopoverShow, c as VegaPopoverHide } from './vega-event-id-4ede557a.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-08ec429b.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-5aca1bca.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
-import { V as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-70bd893d.js';
-import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-5a2f92be.js';
-import { f as formatAndValidResponsiveToken } from './design-token-edcd787b.js';
-import './keyboard-manager-1846c6a5.js';
-import './ui-ba5a4758.js';
-import './type-guard-23a08026.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
+import { V as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-194bac82.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-853a91de.js';
+import { f as formatAndValidResponsiveToken } from './design-token-59d07aa2.js';
+import './keyboard-manager-6ea9968b.js';
+import './ui-b7600a48.js';
+import './type-guard-152070e9.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-b08aa9ab.js';
+import './internal-translation-controller-4fb104b2.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-52f93124.js';
-import './internal-vega-event-manager-59f5bd47.js';
+import './internal-vega-event-manager-8a657bac.js';
 import './try-get-document-bef0f526.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
-import './responsive-format-facade-37d4d850.js';
+import './responsive-format-facade-e9926018.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
 import './observer-3959f9dd.js';
 import './synchronize-task-queue-ac8acc3b.js';
+import './state-border-formatter-be51463d.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/esm/vega-progress-tracker_2.entry.js

@@ -3,27 +3,28 @@ import { m as VegaPageUpdate, W as VegaCurrentStepUpdate } from './vega-event-id
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-32da9d90.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { D as VegaInternalProgressTrackerStepClick } from './vega-internal-event-id-70bd893d.js';
+import { D as VegaInternalProgressTrackerStepClick } from './vega-internal-event-id-194bac82.js';
 import { n as normalizeNumberByRanger } from './number-4398f2e1.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-ee8c417b.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-1f907173.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
-import { x as isResponsiveType } from './type-guard-23a08026.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-e9926018.js';
+import { t as isResponsiveType } from './type-guard-152070e9.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4d30fa5c.js';
+import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-090c500a.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-59f5bd47.js';
+import './internal-vega-event-manager-8a657bac.js';
 import './try-get-document-bef0f526.js';
 import './object-0c277f57.js';
-import './ui-ba5a4758.js';
+import './ui-b7600a48.js';
 import './ui-93922c59.js';
 import './pixel-f32c07ce.js';
 import './breakpoints-d9faf11c.js';
@@ -31,7 +32,7 @@ import './array-7888f339.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-b08aa9ab.js';
+import './internal-translation-controller-4fb104b2.js';
 import './static-subject-title-52f93124.js';
 
 const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [
@@ -96,9 +97,10 @@ class VegaProgressTrackerRenderer extends VegaSlimmer {
       ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, 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() {
@@ -174,7 +176,9 @@ class VegaProgressTrackerCurrentStepController extends VegaSlimmer {
      * @param {number} current - current step index
      */
     this.updateCurrent = (current) => {
-      this.current = normalizeNumberByRanger(current, 0, this.currentSteps.length - 1);
+      const maxIndex = Math.max(0, this.currentSteps.length - 1);
+      const minIndex = this.allowNoCurrentStep ? -1 : 0;
+      this.current = normalizeNumberByRanger(current, minIndex, maxIndex);
     };
   }
   /** connectedCallback */
@@ -212,7 +216,10 @@ class VegaProgressTrackerCurrentStepController extends VegaSlimmer {
   }
   /** 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 = normalizeNumberByRanger(--this.current, minIndex, maxIndex);
   }
   /**
    * watch setCurrent method call
@@ -262,6 +269,9 @@ __decorate$6([
 __decorate$6([
   MapToComponentField({ writable: true })
 ], VegaProgressTrackerCurrentStepController.prototype, "current", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaProgressTrackerCurrentStepController.prototype, "allowNoCurrentStep", void 0);
 __decorate$6([
   MapToComponentField()
 ], VegaProgressTrackerCurrentStepController.prototype, "currentStepUpdateEventEmitter", void 0);
@@ -572,7 +582,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 /**
  * Controls the current direction of the progress tracker component.
  */
-class VegaProgressTrackerCurrentDirectionController extends VegaSlimmer {
+class VegaProgressTrackerCurrentDirectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
   constructor() {
     super(...arguments);
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer({
@@ -582,8 +592,15 @@ class VegaProgressTrackerCurrentDirectionController extends VegaSlimmer {
        */
       // 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);
       },
     });
   }
@@ -604,6 +621,25 @@ class VegaProgressTrackerCurrentDirectionController extends VegaSlimmer {
   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.
@@ -619,6 +655,9 @@ class VegaProgressTrackerCurrentDirectionController extends VegaSlimmer {
 __decorate$3([
   MapToComponentField()
 ], VegaProgressTrackerCurrentDirectionController.prototype, "direction", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaProgressTrackerCurrentDirectionController.prototype, "current", void 0);
 __decorate$3([
   MapToComponentField()
 ], VegaProgressTrackerCurrentDirectionController.prototype, "renderer", void 0);
@@ -729,6 +768,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/esm/vega-radio_2.entry.js

@@ -4,28 +4,28 @@ import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { R as RADIO_VALUE_CHANGE, h as RADIO_GROUP_DISABLED_CHANGE, F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { f as findParent } from './ui-ba5a4758.js';
+import { f as findParent } from './ui-b7600a48.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-46020a03.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-32da9d90.js';
 import { h as VegaChange, G as VegaFocus, H as VegaBlur } from './vega-event-id-4ede557a.js';
-import { h as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-70bd893d.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { h as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-194bac82.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-8dd39707.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-b7f0e419.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-1ae0aa4d.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-899864a8.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-a8cb19cf.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-9c24d4fc.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-7eed4734.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-59f5bd47.js';
+import './internal-vega-event-manager-8a657bac.js';
 import './try-get-document-bef0f526.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './string-a953eafc.js';
 import './misc-9fdbcfbb.js';
-import './internal-translation-controller-b08aa9ab.js';
+import './internal-translation-controller-4fb104b2.js';
 import './index-3b327f29.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
@@ -33,12 +33,12 @@ import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-4d30fa5c.js';
+import './sub-state-observer-slimmer-090c500a.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
-import './keyboard-manager-1846c6a5.js';
-import './type-guard-23a08026.js';
+import './keyboard-manager-6ea9968b.js';
+import './type-guard-152070e9.js';
 import './typography-396de03f.js';
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {