@heartlandone/vega 2.80.0 → 2.82.0

package/dist/types/components.d.ts

@@ -24,6 +24,7 @@ import { CalendarEvent } from "./helpers/calendar/calendar-event";
 import { FormFieldValidationRule } from "./helpers/validator/rules/form-field-validation-rule";
 import { VegaChipIconAlign, VegaChipSize, VegaChipType, VegaChipVariant } from "./components/vega-chip/types";
 import { VegaCodeBlockValue } from "./components/vega-code-block/types";
+import { VegaColorSwatchShape, VegaColorSwatchSize, VegaColorSwatchVariant } from "./components/vega-color-swatch/types";
 import { VegaComboBoxSize, VegaDropdownPropsForComboBox } from "./components/vega-combo-box/types";
 import { DatePickerCalendarIndicator, DatePickerCalendarRepickType, DatePickerCalendarSizeType, DatePickerModeType, DatePickerMonthYearTypes, DatePickerValueType, DropdownConfigForDatePicker, VegaDropdownPropsForDatePickerCalendar } from "./components/vega-date-picker/types";
 import { VegaDialogAction, VegaDialogActionButtonProps } from "./components/vega-dialog/types";
@@ -35,18 +36,18 @@ import { VegaCountryCode } from "./types/flag.type";
 import { VegaFontAs } from "./components/vega-font/types";
 import { FormControlOption, FormValidateResult, VegaFormFieldValidationState } from "./components/vega-form/types";
 import { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from "./components/vega-image-uploader/types";
-import { DataTransferType, InputAutocompleteTypes, InputType, InputValueUpdateTriggeredBy, MaskConfigType, VegaInputSuggestionsDropdownConfig } from "./components/vega-input/types";
+import { DataTransferType, InputAutocompleteTypes, InputEnterKeyHintTypes, InputType, InputValueUpdateTriggeredBy, MaskConfigType, VegaInputSuggestionsDropdownConfig } from "./components/vega-input/types";
 import { FormFieldValidationRule as FormFieldValidationRule1 } from "./types/components.type";
 import { VegaCountryType } from "./components/vega-input-phone-number/types";
 import { InputRangeStackType, InputRangeValueType } from "./components/vega-input-range/types";
-import { SelectedLabelType, SelectedLabelTypeForAllModes, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectSize, VegaInputSelectSourceLazyLoadCallback } from "./components/vega-input-select/types";
+import { SelectedLabelType, SelectedLabelTypeForAllModes, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectDropdownTooltipProps, VegaInputSelectSize, VegaInputSelectSourceLazyLoadCallback, VegaInputSelectTooltipProps } from "./components/vega-input-select/types";
 import { ItemToggleStatusMap } from "./components/vega-item-toggle/types";
 import { autoCollapseGroupsType, LeftNavCounterBadgeConfig, LeftNavHeaderConfig, LeftNavSectionHeaderConfig, LeftNavSourceItem } from "./components/vega-nav/interface";
 import { LineChartOptionsType } from "./helpers/chart/line-chart";
 import { VegaLoadingIndicatorSize } from "./components/vega-loading-indicator/types";
 import { VegaModalBackdrop, VegaModalBackdropColor } from "./components/vega-modal/types";
 import { VegaPageNotificationActionButtonConfig, VegaPageNotificationTypes } from "./components/vega-page-notification/types";
-import { DropdownPropsForPagination, VegaPaginationItemType, VegaPaginationLayoutType } from "./components/vega-pagination/types";
+import { DropdownPropsForPagination, VegaPaginationItemType, VegaPaginationLayoutType, VegaPaginationPageSizeOption } from "./components/vega-pagination/types";
 import { PieChartOptions } from "./helpers/chart/pie-chart";
 import { VegaProgressTrackerDirectionType, VegaProgressTrackerStepItem } from "./components/vega-progress-tracker/type";
 import { VegaRTEContent } from "./components/vega-rich-text-editor/dto/content-state";
@@ -55,6 +56,7 @@ import { RTETablePropertiesType, TableCellStylePropertiesMap, VegaRichTextEditor
 import { VegaRichTextImageEditorChangeDetail, VegaRichTextImageEditorSizeType } from "./components/vega-rich-text-editor/vega-rich-text-image-editor/types";
 import { VegaRichTextLinkEditorChangeDetail, VegaRichTextLinkEditorStatus, VegaRTELinkEditorRecord } from "./components/vega-rich-text-editor/vega-rich-text-link-editor/types";
 import { RTETableCellBlock } from "./components/vega-rich-text-editor/extensions/table/dto/table-cell-block";
+import { VegaSectionTitleSizeType } from "./components/vega-section-title/types";
 import { VegaSegmentControlVariant, VegaSegmentProps } from "./components/vega-segment-control/types";
 import { VegaSelectionChipSize, VegaSelectionChipTooltipProps, VegaSelectionChipVariant } from "./components/vega-selection-chip/interface";
 import { VegaSelectionChipGroupSelectType } from "./components/vega-selection-chip/vega-selection-chip-group/interface";
@@ -452,6 +454,11 @@ export namespace Components {
           * @vegaVersion 1.41.0
          */
         "items": VegaBreadcrumbItemType[];
+        /**
+          * 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;
         /**
           * Determines the maximum number of visible items in the `vega-breadcrumb` component,    primarily in desktop mode.  When the number of items exceeds this limit, the component automatically    collapses the center items, rendering only the first and last items visible.  If you set this value to `none`, all items will remain expanded.  The minimum allowed value for this property is 4.
           * @vegaVersion 1.41.0
@@ -931,6 +938,11 @@ export namespace Components {
           * @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;
         /**
           * Controls the visibility of a close button within the chip.
           * @vegaVersion 1.11.0
@@ -1005,6 +1017,11 @@ export namespace Components {
           * @vegaVersion 1.13.0
          */
         "colors": string[];
+        /**
+          * 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;
         /**
           * Specifies whether the color picker element is disabled.
           * @vegaVersion 1.13.0
@@ -1046,6 +1063,43 @@ export namespace Components {
          */
         "value": string;
     }
+    interface VegaColorSwatch {
+        /**
+          * 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;
+        /**
+          * Specifies whether the swatch is disabled.
+          * @vegaVersion 2.82.0
+         */
+        "disabled": 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;
+        /**
+          * 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;
+        /**
+          * 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;
+        /**
+          * Specifies the size of the swatch.
+          * @vegaVersion 2.82.0
+         */
+        "size": VegaColorSwatchSize;
+        /**
+          * 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;
+    }
     interface VegaComboBox {
         /**
           * Determines whether automatic validation should be implemented    when a value is edited in the combo box.
@@ -1277,6 +1331,11 @@ export namespace Components {
           * @vegaVersion 2.77.0
          */
         "dateIndicator": DatePickerCalendarIndicator;
+        /**
+          * 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;
         /**
           * Specifies the desired date format.
           * @vegaVersion 2.72.0
@@ -1462,6 +1521,11 @@ export namespace Components {
           * @vegaVersion 1.13.0
          */
         "itemDisplayRule": 'ellipsis' | 'newline';
+        /**
+          * 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'>>;
         /**
           * Determines if the dropdown height should be automatically adjusted    to fit its container height.  If set to `true`, the dropdown will always be positioned at    the bottom of the available space.
           * @vegaVersion 1.3.0
@@ -2080,6 +2144,11 @@ export namespace Components {
           * @vegaVersion 1.0.5
          */
         "email": boolean;
+        /**
+          * 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;
         /**
           * Programmatically closes the suggestions dropdown.  Use this method when you need to dismiss the dropdown in response to an external event (e.g., pressing Escape, clicking outside, or completing a selection workflow).
           * @returns A promise that resolves once the dropdown is hidden.
@@ -2657,6 +2726,11 @@ export namespace Components {
           * @vegaVersion 1.0.7
          */
         "doOpen": () => Promise<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;
         /**
           * Provides a supplementary prompt message that assists users in    understanding the expected value for the input select field.
           * @vegaVersion 1.3.0
@@ -2702,6 +2776,11 @@ export namespace Components {
           * @vegaVersion 1.35.0
          */
         "selectedLabel": SelectedLabelType | SelectedLabelTypeForAllModes;
+        /**
+          * 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;
         /**
           * Defines the size of the input select field.
           * @vegaVersion 1.18.0
@@ -2946,6 +3025,11 @@ export namespace Components {
           * @vegaVersion 1.22.0
          */
         "handleClose": (() => boolean) | undefined;
+        /**
+          * 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>;
         /**
           * Determines whether the modal is vertically centered    on the screen.
           * @deprecated This property will be removed soon and replaced by prop isVerticallyCentered
@@ -2957,6 +3041,11 @@ export namespace Components {
           * @vegaVersion 2.2.0
          */
         "isVerticallyCentered": boolean;
+        /**
+          * 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>;
         /**
           * Invoke this method to show or hide the modal.
           * @vegaVersion 1.0.6
@@ -3068,10 +3157,10 @@ export namespace Components {
          */
         "pageSize": number;
         /**
-          * Specifies the options available for the page size selector    in the pagination component.
+          * Specifies the options available for the page size selector    in the pagination component.  Each option can be a number or an object with `value` and `label`. Use `{ value: -1, label: 'All' }` to show all items on a single page.
           * @vegaVersion 1.25.0
          */
-        "pageSizeSelectorOptions": number[];
+        "pageSizeSelectorOptions": VegaPaginationPageSizeOption[];
         /**
           * Specifies the total number of data items for the pagination component.
           * @vegaVersion 1.3.0
@@ -3111,6 +3200,10 @@ export namespace Components {
           * @vegaVersion 2.42.0
          */
         "dropdownProps": DropdownPropsForPagination;
+        /**
+          * @vegaVersion 2.81.0
+         */
+        "isAllActive": boolean;
         /**
           * Specifies the number of data items to be displayed per page
           * @vegaVersion 2.42.0
@@ -3120,7 +3213,7 @@ export namespace Components {
           * Specifies the options available for the page size selector
           * @vegaVersion 2.42.0
          */
-        "pageSizeSelectorOptions": number[];
+        "pageSizeSelectorOptions": VegaPaginationPageSizeOption[];
         /**
           * Specifies the total number of data items
           * @vegaVersion 2.42.0
@@ -3212,6 +3305,11 @@ export namespace Components {
         "showArrow": boolean;
     }
     interface VegaProgressTracker {
+        /**
+          * When enabled, allows `current` to be set to `-1` to indicate    no highlighted/current step (e.g. all steps are pending or    the workflow has not started).  Defaults to `false` to preserve backward-compatible behavior:    `current` is clamped to `[0, steps.length - 1]`.  When enabled, `current = -1` is a valid state. The `prevStep()`    method still clamps at `0` — reaching `-1` is only possible    by explicitly setting `current = -1` via the prop or    `setCurrent(-1)`.
+          * @vegaVersion 2.82.0
+         */
+        "allowNoCurrentStep": boolean;
         /**
           * Enables the ability to click on the steps in    the Progress Tracker component.
           * @vegaVersion 1.5.0
@@ -3570,6 +3668,16 @@ export namespace Components {
           * @vegaVersion 2.1.0
          */
         "iconAlign": IconAlignType;
+        /**
+          * Specifies the color of the icon displayed    within the section title.
+          * @vegaVersion 2.81.0
+         */
+        "iconColor": TextColorsTokenType;
+        /**
+          * Specifies the size of the section title.
+          * @vegaVersion 2.81.0
+         */
+        "size": VegaSectionTitleSizeType;
         /**
           * Specifies the text content of the title displayed    within the section title.
           * @vegaVersion 2.1.0
@@ -4630,7 +4738,7 @@ export namespace Components {
          */
         "size": ResponsiveType<SizeType>;
         /**
-          * Specifies the text that is displayed    inside the tooltip.
+          * Specifies the text that is displayed    inside the tooltip.  Line breaks (`\n`) are supported and rendered as new lines. Consecutive regular spaces are collapsed; to preserve indentation (e.g. hanging indent for bullet lists) use the non-breaking space character `\u00A0`.
           * @vegaVersion 2.0.0
          */
         "text": string;
@@ -4642,7 +4750,7 @@ export namespace Components {
     }
     interface VegaTooltipContentBox {
         /**
-          * Specifies the text that is displayed inside the tooltip.
+          * Specifies the text that is displayed inside the tooltip.  Line breaks (`\n`) are supported and rendered as new lines. Consecutive regular spaces are collapsed; to preserve indentation (e.g. hanging indent for bullet lists) use the non-breaking space character `\u00A0`.
           * @vegaVersion 2.0.0
          */
         "text": string;
@@ -4754,6 +4862,10 @@ export interface VegaColorPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaColorPickerElement;
 }
+export interface VegaColorSwatchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaColorSwatchElement;
+}
 export interface VegaComboBoxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaComboBoxElement;
@@ -5105,6 +5217,12 @@ declare global {
         prototype: HTMLVegaColorPickerElement;
         new (): HTMLVegaColorPickerElement;
     };
+    interface HTMLVegaColorSwatchElement extends Components.VegaColorSwatch, HTMLStencilElement {
+    }
+    var HTMLVegaColorSwatchElement: {
+        prototype: HTMLVegaColorSwatchElement;
+        new (): HTMLVegaColorSwatchElement;
+    };
     interface HTMLVegaComboBoxElement extends Components.VegaComboBox, HTMLStencilElement {
     }
     var HTMLVegaComboBoxElement: {
@@ -5683,6 +5801,7 @@ declare global {
         "vega-chip": HTMLVegaChipElement;
         "vega-code-block": HTMLVegaCodeBlockElement;
         "vega-color-picker": HTMLVegaColorPickerElement;
+        "vega-color-swatch": HTMLVegaColorSwatchElement;
         "vega-combo-box": HTMLVegaComboBoxElement;
         "vega-counter-badge": HTMLVegaCounterBadgeElement;
         "vega-date-picker": HTMLVegaDatePickerElement;
@@ -6229,6 +6348,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.41.0
          */
         "items"?: VegaBreadcrumbItemType[];
+        /**
+          * 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;
         /**
           * Determines the maximum number of visible items in the `vega-breadcrumb` component,    primarily in desktop mode.  When the number of items exceeds this limit, the component automatically    collapses the center items, rendering only the first and last items visible.  If you set this value to `none`, all items will remain expanded.  The minimum allowed value for this property is 4.
           * @vegaVersion 1.41.0
@@ -6829,6 +6953,11 @@ declare namespace LocalJSX {
           * @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 chip.
           * @eventSemantics namespace:native
@@ -6942,6 +7071,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.13.0
          */
         "colors"?: string[];
+        /**
+          * 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;
         /**
           * Specifies whether the color picker element is disabled.
           * @vegaVersion 1.13.0
@@ -6994,6 +7128,54 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface VegaColorSwatch {
+        /**
+          * 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;
+        /**
+          * Specifies whether the swatch is disabled.
+          * @vegaVersion 2.82.0
+         */
+        "disabled"?: 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;
+        /**
+          * An event emitter notifying the click event of the swatch.
+          * @vegaVersion 2.82.0
+          * @eventSemantics namespace:native
+         */
+        "onClick"?: (event: VegaColorSwatchCustomEvent<void>) => void;
+        /**
+          * An event emitter notifying the click event of the swatch.
+          * @vegaVersion 2.82.0
+         */
+        "onVegaClick"?: (event: VegaColorSwatchCustomEvent<void>) => void;
+        /**
+          * 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;
+        /**
+          * 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;
+        /**
+          * Specifies the size of the swatch.
+          * @vegaVersion 2.82.0
+         */
+        "size"?: VegaColorSwatchSize;
+        /**
+          * 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;
+    }
     interface VegaComboBox {
         /**
           * Determines whether automatic validation should be implemented    when a value is edited in the combo box.
@@ -7258,6 +7440,11 @@ declare namespace LocalJSX {
           * @vegaVersion 2.77.0
          */
         "dateIndicator"?: DatePickerCalendarIndicator;
+        /**
+          * 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;
         /**
           * Specifies the desired date format.
           * @vegaVersion 2.72.0
@@ -7451,6 +7638,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.13.0
          */
         "itemDisplayRule"?: 'ellipsis' | 'newline';
+        /**
+          * 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'>>;
         /**
           * Determines if the dropdown height should be automatically adjusted    to fit its container height.  If set to `true`, the dropdown will always be positioned at    the bottom of the available space.
           * @vegaVersion 1.3.0
@@ -8227,6 +8419,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.0.5
          */
         "email"?: boolean;
+        /**
+          * 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;
         /**
           * Displays a helper text message below the input field.  Use this to provide additional guidance about the expected input, such as format requirements (e.g., `'Must be at least 8 characters'`) or contextual tips. The hint is rendered via the `<vega-hint>` sub-component and is replaced by an error message when validation fails.
           * @default ''
@@ -8976,6 +9173,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.3.0
          */
         "disabled"?: boolean;
+        /**
+          * Provides tooltip configuration for dropdown items.  Use this to control tooltip placement and width for long item labels.
+          * @vegaVersion 2.82.0
+         */
+        "dropdownItemTooltipProps"?: VegaInputSelectDropdownTooltipProps;
         /**
           * Provides a supplementary prompt message that assists users in    understanding the expected value for the input select field.
           * @vegaVersion 1.3.0
@@ -9075,6 +9277,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.35.0
          */
         "selectedLabel"?: SelectedLabelType | SelectedLabelTypeForAllModes;
+        /**
+          * 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;
         /**
           * Defines the size of the input select field.
           * @vegaVersion 1.18.0
@@ -9364,6 +9571,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.22.0
          */
         "handleClose"?: (() => boolean) | undefined;
+        /**
+          * 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>;
         /**
           * Determines whether the modal is vertically centered    on the screen.
           * @deprecated This property will be removed soon and replaced by prop isVerticallyCentered
@@ -9375,6 +9587,11 @@ declare namespace LocalJSX {
           * @vegaVersion 2.2.0
          */
         "isVerticallyCentered"?: boolean;
+        /**
+          * 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>;
         /**
           * Represents the title displayed within the modal.
           * @vegaVersion 1.3.0
@@ -9520,10 +9737,10 @@ declare namespace LocalJSX {
          */
         "pageSize"?: number;
         /**
-          * Specifies the options available for the page size selector    in the pagination component.
+          * Specifies the options available for the page size selector    in the pagination component.  Each option can be a number or an object with `value` and `label`. Use `{ value: -1, label: 'All' }` to show all items on a single page.
           * @vegaVersion 1.25.0
          */
-        "pageSizeSelectorOptions"?: number[];
+        "pageSizeSelectorOptions"?: VegaPaginationPageSizeOption[];
         /**
           * Specifies the total number of data items for the pagination component.
           * @vegaVersion 1.3.0
@@ -9572,7 +9789,7 @@ declare namespace LocalJSX {
           * Specifies the options available for the page size selector
           * @vegaVersion 2.42.0
          */
-        "pageSizeSelectorOptions"?: number[];
+        "pageSizeSelectorOptions"?: VegaPaginationPageSizeOption[];
         /**
           * Specifies the total number of data items
           * @vegaVersion 2.42.0
@@ -9670,6 +9887,11 @@ declare namespace LocalJSX {
         "showArrow"?: boolean;
     }
     interface VegaProgressTracker {
+        /**
+          * When enabled, allows `current` to be set to `-1` to indicate    no highlighted/current step (e.g. all steps are pending or    the workflow has not started).  Defaults to `false` to preserve backward-compatible behavior:    `current` is clamped to `[0, steps.length - 1]`.  When enabled, `current = -1` is a valid state. The `prevStep()`    method still clamps at `0` — reaching `-1` is only possible    by explicitly setting `current = -1` via the prop or    `setCurrent(-1)`.
+          * @vegaVersion 2.82.0
+         */
+        "allowNoCurrentStep"?: boolean;
         /**
           * Enables the ability to click on the steps in    the Progress Tracker component.
           * @vegaVersion 1.5.0
@@ -10138,6 +10360,16 @@ declare namespace LocalJSX {
           * @vegaVersion 2.1.0
          */
         "iconAlign"?: IconAlignType;
+        /**
+          * Specifies the color of the icon displayed    within the section title.
+          * @vegaVersion 2.81.0
+         */
+        "iconColor"?: TextColorsTokenType;
+        /**
+          * Specifies the size of the section title.
+          * @vegaVersion 2.81.0
+         */
+        "size"?: VegaSectionTitleSizeType;
         /**
           * Specifies the text content of the title displayed    within the section title.
           * @vegaVersion 2.1.0
@@ -11359,7 +11591,7 @@ declare namespace LocalJSX {
          */
         "size"?: ResponsiveType<SizeType>;
         /**
-          * Specifies the text that is displayed    inside the tooltip.
+          * Specifies the text that is displayed    inside the tooltip.  Line breaks (`\n`) are supported and rendered as new lines. Consecutive regular spaces are collapsed; to preserve indentation (e.g. hanging indent for bullet lists) use the non-breaking space character `\u00A0`.
           * @vegaVersion 2.0.0
          */
         "text"?: string;
@@ -11371,7 +11603,7 @@ declare namespace LocalJSX {
     }
     interface VegaTooltipContentBox {
         /**
-          * Specifies the text that is displayed inside the tooltip.
+          * Specifies the text that is displayed inside the tooltip.  Line breaks (`\n`) are supported and rendered as new lines. Consecutive regular spaces are collapsed; to preserve indentation (e.g. hanging indent for bullet lists) use the non-breaking space character `\u00A0`.
           * @vegaVersion 2.0.0
          */
         "text"?: string;
@@ -11439,6 +11671,7 @@ declare namespace LocalJSX {
         "vega-chip": VegaChip;
         "vega-code-block": VegaCodeBlock;
         "vega-color-picker": VegaColorPicker;
+        "vega-color-swatch": VegaColorSwatch;
         "vega-combo-box": VegaComboBox;
         "vega-counter-badge": VegaCounterBadge;
         "vega-date-picker": VegaDatePicker;
@@ -11562,6 +11795,7 @@ declare module "@stencil/core" {
             "vega-chip": LocalJSX.VegaChip & JSXBase.HTMLAttributes<HTMLVegaChipElement>;
             "vega-code-block": LocalJSX.VegaCodeBlock & JSXBase.HTMLAttributes<HTMLVegaCodeBlockElement>;
             "vega-color-picker": LocalJSX.VegaColorPicker & JSXBase.HTMLAttributes<HTMLVegaColorPickerElement>;
+            "vega-color-swatch": LocalJSX.VegaColorSwatch & JSXBase.HTMLAttributes<HTMLVegaColorSwatchElement>;
             "vega-combo-box": LocalJSX.VegaComboBox & JSXBase.HTMLAttributes<HTMLVegaComboBoxElement>;
             "vega-counter-badge": LocalJSX.VegaCounterBadge & JSXBase.HTMLAttributes<HTMLVegaCounterBadgeElement>;
             "vega-date-picker": LocalJSX.VegaDatePicker & JSXBase.HTMLAttributes<HTMLVegaDatePickerElement>;

package/dist/types/helpers/event-manager/event-id/vega-internal-event-id.d.ts

@@ -50,6 +50,7 @@ export declare const VegaInternalCodeBlockSelectionChange: VegaInternalEventID;
 export declare const VegaInternalColumnHeadRowRenderInputRIC: VegaInternalEventID;
 export declare const VegaInternalColumnHeadCellRenderInputRIC: VegaInternalEventID;
 export declare const VegaInternalColumnBodyCellRenderInputRIC: VegaInternalEventID;
+export declare const VegaInternalVegaTableRenderInputChange: VegaInternalEventID;
 export declare const VegaInternalCalendarEventPreviewUpdate: VegaInternalEventID;
 export declare const VegaInternalCalendarEventPreviewClear: VegaInternalEventID;
 export declare const VegaInternalUpdateRTECursorPosition: VegaInternalEventID;

package/dist/types/helpers/formatter/string-formatter/string-mask-strategy.d.ts

@@ -1,17 +1,70 @@
 import { Nullable } from '../../../types/general';
 import { InputStatus, StringFormatStrategy } from './string-format-strategy.abstract';
+/**
+ * Defines how raw input is transformed into a masked string.
+ *
+ * Typical use cases:
+ * - Phone numbers
+ * - Zip or postal codes
+ * - Tax ID values
+ * - Custom alphanumeric patterns
+ *
+ * Rendering flow:
+ * 1. `accept` filters valid characters from input.
+ * 2. `mask` defines the output shape.
+ * 3. `slot` marks replaceable mask characters.
+ * 4. `insertMode` controls insert vs replace behavior.
+ */
 export declare type MaskConfig = {
+  /**
+   * Output template for the final formatted string.
+   * Characters matched by `slot` are replaceable placeholders.
+   * Examples:
+   * - `(999) 999-9999`
+   * - `99999`
+   * - `99-9999999`
+   */
   mask: string;
+  /**
+   * Placeholder rule used to identify replaceable positions in `mask`.
+   * Supported forms:
+   * - Literal character, for example `9`
+   * - RegExp, for example `/\d/`
+   */
   slot: string | RegExp;
+  /**
+   * RegExp used to filter valid input characters.
+   * Only matched characters are allowed to fill `slot` positions.
+   * Examples:
+   * - `/\d/g` for digits
+   * - `/[A-Z]/g` for uppercase letters
+   * - `/[a-zA-Z0-9]/g` for alphanumeric input
+   */
   accept: RegExp;
+  /**
+   * Controls how incoming characters are applied.
+   * - `true` (default): insert mode
+   * - `false`: replace mode
+   * Example:
+   * Set mask = ****9999, slot = 9, input = 12345678
+   * - insertMode = true  -> ****1234
+   * - insertMode = false -> ****5678
+   */
   insertMode?: boolean;
   /**
-   * Whether to override the component value on blur when using 'blur' trigger.
+   * Whether to override component value on blur.
    *
-   * @deprecated This property is deprecated since we have overrideValue in MaskConfigType which has the same function but more flexible to use.
-   *   Please use overrideValue in MaskConfigType instead of this one. If both of them exist, the overrideValue in MaskConfigType will be used and this property will be ignored.
+   * @deprecated Use `overrideValue` in `MaskConfigType` instead.
+   * If both are provided, `MaskConfigType.overrideValue` takes precedence.
    */
   overrideValue?: boolean;
+  /**
+   * Applies mask formatting during component initialization when `true`.
+   * Example:
+   * - Initial value: `5551234567`
+   * - Phone mask: `(999) 999-9999`
+   * - Result at init: `(555) 123-4567`
+   */
   triggerAtInit?: boolean;
 };
 /**