@heartlandone/vega 2.81.0 → 2.83.0

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

@@ -25,6 +25,12 @@ export declare class VegaBannerRenderer extends VegaSlimmer {
    * @returns {HTMLElement} the banner content element
    */
   private renderBannerContent;
+  /**
+   * Checks whether the host element contains a slotted element targeting the "content" slot.
+   *
+   * @returns {boolean} `true` if a child element with `slot="content"` exists, `false` otherwise.
+   */
+  private hasContentSlot;
   /**
    * invoke the method to remove the component host element
    */

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

@@ -32,6 +32,8 @@ export declare class VegaBanner {
   bannerTitle: string;
   /**
    * Specifies the content displayed within the banner.
+   * Also supports slot-based content: place a child element with `slot="content"` inside
+   * the banner to render rich HTML content. The slot takes precedence over this property.
    *
    * @vegaVersion 2.8.0
    */

package/dist/types/components/vega-button-group/slimmers/controllers/vega-button-group-all-items-disabled-controller.d.ts

@@ -0,0 +1,21 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaButtonGroup } from '../../vega-button-group';
+import { MutationObserverSlimmer } from '../../../../helpers/slimmers/mutation-observer/mutation-observer-slimmer';
+/** The `VegaButtonGroupAllItemsDisabledController` class monitors child button group items' disabled state and computes whether all items are disabled. */
+export declare class VegaButtonGroupAllItemsDisabledController extends VegaSlimmer {
+  protected host: VegaButtonGroup['host'];
+  protected allItemsDisabled: VegaButtonGroup['allItemsDisabled'];
+  protected mutationObserver: MutationObserverSlimmer;
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback(): void;
+  /**
+   * Component lifecycle - [componentWillLoad]
+   */
+  componentWillLoad(): void;
+  /**
+   * Check if all button group items are disabled and update the state.
+   */
+  private updateAllItemsDisabledState;
+}

package/dist/types/components/vega-button-group/vega-button-group-item/slimmers/controllers/vega-button-group-item-sub-state-controller.d.ts

@@ -6,6 +6,7 @@ export declare class VegaButtonGroupItemSubStateController extends SubStateObser
   protected variant: VegaButtonGroupItem['variant'];
   protected iconAlign: VegaButtonGroupItem['iconAlign'];
   protected parentDisabled: VegaButtonGroupItem['parentDisabled'];
+  protected allItemsDisabled: VegaButtonGroupItem['allItemsDisabled'];
   /**
    * The constructor function initializes a button group with specified subStates in TypeScript.
    */

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

@@ -9,6 +9,7 @@ export declare class VegaButtonGroupItemRenderer extends VegaSlimmer {
   protected iconAlign: VegaButtonGroupItem['iconAlign'];
   protected disabled: VegaButtonGroupItem['disabled'];
   protected parentDisabled: VegaButtonGroupItem['parentDisabled'];
+  protected allItemsDisabled: VegaButtonGroupItem['allItemsDisabled'];
   protected iconOnly: VegaButtonGroupItem['iconOnly'];
   protected variant: VegaButtonGroupItem['variant'];
   protected itemKey: VegaButtonGroupItem['itemKey'];

package/dist/types/components/vega-button-group/vega-button-group-item/vega-button-group-item.d.ts

@@ -17,6 +17,7 @@ export declare class VegaButtonGroupItem {
   size: VegaButtonGroupSize;
   iconAlign: VegaButtonGroupIconAlign;
   parentDisabled: boolean;
+  allItemsDisabled: boolean;
   /**
    * Specifies the icon to be displayed on the button item,
    *    which can be selected from a list of predefined icon tokens

package/dist/types/components/vega-button-group/vega-button-group.d.ts

@@ -5,6 +5,7 @@ import { SubStateNotifySlimmerBase } from '../../helpers/slimmers/sub-state/sub-
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaButtonGroupClickController } from './slimmers/controllers/vega-button-group-click-controller';
+import { VegaButtonGroupAllItemsDisabledController } from './slimmers/controllers/vega-button-group-all-items-disabled-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
  * @vegaVersion 2.5.0
@@ -18,9 +19,13 @@ export declare class VegaButtonGroup {
   protected readonly sizeNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly iconAlignNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly disabledNotifySlimmer: SubStateNotifySlimmerBase;
+  protected readonly allItemsDisabledNotifySlimmer: SubStateNotifySlimmerBase;
+  protected allItemsDisabledController: VegaButtonGroupAllItemsDisabledController;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaButtonGroupElement>;
   private flexContainer;
   host: HTMLVegaButtonGroupElement;
+  allItemsDisabled: boolean;
+  watchAllItemsDisabled(): void;
   /**
    * Specifies the visual style and prominence of the button group.
    *

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

@@ -62,6 +62,20 @@ export declare class VegaCheckbox {
    */
   checked: boolean;
   watchCheckedChange(): void;
+  /**
+   * Specifies whether the checkbox is in an indeterminate state.
+   *
+   * The indeterminate state is a visual-only state typically used to represent
+   *    a checkbox whose value is neither fully checked nor fully unchecked,
+   *    such as a "select all" control where only some children are selected.
+   *
+   * Setting this property does not affect the `checked` or `value` properties.
+   *    User interaction (clicking) will clear the indeterminate state and
+   *    toggle `checked` as usual.
+   *
+   * @vegaVersion 2.83.0
+   */
+  indeterminate: boolean;
   /**
    * Specifies whether the checkbox element is disabled.
    *
@@ -115,7 +129,8 @@ export declare class VegaCheckbox {
   setValue(value: string | boolean): Promise<void>;
   render(): VegaCheckbox;
   /**
-   * The below method is e2e-test covered in
+   * Indeterminate-clearing behavior is unit-tested.
+   * The checked-state side of this method is e2e-test covered in
    * @see{module:vega-checkbox-change}
    */
   private onCheckBoxChange;
@@ -123,6 +138,12 @@ export declare class VegaCheckbox {
   private renderLabelDom;
   private renderRequireDom;
   private initValue;
+  /**
+   * Syncs the indeterminate property to the native input element.
+   * The HTML `indeterminate` attribute can only be set via JavaScript,
+   *    so it must be applied imperatively after each render.
+   */
+  private syncNativeIndeterminate;
   /**
    * indicating whether the component is disabled or not, single checkbox will take the self disabled value and the checkbox in group will take the self disabled and group disabled value
    *

package/dist/types/components/vega-color-picker/vega-color-picker.d.ts

@@ -86,6 +86,19 @@ export declare class VegaColorPicker {
    * @vegaVersion 2.30.0
    */
   isInline: boolean;
+  /**
+   * Specifies the maximum number of color swatches displayed per row.
+   *
+   * When the number of `colors` exceeds `columns`, the remaining swatches
+   *    wrap to additional rows. For example, `columns={5}` with 10 colors
+   *    renders 2 rows of 5 swatches.
+   *
+   * Defaults to `8` to preserve the original single-row layout for the
+   *    default 8-color palette.
+   *
+   * @vegaVersion 2.82.0
+   */
+  columns: number;
   /**
    * An event emitter notifying changes in the value of the color picker,
    *    whether triggered programmatically or through user interaction.
@@ -104,6 +117,7 @@ export declare class VegaColorPicker {
   render(): VegaColorPicker;
   private renderLabelDom;
   private renderColorPickerContainer;
+  private getValidColumns;
   private renderHintMessage;
   private updateValueProp;
   private isDarkColorCheckmark;

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

@@ -0,0 +1,48 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaColorSwatch } from '../../vega-color-swatch';
+/**
+ * Renderer slimmer for vega-color-swatch.
+ */
+export declare class VegaColorSwatchRenderer extends VegaSlimmer {
+  protected host: VegaColorSwatch['host'];
+  protected variant: VegaColorSwatch['variant'];
+  protected label: VegaColorSwatch['label'];
+  protected color: VegaColorSwatch['color'];
+  protected selected: VegaColorSwatch['selected'];
+  protected size: VegaColorSwatch['size'];
+  protected disabled: VegaColorSwatch['disabled'];
+  protected shape: VegaColorSwatch['shape'];
+  protected clickEventEmitter: VegaColorSwatch['clickEventEmitter'];
+  protected translationSlimmer: VegaColorSwatch['translationSlimmer'];
+  /**
+   * Render function for the slimmer. It will be called by the component to render the content.
+   *
+   * @returns {HTMLElement} The rendered content.
+   */
+  render(): HTMLElement;
+  private renderLabel;
+  /**
+   * Get the appropriate aria-label for the swatch based on the provided props.
+   *
+   * @returns {string} The aria-label for the swatch.
+   */
+  private getAriaLabel;
+  /**
+   * Get the fill color styles for the swatch.
+   *
+   * @returns {Record<string, string>} The styles for the swatch fill.
+   */
+  private getFillColorStyles;
+  /**
+   * Handler for click event on the swatch. It will emit the click event to the parent component if the swatch is not disabled.
+   *
+   * @param {MouseEvent} e The click event.
+   */
+  private handleClick;
+  /**
+   * The check mark color will automatically adjust to maintain contrast against the swatch color. If no color is provided, it defaults to 'text-primary'.
+   *
+   * @returns {TextColorsTokenType} The appropriate check mark color.
+   */
+  private getCheckMarkColor;
+}

package/dist/types/components/vega-color-swatch/types.d.ts

@@ -0,0 +1,5 @@
+export type VegaColorSwatchSize = 'extra-small' | 'small' | 'medium';
+
+export type VegaColorSwatchVariant = 'swatch' | 'clear';
+
+export type VegaColorSwatchShape = 'basket' | 'block';

package/dist/types/components/vega-color-swatch/vega-color-swatch.d.ts

@@ -0,0 +1,86 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
+import { VegaColorSwatchRenderer } from './slimmers/renderers/vega-color-swatch-renderer';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
+import { VegaColorSwatchShape, VegaColorSwatchSize, VegaColorSwatchVariant } from './types';
+import { TranslationSlimmer } from '../../helpers/slimmers/translation';
+/**
+ * A color input that allows users to select a color from a predefined list.
+ * It can be used with multiple swatches to create a color grid,
+ * or paired with an input field to support custom color values.
+ *
+ * @vegaVersion 2.82.0
+ */
+export declare class VegaColorSwatch {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaColorSwatchElement>;
+  protected translationSlimmer: TranslationSlimmer<HTMLVegaColorSwatchElement>;
+  protected vegaColorSwatchRenderer: VegaColorSwatchRenderer;
+  protected clickEventEmitter: EventEmitSlimmerBase;
+  host: HTMLVegaColorSwatchElement;
+  /**
+   * Specifies the CSS color value for the swatch (e.g. '#841AC1', 'rgb(15, 137, 82)', 'rgba(15, 137, 82, 0.5)').
+   * Applies only when `variant` is set to 'swatch'.
+   *
+   * @vegaVersion 2.82.0
+   */
+  color: string;
+  /**
+   * Indicates whether the swatch is currently selected. When selected, a check mark is shown, and its color automatically adjusts to maintain contrast against the swatch color.
+   *
+   * @vegaVersion 2.82.0
+   */
+  selected: boolean;
+  /**
+   * Specifies the label or title for the swatch.
+   *    It provides descriptive text that helps identify the purpose or content expected in the swatch.
+   
+   *
+   * @vegaVersion 2.82.0
+   */
+  label: string;
+  /**
+   * Specifies the size of the swatch.
+   *
+   * @vegaVersion 2.82.0
+   */
+  size: VegaColorSwatchSize;
+  /**
+   * Specifies whether the swatch is disabled.
+   *
+   * @vegaVersion 2.82.0
+   */
+  disabled: boolean;
+  /**
+   * Specifies the visual style and prominence of the swatch.
+   *    It determines how the swatch will be presented to the user.
+   * - 'swatch': Displays the color fill.
+   * - 'clear': Displays a diagonal line to indicate no color (clear selection).
+   *
+   * @vegaVersion 2.82.0
+   */
+  variant: VegaColorSwatchVariant;
+  /**
+   * Controls the outer shape of the swatch.
+   * - 'basket': Rounded corners for spaced layouts.
+   * - 'block': Square corners for dense or flush layouts.
+   *
+   * @vegaVersion 2.82.0
+   */
+  shape: VegaColorSwatchShape;
+  /**
+   * An event emitter notifying the click event of the swatch.
+   *
+   * @vegaVersion 2.82.0
+   */
+  vegaClick: EventEmitter<void>;
+  /**
+   * An event emitter notifying the click event of the swatch.
+   *
+   * @vegaVersion 2.82.0
+   * @eventSemantics namespace:native
+   */
+  click: EventEmitter<void>;
+  render(): VegaColorSwatch;
+}

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

@@ -10,5 +10,6 @@ export declare class VegaDropdownItemStateController extends SubStateObserverSli
   selected: VegaDropdownItem['selected'];
   prefixIconSlot: VegaDropdownItem['prefixIconSlot'];
   itemDisplayRule: VegaDropdownItem['itemDisplayRule'];
+  itemTooltipProps: VegaDropdownItem['itemTooltipProps'];
   constructor();
 }

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

@@ -11,6 +11,7 @@ export declare class VegaDropdownItemRenderer extends VegaSlimmer {
   selectType: VegaDropdownItem['selectType'];
   height: VegaDropdownItem['height'];
   itemDisplayRule: VegaDropdownItem['itemDisplayRule'];
+  itemTooltipProps: VegaDropdownItem['itemTooltipProps'];
   danger: VegaDropdownItem['danger'];
   vegaDropdownItemClickController: VegaDropdownItem['vegaDropdownItemClickController'];
   private tooltipRef;

package/dist/types/components/vega-dropdown/vega-dropdown-item/vega-dropdown-item.d.ts

@@ -36,6 +36,10 @@ export declare class VegaDropdownItem {
    * Specifies the dropdown item's rule of display.
    */
   itemDisplayRule: 'ellipsis' | 'newline';
+  /**
+   * Tooltip configuration for the dropdown item.
+   */
+  itemTooltipProps: Partial<Pick<HTMLVegaTooltipElement, 'placement' | 'maxWidth' | 'minWidth'>>;
   /**
    * Specifies the label for the dropdown item.
    *

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

@@ -53,6 +53,7 @@ export declare class VegaDropdown {
   protected readonly selectTypeNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly selectedSourceKeyNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly prefixIconSlotNotifySlimmer: SubStateNotifySlimmerBase;
+  protected readonly itemTooltipPropsNotifySlimmer: SubStateNotifySlimmerBase;
   protected itemClickObserver: ChildNodesNotifyObserverSlimmer<VegaDropdownItemClickEvent>;
   protected showEventEmitter: EventEmitSlimmerBase;
   protected hideEventEmitter: EventEmitSlimmerBase;
@@ -192,6 +193,15 @@ export declare class VegaDropdown {
    */
   itemDisplayRule: 'ellipsis' | 'newline';
   watchItemDisplayRule(): void;
+  /**
+   * Provides tooltip configuration options for dropdown items.
+   *
+   * Useful for controlling tooltip width for long item labels.
+   *
+   * @vegaVersion 2.82.0
+   */
+  itemTooltipProps: Partial<Pick<HTMLVegaTooltipElement, 'placement' | 'maxWidth' | 'minWidth'>>;
+  watchItemTooltipProps(): void;
   /**
    * Determines if the dropdown height should be automatically adjusted
    *    to fit its container height.

package/dist/types/components/vega-file-uploader/vega-file-uploader.d.ts

@@ -10,7 +10,7 @@ import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event
 import { VegaFileUploaderValueController } from './slimmers/controllers/vega-file-uploader-value-controller';
 import { FormFieldValidationRule } from '../../helpers/validator/rules/form-field-validation-rule';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
-import { VegaFileUploaderDropFileFilterController } from './slimmers/controllers/vega-file-uploader-drop-file-filter-controller';
+import { DropFileAcceptFilterSlimmer } from '../../helpers/slimmers/drop-file-accept-filter-slimmer';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { VegaFileUploaderFileLimitController } from './slimmers/controllers/vega-file-uploader-file-limit-controller';
 /**
@@ -26,7 +26,7 @@ export declare class VegaFileUploader {
   protected vegaFileUploaderFileListRenderer: VegaFileUploaderFileListRenderer;
   protected vegaFileUploaderFileStatusRenderer: VegaFileUploaderFileStatusRenderer;
   protected vegaFileUploaderValueController: VegaFileUploaderValueController;
-  protected dropFileFilterController: VegaFileUploaderDropFileFilterController;
+  protected dropFileFilterController: DropFileAcceptFilterSlimmer;
   protected fileLimitController: VegaFileUploaderFileLimitController;
   protected changeEventEmitter: EventEmitSlimmerBase;
   protected selectFileChangeEventEmitter: EventEmitSlimmerBase;

package/dist/types/components/vega-image-uploader/slimmers/renderers/vega-image-uploader-default-content-renderer.d.ts

@@ -3,6 +3,9 @@ import { VegaImageUploader } from '../../vega-image-uploader';
 /** The VegaImageUploaderDefaultContentRenderer class is a TypeScript React component that renders a button-like element for uploading images. */
 export declare class VegaImageUploaderDefaultContentRenderer extends VegaSlimmer {
   inputController: VegaImageUploader['vegaImageUploaderInputController'];
+  valueController: VegaImageUploader['vegaImageUploaderValueController'];
+  disabled: VegaImageUploader['disabled'];
+  dropFileFilterController: VegaImageUploader['dropFileFilterController'];
   actionTitle: VegaImageUploader['actionTitle'];
   actionSubTitle: VegaImageUploader['actionSubTitle'];
   translationSlimmer: VegaImageUploader['translationSlimmer'];
@@ -14,4 +17,26 @@ export declare class VegaImageUploaderDefaultContentRenderer extends VegaSlimmer
   render(): HTMLDivElement;
   private renderSubtitle;
   private handleUploaderClick;
+  /**
+   * An event handler that is triggered when files are dropped onto the image uploader drop area.
+   *
+   * preventDefault() is always called (even when `disabled`) to stop the browser's default
+   * behavior of navigating to the dropped file URL — some browsers (e.g., Firefox) will navigate
+   * away from the page if a file drop is not preventDefault'd by some handler in the propagation
+   * path. stopPropagation() is called because the drop has been consumed by this component and
+   * parent containers should not re-process the same files (e.g., a page-level drop handler
+   * shouldn't also try to upload them). Parent containers can still observe dragenter/dragover
+   * to manage drag overlays and dismiss them via the dragleave/dragend events.
+   *
+   * @param {DragEvent} e drag event object
+   */
+  private dropHandler;
+  /**
+   * Used to prevent the default browser behavior on dragenter/dragover so the element is registered
+   * as a valid drop target. stopPropagation() is intentionally omitted here so parent containers
+   * can still react to drag events (e.g., page-level drag overlays).
+   *
+   * @param {DragEvent} e drag event object
+   */
+  private handleDragEvent;
 }

package/dist/types/components/vega-image-uploader/slimmers/renderers/vega-image-uploader-preview-content-renderer.d.ts

@@ -10,4 +10,14 @@ export declare class VegaImageUploaderPreviewContentRenderer extends VegaSlimmer
    * @returns {HTMLDivElement} an HTMLDivElement includes an image and action buttons
    */
   render(imagePreviewURL: string): HTMLDivElement;
+  /**
+   * Prevents the browser's default behavior on drag/drop events over the image preview.
+   * Without this, dropping a file onto the already-populated preview would cause the browser
+   * to navigate to (and open) the dropped file. The component does not support replacing the
+   * image via drag-and-drop while a preview is shown, so we simply no-op here, matching the
+   * disabled-state behavior.
+   *
+   * @param {DragEvent} e drag event object
+   */
+  private preventDefaultDragEvent;
 }

package/dist/types/components/vega-image-uploader/vega-image-uploader.d.ts

@@ -12,6 +12,7 @@ import { VegaImageUploaderPreviewContentRenderer } from './slimmers/renderers/ve
 import { VegaImageUploaderUploadingContentRenderer } from './slimmers/renderers/vega-image-uploader-uploading-content-renderer';
 import { VegaImageUploaderDefaultContentRenderer } from './slimmers/renderers/vega-image-uploader-default-content-renderer';
 import { VegaImageUploaderRemoveController } from './slimmers/controllers/vega-image-uploader-remove-controller';
+import { DropFileAcceptFilterSlimmer } from '../../helpers/slimmers/drop-file-accept-filter-slimmer';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { VegaImageUploaderActionsVisibilityController } from './slimmers/controllers/vega-image-uploader-actions-visibility-controller';
 import { Nullable } from '../../types/general';
@@ -37,6 +38,7 @@ export declare class VegaImageUploader {
   protected vegaImageUploaderValueController: VegaImageUploaderValueController;
   protected vegaImageUploaderPreviewController: VegaImageUploaderPreviewController;
   protected vegaImageUploaderRemoveController: VegaImageUploaderRemoveController;
+  protected dropFileFilterController: DropFileAcceptFilterSlimmer;
   protected actionsVisibilityController: VegaImageUploaderActionsVisibilityController;
   protected readonly darkModeStateControllerSlimmer: DarkModeStateControllerSlimmer;
   protected formFieldController: FormFieldControllerSlimmer<VegaFile>;

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

@@ -19,6 +19,8 @@ export declare class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   private translationSlimmer;
   private disabled;
   private selectedItem;
+  private selectedLabelTooltipProps;
+  private dropdownItemTooltipProps;
   watchVegaDropdownProps(): void;
   show(): Promise<void>;
   hide(): Promise<void>;
@@ -35,5 +37,6 @@ export declare class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   private renderSingleSelected;
   private preventBlur;
   private getVegaDropdownProperties;
+  private getSelectedLabelTooltipProps;
   private getDropdownSource;
 }

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

@@ -53,6 +53,20 @@ export type VegaDropdownPropsForSelect = Partial<
 	>
 >;
 
+/**
+ * Tooltip configuration for selected label text in input select.
+ */
+export type VegaInputSelectTooltipProps = Partial<
+	Pick<HTMLVegaTooltipElement, 'placement' | 'maxWidth' | 'minWidth'>
+>;
+
+/**
+ * Tooltip configuration for dropdown items in input select.
+ */
+export type VegaInputSelectDropdownTooltipProps = Partial<
+	Pick<HTMLVegaTooltipElement, 'placement' | 'maxWidth' | 'minWidth'>
+>;
+
 /**
  * Size options for the input select component.
  */

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

@@ -2,7 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { BreakpointsTokenType } from '../../types/design-token.type';
 import { ResponsiveType } from '../../types/ui.type';
 import { FormFieldValidationRule } from '../../helpers/validator/rules/form-field-validation-rule';
-import { SelectedLabelType, SelectedLabelTypeForAllModes, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectSize, VegaInputSelectSourceLazyLoadCallback } from './types';
+import { SelectedLabelType, SelectedLabelTypeForAllModes, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectSize, VegaInputSelectSourceLazyLoadCallback, VegaInputSelectTooltipProps, VegaInputSelectDropdownTooltipProps } from './types';
 import { VegaInputSelectRenderer } from './slimmers/renderers/vega-input-select-renderer';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { VegaInputSelectDropdownController } from './slimmers/controllers/vega-input-select-dropdown-controller';
@@ -179,6 +179,24 @@ export declare class VegaInputSelect {
    */
   vegaDropdownProps: VegaDropdownPropsForSelect;
   watchVegaDropdownProps(): void;
+  /**
+   * Provides tooltip configuration for the selected label text.
+   *
+   * Use this to control tooltip placement, width, and other display properties.
+   *
+   * @vegaVersion 2.82.0
+   */
+  selectedLabelTooltipProps: VegaInputSelectTooltipProps;
+  watchSelectedLabelTooltipProps(): void;
+  /**
+   * Provides tooltip configuration for dropdown items.
+   *
+   * Use this to control tooltip placement and width for long item labels.
+   *
+   * @vegaVersion 2.82.0
+   */
+  dropdownItemTooltipProps: VegaInputSelectDropdownTooltipProps;
+  watchDropdownItemTooltipProps(): void;
   /**
    * Defines the size of the input select field.
    *

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

@@ -4,6 +4,7 @@ import { VegaModal } from '../../vega-modal';
  * Modal backdrop controller
  */
 export declare class VegaModalBackdropController extends VegaSlimmer {
+  private static readonly modalBackdropClass;
   private static readonly backdropColorMap;
   host: VegaModal['host'];
   backdrop: VegaModal['backdrop'];

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

@@ -14,7 +14,6 @@ export declare class VegaModalOpenStateController extends VegaSlimmer {
   handleClose: VegaModal['handleClose'];
   closeEventEmitter: VegaModal['closeEventEmitter'];
   openEventEmitter: VegaModal['openEventEmitter'];
-  layoutController: VegaModal['layoutController'];
   backdropController: VegaModal['backdropController'];
   openedModalStackController: VegaModal['openedModalStackController'];
   zIndexController: VegaModal['zIndexController'];

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

@@ -1,14 +1,15 @@
-import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaModal } from '../../vega-modal';
+import { MutationObserverSlimmer } from '../../../../helpers/slimmers/mutation-observer/mutation-observer-slimmer';
 /**
  * Nested modal controller
  */
-export declare class VegaNestedModalController extends VegaSlimmer {
+export declare class VegaNestedModalController extends MutationObserverSlimmer {
   host: VegaModal['host'];
   /**
    * Component lifecycle - [connectedCallback]
    */
   connectedCallback(): void;
+  constructor();
   /**
    * The function appends all nested 'vega-modal' elements found within the host element to the document
    * body.

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

@@ -10,6 +10,8 @@ export declare class VegaModalRenderer extends VegaSlimmer {
   openState: VegaModal['openState'];
   padding: VegaModal['padding'];
   margin: VegaModal['margin'];
+  size: VegaModal['size'];
+  height: VegaModal['height'];
   showCloseButton: VegaModal['showCloseButton'];
   modalTitle: VegaModal['modalTitle'];
   contentMaxHeight: VegaModal['contentMaxHeight'];
@@ -20,10 +22,8 @@ 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;
@@ -35,4 +35,5 @@ export declare class VegaModalRenderer extends VegaSlimmer {
   private hasModalFooter;
   private isContentScrollable;
   private hasModalTitle;
+  private useModalSlotTitle;
 }

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

@@ -10,7 +10,6 @@ import { DeprecatedPropertySlimmerBase } from '../../helpers/slimmers/deprecated
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaNestedModalController } from './slimmers/controllers/vega-nested-modal-controller';
 import { VegaModalRenderer } from './slimmers/renderers/vega-modal-renderer';
-import { VegaModalLayoutController } from './slimmers/controllers/vega-modal-layout-controller';
 import { VegaModalMobileController } from './slimmers/controllers/vega-modal-mobile-controller';
 import { VegaModalScrollController } from './slimmers/controllers/vega-modal-scroll-controller';
 import { VegaModalOpenStateController } from './slimmers/controllers/vega-modal-open-state-controller';
@@ -27,7 +26,6 @@ export declare class VegaModal {
   protected readonly openStateController: VegaModalOpenStateController;
   protected readonly mobileController: VegaModalMobileController;
   protected readonly scrollController: VegaModalScrollController;
-  protected readonly layoutController: VegaModalLayoutController;
   protected readonly backdropController: VegaModalBackdropController;
   protected readonly openedModalStackController: VegaModalOpenedModalStackController;
   protected readonly zIndexController: VegaModalZIndexController;

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

@@ -1,3 +1,9 @@
+/**
+ * The object form of a page-size option, allowing a custom display label (e.g. "All").
+ * Use `value: -1` to represent "show all items on a single page".
+ */
+export type VegaPaginationPageSizeLabeledOption = { value: number; label: string };
+
 /**
  * Represents a single page-size option.
  *
@@ -5,7 +11,7 @@
  * - 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 };
+export type VegaPaginationPageSizeOption = number | VegaPaginationPageSizeLabeledOption;
 
 /**
  * Identifies the various UI pieces that can appear in the pagination

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

@@ -6,6 +6,7 @@ import { VegaProgressTracker } from '../../vega-progress-tracker';
 export declare class VegaProgressTrackerCurrentStepController extends VegaSlimmer {
   currentSteps: VegaProgressTracker['currentSteps'];
   current: VegaProgressTracker['current'];
+  allowNoCurrentStep: VegaProgressTracker['allowNoCurrentStep'];
   currentStepUpdateEventEmitter: VegaProgressTracker['currentStepUpdateEventEmitter'];
   renderer: VegaProgressTracker['renderer'];
   host: VegaProgressTracker['host'];