@heartlandone/vega 2.79.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-calendar/vega-calendar-event-preview/slimmers/renderers/vega-calendar-event-preview-detail-renderer.d.ts

@@ -7,6 +7,11 @@ export declare class VegaCalendarEventPreviewDetailRenderer extends VegaSlimmer
   protected translationSlimmer: VegaCalendarEventPreview['translationSlimmer'];
   private calendarRef;
   componentWillLoad(): void;
+  /**
+   * Notifies the calendar host via ChangeManager that the event preview content has been rendered
+   * and is ready for focus management (e.g., focusing the close button for VoiceOver).
+   */
+  componentDidRender(): void;
   render(): HTMLElement;
   private renderActions;
   private renderBasicFields;

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/controllers/vega-input-mask-config-controller.d.ts

@@ -63,6 +63,7 @@ export declare class VegaInputMaskConfigController extends StringInputFormatterS
    * The function `getNumberTypeMaskStrategy` returns a specific formatting strategy based on the provided options for number masking.
    *
    * @param {NumberMaskConfig} options - The `options` parameter is of type `NumberMaskConfig`, which likely contains configuration options for formatting numbers. It seems to have a property `thousandComma` which, if true, indicates that the number should be formatted with thousand commas.
+   * @param {boolean} overrideValue - The `overrideValue` parameter is a boolean that indicates whether the formatted value should override the original value after the blur event.
    * @returns {StringFormatStrategy} an instance of numberMaskStrategy or numberThousandCommaStrategy
    */
   private getNumberTypeMaskStrategy;

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

@@ -2,28 +2,57 @@ import { MaskConfig } from '../../helpers/formatter/string-formatter/string-mask
 import { NumberMaskConfig } from '../../helpers/formatter/string-formatter/number-mask-strategy';
 import { StringFormatStrategy } from '../../helpers/formatter/string-formatter/string-format-strategy.abstract';
 
+/**
+ * TODO: Need depercated this type instead of format strategy to handle user deference requirement. More info refer to https://gethired.atlassian.net/browse/VD-8523
+ */
 /**
  * Configuration for input masking strategies.
  */
 export type MaskConfigType = {
 	/**
 	 * Masking strategy identifier.
+	 *
+	 * - 'phone': Formats input as a phone number.
+	 * - 'zipcode': Formats input as a postal code.
+	 * - 'taxId': Formats input as a tax identification number.
+	 * - 'custom': Uses a custom formatter function provided via the `formatter` property.
+	 * - 'thousand-comma': Formats numbers with thousand separators.
+	 * - 'number': Formats input as a number, allowing for decimal points and negative signs.
+	 * - 'custom-formatter': Uses a custom strategy provided via the `strategy` property, which should return an instance of `StringFormatStrategy`.
 	 */
 	type: 'phone' | 'zipcode' | 'taxId' | 'custom' | 'thousand-comma' | 'number' | 'custom-formatter';
 	/**
 	 * Options used by the selected mask strategy.
+	 * It only work while type is 'custom' or 'number',
+	 * 	for 'custom' type, options should be MaskConfig,
+	 *  for 'number' type, options should be NumberMaskConfig,
+	 *  for other types, options will be ignored even if it's provided.
 	 */
 	options?: MaskConfig | NumberMaskConfig;
+
 	/**
-	 * Event that triggers the mask update.
+	 * Whether to override the component value on blur when using 'blur' trigger.
+	 * If set to true, the component value will be updated with the formatted value on blur.
+	 * If false or not set, the component value will not be updated on blur, but the formatted value will still be applied to the native input.
+	 */
+	overrideValue?: boolean;
+
+	/**
+	 * Trigger types for maskConfig, indicating when the mask should be applied to the input field.
+	 *
+	 * - 'blur': The mask is applied when the input field blurs (loses focus), and it just apply the formatted value to the native input, but the component value is not updated,
+	 *    if you also want to update the component value on blur, you can set `overrideValue` in options to true, then the component value will also be updated on blur.
+	 * - 'input': The mask is applied on every input event (as the user types), and the value of vega-input is updated accordingly.
 	 */
 	trigger?: 'blur' | 'input';
 	/**
 	 * Optional value formatter callback.
+	 * It only works when the `type` is set to 'custom-formatter'. The formatter function takes the input value as a string and returns the formatted value as a string.
 	 */
 	formatter?: (value: string) => string;
 	/**
 	 * Whether to reset the caret position after formatting.
+	 * It only works when the `type` is set to 'custom-formatter'. If set to true, the caret position will be reset to the end of the input after formatting. If false or not set, the caret position will be calculated based on the changes made by the formatter function.
 	 */
 	resetCaretPosition?: boolean;
 	/**
@@ -108,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;
 }