@heartlandone/vega 2.80.0 → 2.81.0

package/dist/types/components/vega-breadcrumb/slimmers/renderers/vega-breadcrumb-item-renderer.d.ts

@@ -2,6 +2,7 @@ import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaBreadcrumbItemType, VegaBreadcrumbRenderItemOptions } from '../../types';
 import { VegaBreadcrumb } from '../../vega-breadcrumb';
 export declare class VegaBreadcrumbItemRenderer extends VegaSlimmer {
+  lastItemClickable: VegaBreadcrumb['lastItemClickable'];
   clickEventEmitter: VegaBreadcrumb['clickEventEmitter'];
   render(item: VegaBreadcrumbItemType, options: VegaBreadcrumbRenderItemOptions): HTMLElement;
   private renderContent;

package/dist/types/components/vega-breadcrumb/slimmers/renderers/vega-breadcrumb-renderer.d.ts

@@ -3,6 +3,7 @@ import { VegaBreadcrumb } from '../../vega-breadcrumb';
 export declare class VegaBreadcrumbRenderer extends VegaSlimmer {
   items: VegaBreadcrumb['items'];
   compactOnMobile: VegaBreadcrumb['compactOnMobile'];
+  lastItemClickable: VegaBreadcrumb['lastItemClickable'];
   maxItems: VegaBreadcrumb['maxItems'];
   itemRenderer: VegaBreadcrumb['itemRenderer'];
   collapsedItemRenderer: VegaBreadcrumb['collapsedItemRenderer'];

package/dist/types/components/vega-breadcrumb/vega-breadcrumb.d.ts

@@ -52,6 +52,16 @@ export declare class VegaBreadcrumb {
    * @vegaVersion 2.66.0
    */
   compactOnMobile: boolean;
+  /**
+   * Determines whether the last breadcrumb item is clickable.
+   *
+   * When `false` (default), the last item is rendered as plain text.
+   * When `true`, the last item becomes a clickable link, styled
+   * the same as the other breadcrumb items.
+   *
+   * @vegaVersion 2.81.0
+   */
+  lastItemClickable: boolean;
   /**
    * An event emitter notifying that a breadcrumb item has been clicked.
    *

package/dist/types/components/vega-chip/vega-chip.d.ts

@@ -114,6 +114,15 @@ export declare class VegaChip {
    * @vegaVersion 1.11.0
    */
   iconAlign: VegaChipIconAlign;
+  /**
+   * Specifies the color of the icon displayed within the chip.
+   *
+   * This property is applicable only when the chip's type is set to `label`
+   *    and an `icon` is provided.
+   *
+   * @vegaVersion 2.81.0
+   */
+  iconColor: TextColorsTokenType;
   /**
    * An event emitter notifying the click event of the close button of the chip.
    *

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/controllers/vega-date-picker-calendar-current-period-controller.d.ts

@@ -14,6 +14,7 @@ export declare class VegaDatePickerCalendarCurrentPeriodController extends VegaD
   isMobileDevice: VegaDatePickerCalendar['isMobileDevice'];
   monthYearChangeEventEmitter: VegaDatePickerCalendar['monthYearChangeEventEmitter'];
   calendarSelection: VegaDatePickerCalendar['calendarSelection'];
+  isDualMonths: VegaDatePickerCalendar['isDualMonths'];
   /** connectedCallback */
   connectedCallback(): void;
   /** disconnectedCallback */
@@ -55,12 +56,6 @@ export declare class VegaDatePickerCalendarCurrentPeriodController extends VegaD
    * - Go to today month if the value, minDate and maxDate all are empty.
    */
   private setCurrentMonthPeriod;
-  /**
-   * Check is range view
-   *
-   * @returns {boolean} -
-   */
-  private isRangeView;
   /**
    * Get current year month by period
    *

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/controllers/vega-date-picker-calendar-is-dual-months-controller.d.ts

@@ -0,0 +1,28 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaDatePickerCalendar } from '../../vega-date-picker-calendar';
+/**
+ * Controller to determine if the calendar should render dual months or not.
+ *    It will set isDualMonths to false if it's a mobile device, otherwise it will check the dualMonths prop or if the mode is range.
+ */
+export declare class VegaDatePickerCalendarIsDualMonthsController extends VegaSlimmer {
+  mode: VegaDatePickerCalendar['mode'];
+  dualMonths: VegaDatePickerCalendar['dualMonths'];
+  isDualMonths: VegaDatePickerCalendar['isDualMonths'];
+  isMobileDevice: VegaDatePickerCalendar['isMobileDevice'];
+  /** componentWillLoad */
+  componentWillLoad(): void;
+  /**
+   * Watch for changes in the mode prop to determine if we need to update the isDualMonths field.
+   *  If the mode changes, we will re-evaluate whether we should render dual months or not.
+   */
+  watchMode(): void;
+  /**
+   * Watch for changes in the dualMonths prop to determine if we need to update the isDualMonths field.
+   */
+  watchDualMonths(): void;
+  /**
+   * Sets the isDualMonths field based on the device type, dualMonths prop, and mode.
+   *  If it's a mobile device, it will always set isDualMonths to false. Otherwise, it will set it to the value of the dualMonths prop if it's defined, or true if the mode is 'range'.
+   */
+  private setIsDualMonths;
+}

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/renderers/vega-date-picker-calendar-header-render.d.ts

@@ -4,13 +4,12 @@ export declare class VegaDatePickerCalendarHeaderRenderer extends VegaSlimmer {
   private today;
   private translationSlimmer;
   private yearMonthSwitcherRender;
-  private mode;
   private currentPeriodController;
   private maxCalendarDate;
   private minCalendarDate;
   private size;
   private timezone;
-  private isMobileDevice;
+  private isDualMonths;
   render(): HTMLElement;
   private renderSwitcher;
   private renderPrevIcon;

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/renderers/vega-date-picker-calendar-renderer.d.ts

@@ -9,13 +9,12 @@ export declare class VegaDatePickerCalendarRenderer extends VegaSlimmer {
   translationSlimmer: VegaDatePickerCalendar['translationSlimmer'];
   mode: VegaDatePickerCalendar['mode'];
   clearEventEmitter: VegaDatePickerCalendar['clearEventEmitter'];
-  isMobileDevice: VegaDatePickerCalendar['isMobileDevice'];
   headerRenderer: VegaDatePickerCalendar['headerRenderer'];
+  isDualMonths: VegaDatePickerCalendar['isDualMonths'];
   render(): HTMLElement;
   private renderContainer;
   private renderRangeMonth;
   private renderFooter;
-  private shouldRenderRangeMonth;
   private clearCalendar;
   /**
    * Build aria announcement string based on current calendar selection.

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/renderers/vega-date-picker-calendar-year-month-switcher-renderer.d.ts

@@ -12,7 +12,7 @@ export declare class VegaDatePickerCalendarYearMonthSwitcherRenderer extends Veg
   currentPeriod: VegaDatePickerCalendar['currentPeriod'];
   size: VegaDatePickerCalendar['size'];
   mode: VegaDatePickerCalendar['mode'];
-  private isMobileDevice;
+  isDualMonths: VegaDatePickerCalendar['isDualMonths'];
   render(): HTMLElement;
   private getMonthDropdownOptions;
   private isDisabledMonth;

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/renderers/vega-date-picker-month-item-renderer.d.ts

@@ -13,9 +13,9 @@ export declare class VegaDatePickerMonthItemRenderer extends VegaSlimmer {
   staticHeight: VegaDatePickerCalendar['staticHeight'];
   mode: VegaDatePickerCalendar['mode'];
   size: VegaDatePickerCalendar['size'];
+  isDualMonths: VegaDatePickerCalendar['isDualMonths'];
   isDateDisabled: VegaDatePickerCalendar['isDateDisabled'];
   dateIndicator: VegaDatePickerCalendar['dateIndicator'];
-  private isMobileDevice;
   private monthViewGenerator;
   render(type: DatePickerCalendarMonthRenderType): HTMLElement;
   private renderCurrentYearMonth;

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/vega-date-picker-calendar.d.ts

@@ -17,12 +17,14 @@ import { VegaDatePickerCalendarAllowRepickController } from './slimmers/controll
 import { DisabledDate } from '../../vega-calendar/types';
 import { CalendarSelection } from './dto/calendar-selection';
 import { VegaDatePickerCalendarHeaderRenderer } from './slimmers/renderers/vega-date-picker-calendar-header-render';
+import { VegaDatePickerCalendarIsDualMonthsController } from './slimmers/controllers/vega-date-picker-calendar-is-dual-months-controller';
 /**
  * @vegaVersion 2.0.0
  */
 export declare class VegaDatePickerCalendar {
   protected readonly globalSlimmers: GlobalSlimmers;
   protected renderer: VegaDatePickerCalendarRenderer;
+  protected isDualMonthsController: VegaDatePickerCalendarIsDualMonthsController;
   protected monthItemRenderer: VegaDatePickerMonthItemRenderer;
   protected headerRenderer: VegaDatePickerCalendarHeaderRenderer;
   protected translationSlimmer: TranslationSlimmer<HTMLVegaDatePickerCalendarElement>;
@@ -48,6 +50,7 @@ export declare class VegaDatePickerCalendar {
   watchMaxCalendarDate(): void;
   minCalendarDate: Nullable<CalendarDate>;
   watchMinCalendarDate(): void;
+  isDualMonths: boolean;
   /**
    * Renders the calendar picker in different sizes. Defaults to regular size
    *
@@ -63,6 +66,7 @@ export declare class VegaDatePickerCalendar {
    * @vegaVersion 2.72.0
    */
   mode: DatePickerModeType;
+  watchMode(): void;
   /**
    * Specifies the selected date or date range in the date picker calendar.
    *
@@ -125,6 +129,14 @@ export declare class VegaDatePickerCalendar {
    * @vegaVersion 2.72.0
    */
   yearMonthDropdownProps: VegaDropdownPropsForDatePickerCalendar;
+  /**
+   * Determines whether to show two months in date picker calendar.
+   *   It will be ignored when the device is mobile, that means the calendar will always show single month on mobile device regardless of the value of this prop.
+   *
+   * @vegaVersion 2.81.0
+   */
+  dualMonths: boolean;
+  watchDualMonths(): void;
   /**
    * Specifies a predicate function that determines whether a given date in the date picker should be disabled (non-interactive).
    *

package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-appender-controller.d.ts

@@ -1,5 +1,6 @@
 import { VegaDropdown } from '../../vega-dropdown';
 import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender/element-appender-slimmer';
+import { AriaDialogFocusableTrapSlimmer } from '../../../../helpers/slimmers/aria-dialog-focusable-trap-slimmer';
 /**
  * The `VegaDropdownAppenderController` class is responsible for managing the visibility and
  * behavior of a dropdown component.
@@ -23,6 +24,7 @@ export declare class VegaDropdownAppenderController extends ElementAppenderSlimm
   showEventEmitter: VegaDropdown['showEventEmitter'];
   hideEventEmitter: VegaDropdown['hideEventEmitter'];
   isScreenPosition: VegaDropdown['isScreenPosition'];
+  protected readonly ariaDialogFocusableTrapSlimmer: AriaDialogFocusableTrapSlimmer;
   private target;
   private lastFocusedElement;
   /**
@@ -33,10 +35,20 @@ export declare class VegaDropdownAppenderController extends ElementAppenderSlimm
    * Component lifecycle - [componentDidLoad]{@link VegaPopover.disconnectedCallback}
    */
   disconnectedCallback(): void;
+  /**
+   * Component lifecycle - [componentDidRender]{@link VegaPopover.componentDidRender}
+   */
+  componentDidRender(): void;
   /**
    * This constructor initializes a dropdown component with various configuration options.
    */
   constructor();
+  /**
+   * This controller extends `ElementAppenderSlimmer`, which already uses `componentDidLoad`.
+   * To avoid overriding the parent lifecycle mapping, we expose `ariaComponentDidLoad`
+   * here and map it to `componentDidLoad` for the ARIA slimmer.
+   */
+  ariaComponentDidLoad(): void;
   /**
    * The function `watchIsDropdownShow` checks if the dropdown is shown and performs certain actions
    * based on the result.

package/dist/types/components/vega-dropdown/slimmers/renderers/vega-dropdown-renderer.d.ts

@@ -10,6 +10,7 @@ export declare class VegaDropdownRenderer extends VegaSlimmer {
   listRenderer: VegaDropdown['listRenderer'];
   renderModeController: VegaDropdown['renderModeController'];
   resetRenderer: VegaDropdown['resetRenderer'];
+  isDropdownShow: VegaDropdown['isDropdownShow'];
   private dropdownRef;
   private dropdownContentBoxRef;
   private virtualContainerRef;

package/dist/types/components/vega-input/slimmers/renderers/vega-input-input-renderer.d.ts

@@ -8,6 +8,7 @@ export declare class VegaInputInputRenderer extends VegaSlimmer {
   private name;
   private autocomplete;
   private inputmode;
+  private enterkeyhint;
   private readOnly;
   private placeholder;
   private minLength;

package/dist/types/components/vega-input/types.d.ts

@@ -137,6 +137,11 @@ export type InputAutocompleteTypes =
 	| 'url'
 	| 'photo';
 
+/**
+ * From: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/enterkeyhint
+ */
+export type InputEnterKeyHintTypes = 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+
 /**
  * Dropdown configuration for input suggestions.
  */

package/dist/types/components/vega-input/vega-input.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { FormFieldValidationRule } from '../../helpers/validator/rules/form-field-validation-rule';
-import { DataTransferType, InputAutocompleteTypes, InputType, InputValueUpdateTriggeredBy, MaskConfigType, VegaInputSuggestionsDropdownConfig } from './types';
+import { DataTransferType, InputAutocompleteTypes, InputEnterKeyHintTypes, InputType, InputValueUpdateTriggeredBy, MaskConfigType, VegaInputSuggestionsDropdownConfig } from './types';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
@@ -192,6 +192,22 @@ export declare class VegaInput {
    * @vegaVersion 2.71.0
    */
   inputmode: 'text' | 'numeric';
+  /**
+   * Configures the action label (or icon) to present for the enter key on virtual keyboards.
+   *
+   * - `'enter'` — Insert a new line.
+   * - `'done'` — Nothing more to input, close the virtual keyboard.
+   * - `'go'` — Navigate to the target of the typed text.
+   * - `'next'` — Move to the next field that will accept text.
+   * - `'previous'` — Move to the previous field that will accept text.
+   * - `'search'` — Execute a search query.
+   * - `'send'` — Deliver the content (e.g. a message).
+   *
+   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/enterkeyhint for more details.
+   *
+   * @vegaVersion 2.81.0
+   */
+  enterkeyhint: InputEnterKeyHintTypes;
   /**
    * Sets the input field as read-only, preventing direct keyboard input.
    *

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-layout-controller.d.ts

@@ -8,6 +8,7 @@ export declare class VegaModalLayoutController extends VegaSlimmer {
   host: VegaModal['host'];
   contentMaxHeight: VegaModal['contentMaxHeight'];
   size: VegaModal['size'];
+  height: VegaModal['height'];
   renderer: VegaModal['renderer'];
   protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
   private isModalWidthSet;
@@ -23,12 +24,20 @@ export declare class VegaModalLayoutController extends VegaSlimmer {
    * Listen watchContentMaxHeight method to be called
    */
   watchContentMaxHeight(): void;
+  /**
+   * Listen watchHeight method to be called
+   */
+  watchHeight(): void;
   /**
    * Set width of modal.
    *
    * @param {'initialize' | 'update'} flag - Is trigger by
    */
   setModalWidth(flag?: 'initialize' | 'update'): void;
+  /**
+   * Set height of modal.
+   */
+  private setModalHeight;
   /**
    * Set max height of modal content.
    */

package/dist/types/components/vega-modal/slimmers/renderers/vega-modal-renderer.d.ts

@@ -9,6 +9,7 @@ export declare class VegaModalRenderer extends VegaSlimmer {
   open: VegaModal['open'];
   openState: VegaModal['openState'];
   padding: VegaModal['padding'];
+  margin: VegaModal['margin'];
   showCloseButton: VegaModal['showCloseButton'];
   modalTitle: VegaModal['modalTitle'];
   contentMaxHeight: VegaModal['contentMaxHeight'];
@@ -19,8 +20,10 @@ export declare class VegaModalRenderer extends VegaSlimmer {
   private modalContent;
   private modalFooter;
   private modalContainer;
+  private modalDialog;
   getModalContentRef(): HTMLElement | null;
   getModalFooterRef(): HTMLElement | null;
+  getModalDialogRef(): HTMLElement | null;
   getModalContainerRef(): HTMLElement | null;
   render(): VegaModal;
   private renderContainer;

package/dist/types/components/vega-modal/vega-modal.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { PaddingType, ResponsiveType, SizeType } from '../../types/ui.type';
+import { MarginType, PaddingType, ResponsiveType, SizeType } from '../../types/ui.type';
 import { BreakpointsTokenType } from '../../types/design-token.type';
 import { VegaModalBackdrop, VegaModalBackdropColor } from './types';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
@@ -79,6 +79,20 @@ export declare class VegaModal {
    * @see{module:vega-modal-size-responsive-e2e}
    */
   watchSize(): void;
+  /**
+   * Determines the height of the modal.
+   *
+   * It accepts numeric values (interpreted as pixels), string values (e.g., "100%", "100vh"),
+   *    or ResponsiveType for responsive configurations.
+   *
+   * @vegaVersion 2.81.0
+   */
+  height: ResponsiveType<number | string>;
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-modal-height-e2e}
+   */
+  watchHeight(): void;
   /**
    * Determines whether the modal is initially open.
    *
@@ -135,6 +149,15 @@ export declare class VegaModal {
    * @vegaVersion 1.0.10
    */
   padding: ResponsiveType<PaddingType>;
+  /**
+   * Specifies the margin around the modal dialog.
+   *
+   * It accepts a ResponsiveType or size values.
+   * Set `x` to `auto` to horizontally center the modal.
+   *
+   * @vegaVersion 2.81.0
+   */
+  margin: ResponsiveType<MarginType>;
   /**
    * Defines the maximum height of the content within
    *    the modal element.

package/dist/types/components/vega-nav/vega-left-nav/slimmers/controllers/vega-left-nav-open-state-controller.d.ts

@@ -7,11 +7,17 @@ export declare class VegaLeftNavOpenStateController extends PageResizeObserverSl
   openState: VegaLeftNav['openState'];
   stateUpdateEventEmitter: VegaLeftNav['stateUpdateEventEmitter'];
   backdropController: VegaLeftNav['backdropController'];
+  private isVoiceOverClick;
+  private triggerElement;
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-left-nav-e2e-open-by-default}
    */
   componentDidLoad(): void;
+  /**
+   * Component lifecycle - [componentDidRender]
+   */
+  componentDidRender(): void;
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-left-nav-e2e-resize-with-desktop}
@@ -27,6 +33,17 @@ export declare class VegaLeftNavOpenStateController extends PageResizeObserverSl
    * @see{module:vega-left-nav-e2e-vega-click-backdrop}
    */
   setOpenState(openState: LeftNavOpenStateType): void;
+  private handleClickEvent;
+  /**
+   * Focuses the first focusable element within the left nav dialog when it is opened via VoiceOver.
+   */
+  private focusFirstFocusableInDialog;
+  /**
+   * Focuses the triggering element when the left nav dialog is closed.
+   * Falls back to the first focusable element outside the dialog if the trigger is unavailable.
+   */
+  private focusFirstFocusableOutsideDialog;
+  private findFirstFocusableOutside;
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-left-nav-e2e-resize-with-desktop}

package/dist/types/components/vega-pagination/constants/page-size.d.ts

@@ -0,0 +1,2 @@
+/** Sentinel value representing the "All" page size option, which displays all records at once. */
+export declare const PAGE_SIZE_ALL: number;

package/dist/types/components/vega-pagination/internal/vega-pagination-page-size-selector.d.ts

@@ -1,12 +1,13 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { TranslationSlimmer } from '../../../helpers/slimmers/translation';
-import { DropdownPropsForPagination } from '../types';
+import { DropdownPropsForPagination, VegaPaginationPageSizeOption } from '../types';
 interface VegaPaginationEntriesSelectorProps {
   pageSize: number;
-  pageSizeSelectorOptions: number[];
+  pageSizeSelectorOptions: VegaPaginationPageSizeOption[];
   dropdownProps: DropdownPropsForPagination;
   onChange: (pageSize: number) => void;
   translationSlimmer: TranslationSlimmer<HTMLVegaPaginationElement>;
+  isAllActive: boolean;
 }
 export declare const VegaPaginationPageSizeSelector: FunctionalComponent<VegaPaginationEntriesSelectorProps>;
 export {};

package/dist/types/components/vega-pagination/slimmers/controllers/vega-pagination-page-size-observer-controller.d.ts

@@ -4,6 +4,8 @@ import { VegaPagination } from '../../vega-pagination';
 export declare class VegaPaginationPageSizeObserverController extends VegaSlimmer {
   protected host: VegaPagination['host'];
   protected pageSize: VegaPagination['pageSize'];
+  protected isAllActive: VegaPagination['isAllActive'];
+  protected total: VegaPagination['total'];
   /**
    * Add the pagination page size subject observer
    */

package/dist/types/components/vega-pagination/types.d.ts

@@ -1,3 +1,12 @@
+/**
+ * Represents a single page-size option.
+ *
+ * - A plain `number` uses that number as both the value and the display label.
+ * - An object with `value` and `label` allows a custom display label (e.g. "All").
+ *   Use `value: -1` to represent "show all items on a single page".
+ */
+export type VegaPaginationPageSizeOption = number | { value: number; label: string };
+
 /**
  * Identifies the various UI pieces that can appear in the pagination
  * component's item list.

package/dist/types/components/vega-pagination/utils/page-size-option-utils.d.ts

@@ -0,0 +1,42 @@
+import { VegaPaginationPageSizeOption } from '../types';
+export interface NormalizedPageSizeOption {
+  value: number;
+  label: string;
+}
+/**
+ * Normalizes a page-size option (number or object) into a `NormalizedPageSizeOption` with `value` and `label`.
+ *
+ * @param {VegaPaginationPageSizeOption} option - A page-size option, either a plain number or an object with `value` and `label`.
+ * @returns {NormalizedPageSizeOption} A normalized option object.
+ */
+export declare function normalizePageSizeOption(option: VegaPaginationPageSizeOption): NormalizedPageSizeOption;
+/**
+ * Sorts page-size options in ascending order, pinning the "All" option (value `-1`) last.
+ *
+ * @param {NormalizedPageSizeOption[]} options - An array of normalized page-size options.
+ * @returns {NormalizedPageSizeOption[]} A new sorted array.
+ */
+export declare function sortPageSizeOptions(options: NormalizedPageSizeOption[]): NormalizedPageSizeOption[];
+/**
+ * Resolves the sentinel value `-1` ("All") to `total`; returns other values unchanged.
+ *
+ * @param {number} value - The page size value, potentially the sentinel `-1`.
+ * @param {number} total - The total number of items.
+ * @returns {number} The resolved page size number.
+ */
+export declare function resolvePageSizeValue(value: number, total: number): number;
+/**
+ * Returns `true` if the options array contains an "All" entry (`{ value: -1 }`).
+ *
+ * @param {VegaPaginationPageSizeOption[]} options - An array of page-size options.
+ * @returns {boolean} `true` when an "All" option is present.
+ */
+export declare function hasAllOption(options: VegaPaginationPageSizeOption[]): boolean;
+/**
+ * Returns `true` if any option in the array has a `value` equal to `pageSize`.
+ *
+ * @param {VegaPaginationPageSizeOption[]} options - An array of page-size options.
+ * @param {number} pageSize - The page size to look for.
+ * @returns {boolean} `true` when the page size is found.
+ */
+export declare function includesPageSize(options: VegaPaginationPageSizeOption[], pageSize: number): boolean;

package/dist/types/components/vega-pagination/vega-pagination-page-size-selector-mobile/slimmers/renderers/page-size-selector-mobile-dropdown-renderer.d.ts

@@ -6,6 +6,8 @@ export declare class PageSizeSelectorMobileDropdownRenderer extends VegaSlimmer
   protected pageSizeSelectorOptions: VegaPaginationPageSizeSelectorMobile['pageSizeSelectorOptions'];
   protected pageSize: VegaPaginationPageSizeSelectorMobile['pageSize'];
   protected dropdownProps: VegaPaginationPageSizeSelectorMobile['dropdownProps'];
+  protected total: VegaPaginationPageSizeSelectorMobile['total'];
+  protected isAllActive: VegaPaginationPageSizeSelectorMobile['isAllActive'];
   /**
    * Renders the dropdown component with the provided children.
    *

package/dist/types/components/vega-pagination/vega-pagination-page-size-selector-mobile/vega-pagination-page-size-selector-mobile.d.ts

@@ -3,7 +3,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimme
 import { TranslationSlimmer } from '../../../helpers/slimmers/translation';
 import { PageSizeSelectorMobileRenderer } from './slimmers/renderers/page-size-selector-mobile-renderer';
 import { PageSizeSelectorMobileDropdownRenderer } from './slimmers/renderers/page-size-selector-mobile-dropdown-renderer';
-import { DropdownPropsForPagination } from '../types';
+import { DropdownPropsForPagination, VegaPaginationPageSizeOption } from '../types';
 /**
  * @vegaVersion 2.42.0
  */
@@ -31,7 +31,7 @@ export declare class VegaPaginationPageSizeSelectorMobile {
    *
    * @vegaVersion 2.42.0
    */
-  pageSizeSelectorOptions: number[];
+  pageSizeSelectorOptions: VegaPaginationPageSizeOption[];
   /**
    * Specifies the total number of data items
    *
@@ -52,5 +52,12 @@ export declare class VegaPaginationPageSizeSelectorMobile {
    * @vegaVersion 2.42.0
    */
   dropdownProps: DropdownPropsForPagination;
+  /**
+   * @internal
+   * Tracks whether "All" page size option is currently active.
+   *
+   * @vegaVersion 2.81.0
+   */
+  isAllActive: boolean;
   render(): VegaPaginationPageSizeSelectorMobile;
 }

package/dist/types/components/vega-pagination/vega-pagination.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { DropdownPropsForPagination, VegaPaginationItemType, VegaPaginationLayoutType } from './types';
+import { DropdownPropsForPagination, VegaPaginationItemType, VegaPaginationLayoutType, VegaPaginationPageSizeOption } from './types';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
@@ -35,6 +35,8 @@ export declare class VegaPagination {
    */
   pageCount: number;
   watchPageCount(): void;
+  /** Tracks whether "All" was explicitly selected or initialized. */
+  isAllActive: boolean;
   /**
    * Specifies the current page number for
    *    the pagination component.
@@ -49,7 +51,7 @@ export declare class VegaPagination {
    * @vegaVersion 1.3.0
    */
   total: number;
-  watchTotal(): void;
+  watchTotal(newTotal: number): void;
   /**
    * Specifies the number of data items to be displayed per page in
    *    the pagination component.
@@ -87,9 +89,12 @@ export declare class VegaPagination {
    * 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
    */
-  pageSizeSelectorOptions: number[];
+  pageSizeSelectorOptions: VegaPaginationPageSizeOption[];
   /**
    * Specifies the properties of the `vega-dropdown` component
    *    used to configure the dropdown for the

package/dist/types/components/vega-progress-tracker/slimmers/controllers/vega-progress-tracker-current-direction-controller.d.ts

@@ -1,11 +1,12 @@
-import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaProgressTracker } from '../../vega-progress-tracker';
 import { PageResizeObserverSlimmer } from '../../../../helpers/slimmers/page-resize-observer-slimmer';
+import { AutoRunWhenReRenderTaskQueueSlimmer } from '../../../../helpers/slimmers/auto-run-when-re-render-task-queue-slimmer.abstract';
 /**
  * Controls the current direction of the progress tracker component.
  */
-export declare class VegaProgressTrackerCurrentDirectionController extends VegaSlimmer {
+export declare class VegaProgressTrackerCurrentDirectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
   direction: VegaProgressTracker['direction'];
+  current: VegaProgressTracker['current'];
   renderer: VegaProgressTracker['renderer'];
   currentDirection: VegaProgressTracker['currentDirection'];
   protected pageResizeObserverSlimmer: PageResizeObserverSlimmer;
@@ -19,6 +20,17 @@ export declare class VegaProgressTrackerCurrentDirectionController extends VegaS
   componentDidLoad(): void;
   /** watchDirection */
   watchDirection(): void;
+  /**
+   * No-op: carousel sync is handled via closure-captured value in enqueueSyncCarouselPage().
+   */
+  protected doTask(): Promise<void>;
+  /**
+   * 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
+   */
+  private enqueueSyncCarouselPage;
   /**
    * The function sets the current direction of a progress tracker
    * based on the component's direction and the current breakpoint.

package/dist/types/components/vega-progress-tracker/slimmers/renderers/vega-progress-tracker-renderer.d.ts

@@ -12,7 +12,7 @@ export declare class VegaProgressTrackerRenderer extends VegaSlimmer {
   renderModeController: VegaProgressTracker['renderModeController'];
   private carouselContainerRef;
   private carouselRef;
-  gotoCarouselPage(): Promise<void>;
+  gotoCarouselPage(current?: number): Promise<void>;
   render(): HTMLElement;
   private renderStepIcon;
   private renderStep;