@heartlandone/vega 2.80.0 → 2.82.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-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-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-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-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-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/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;