@heartlandone/vega 2.82.0 → 2.84.0

package/dist/types/components.d.ts

@@ -25,6 +25,7 @@ import { FormFieldValidationRule } from "./helpers/validator/rules/form-field-va
 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 { VegaColorSwatchPickerFormatOption } from "./components/vega-color-swatch/vega-color-swatch-picker/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";
@@ -45,14 +46,14 @@ 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 { VegaModalBackdrop, VegaModalBackdropColor, VegaModalSectionPadding } from "./components/vega-modal/types";
 import { VegaPageNotificationActionButtonConfig, VegaPageNotificationTypes } from "./components/vega-page-notification/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";
 import { VegaRTEExtension } from "./components/vega-rich-text-editor/extensions/extension.abstract";
-import { RTETablePropertiesType, TableCellStylePropertiesMap, VegaRichTextEditorImage, VegaRTEColorSchema, VegaRTESourceEditConfig, VegaRTEToolbarItem } from "./components/vega-rich-text-editor/interface";
+import { RTETablePropertiesType, TableCellStylePropertiesMap, VegaRichTextEditorImage, VegaRTEColorSchema, VegaRTESourceEditConfig, VegaRTETextStyleItem, VegaRTEToolbarItem } from "./components/vega-rich-text-editor/interface";
 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";
@@ -262,7 +263,7 @@ export namespace Components {
          */
         "bannerTitle": string;
         /**
-          * Specifies the content displayed within the banner.
+          * 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
          */
         "content": string;
@@ -839,6 +840,11 @@ export namespace Components {
           * @vegaVersion 1.10.0
          */
         "identifier": string;
+        /**
+          * 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 the validation status of the checkbox component.
           * @vegaVersion 1.10.0
@@ -1100,6 +1106,78 @@ export namespace Components {
          */
         "variant": VegaColorSwatchVariant;
     }
+    interface VegaColorSwatchPicker {
+        /**
+          * Determines whether automatic validation should be implemented for the color swatch picker.
+          * @vegaVersion 2.84.0
+         */
+        "autoValidation": boolean;
+        /**
+          * Specifies the available color options for the color swatch picker.
+          * @vegaVersion 2.84.0
+         */
+        "colors": string[];
+        /**
+          * Specifies whether the color swatch picker is disabled.
+          * @vegaVersion 2.84.0
+         */
+        "disabled": boolean;
+        /**
+          * Specifies the formatting method for color values in the color swatch picker. It can be set to a predefined format (`hexColorFormatter`) or a custom   formatter function. The `hexColorFormatter` automatically adds a # prefix on output and removes it on input. A custom formatter function   allows more complex formatting logic based on the processing stage (input or output). Applies only when `showInput` is set to `true`.
+          * @vegaVersion 2.84.0
+         */
+        "inputFormatter": VegaColorSwatchPickerFormatOption;
+        /**
+          * Specifies a placeholder string that displays as a temporary hint   or example inside the color swatch picker. It indicates the expected format or pattern of the picker.
+          * @vegaVersion 2.84.0
+         */
+        "inputPlaceholder": string;
+        /**
+          * The icon for the custom color input in the color swatch picker popover. Specifies the icon displayed in the custom color input field   within the color swatch picker popover.
+          * @vegaVersion 2.84.0
+         */
+        "inputPrefixIcon": string;
+        /**
+          * Specifies the validation status of the color swatch picker.
+          * @vegaVersion 2.84.0
+         */
+        "isValid": boolean | null;
+        /**
+          * Specifies the label or title for the color swatch picker.   It provides descriptive text that helps identify the purpose   or content expected in the color swatch picker.
+          * @vegaVersion 2.84.0
+         */
+        "label": string;
+        /**
+          * Specifies whether a color value must be selected for the color swatch picker to pass form validation.
+          * @vegaVersion 2.84.0
+         */
+        "required": boolean;
+        /**
+          * Determines whether the clear button is shown in the color swatch picker popover.
+          * @vegaVersion 2.84.0
+         */
+        "showClearButton": boolean;
+        /**
+          * Determines whether the custom color input is shown in the color swatch picker popover.
+          * @vegaVersion 2.84.0
+         */
+        "showInput": boolean;
+        /**
+          * Specifies the number or configuration of columns in the color   swatch picker grid layout within the popover.
+          * @vegaVersion 2.84.0
+         */
+        "swatchGridColumns": GridColumnsType;
+        /**
+          * Specifies custom validation rules for the color swatch picker.
+          * @vegaVersion 2.84.0
+         */
+        "validationRules": FormFieldValidationRule<string>[];
+        /**
+          * Specifies the currently selected color value.
+          * @vegaVersion 2.84.0
+         */
+        "value": string;
+    }
     interface VegaComboBox {
         /**
           * Determines whether automatic validation should be implemented    when a value is edited in the combo box.
@@ -3065,7 +3143,7 @@ export namespace Components {
           * Specifies the amount of space or padding within the modal.  It can be set as a ResponsiveType or any size value.
           * @vegaVersion 1.0.10
          */
-        "padding": ResponsiveType<PaddingType>;
+        "padding": ResponsiveType<PaddingType> | VegaModalSectionPadding;
         /**
           * Determines whether the modal displays a close button to    allow hiding or closing of the modal.
           * @vegaVersion 1.3.0
@@ -3306,7 +3384,8 @@ export namespace Components {
     }
     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)`.
+          * When enabled, `current = -1` becomes a valid state that indicates    no highlighted/current step (e.g. all steps are pending or the    workflow has not started).  Two ways to enter this state: - Set the `current` prop to `-1`. - Call the `setCurrent(-1)` method.
+          * @VegaHint `prevStep()` still clamps at `0` and will not take `current` into `-1`.
           * @vegaVersion 2.82.0
          */
         "allowNoCurrentStep": boolean;
@@ -3526,6 +3605,12 @@ export namespace Components {
           * @vegaVersion 2.59.0
          */
         "sourceEditConfig": VegaRTESourceEditConfig;
+        /**
+          * Specifies which text style items appear in the Text Styles toolbar dropdown.  Use this to control which heading levels and text styles are available to users. For example, omit `{ key: 'heading-1' }` to prevent users from applying H1 (which is typically reserved for the page title).  Items are displayed in a fixed internal order regardless of the order in this array.
+          * @vegaVersion 2.83.0
+          * @defaultValue [{ key: 'title' }, { key: 'subtitle' }, { key: 'heading-1' }, { key: 'heading-2' }, { key: 'heading-3' }, { key: 'paragraph' }]
+         */
+        "textStyleItems": VegaRTETextStyleItem[];
         /**
           * Specifies the built-in toolbar items available in the rich-text editor.
           * @vegaVersion 2.34.0
@@ -4624,6 +4709,12 @@ export namespace Components {
           * @vegaVersion 1.12.0
          */
         "required": boolean;
+        /**
+          * Controls whether a clear (✕) icon button is displayed inside the time picker input when the field has a non-empty value.  When `true`, clicking the clear icon resets the time picker value to an empty value (or `['', '']` in `range` mode) and emits a `vegaChange` event. Set to `false` to hide the clear icon (e.g., for time pickers where clearing is not desired).  The clear icon is also hidden when the component is `disabled`.  When the component is `readOnly`, the clear icon remains visible by design: read-only only suppresses manual keyboard text entry, while users can still update the value via the dropdown UI, so clearing the selected value is still a valid interaction.
+          * @default true
+          * @vegaVersion 2.84.0
+         */
+        "showClearIcon": boolean;
         /**
           * Determines the size or dimensions of the time picker component.
           * @vegaVersion 1.12.0
@@ -4866,6 +4957,10 @@ export interface VegaColorSwatchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaColorSwatchElement;
 }
+export interface VegaColorSwatchPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaColorSwatchPickerElement;
+}
 export interface VegaComboBoxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaComboBoxElement;
@@ -5223,6 +5318,12 @@ declare global {
         prototype: HTMLVegaColorSwatchElement;
         new (): HTMLVegaColorSwatchElement;
     };
+    interface HTMLVegaColorSwatchPickerElement extends Components.VegaColorSwatchPicker, HTMLStencilElement {
+    }
+    var HTMLVegaColorSwatchPickerElement: {
+        prototype: HTMLVegaColorSwatchPickerElement;
+        new (): HTMLVegaColorSwatchPickerElement;
+    };
     interface HTMLVegaComboBoxElement extends Components.VegaComboBox, HTMLStencilElement {
     }
     var HTMLVegaComboBoxElement: {
@@ -5802,6 +5903,7 @@ declare global {
         "vega-code-block": HTMLVegaCodeBlockElement;
         "vega-color-picker": HTMLVegaColorPickerElement;
         "vega-color-swatch": HTMLVegaColorSwatchElement;
+        "vega-color-swatch-picker": HTMLVegaColorSwatchPickerElement;
         "vega-combo-box": HTMLVegaComboBoxElement;
         "vega-counter-badge": HTMLVegaCounterBadgeElement;
         "vega-date-picker": HTMLVegaDatePickerElement;
@@ -6058,6 +6160,12 @@ declare namespace LocalJSX {
           * @vegaVersion 2.0.0
          */
         "onDropdownClick"?: (event: VegaAppHeaderButtonCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying the search event in the dropdown,    but only if `useDefaultFilter` is set to `false`.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.84.0
+         */
+        "onDropdownSearch"?: (event: VegaAppHeaderButtonCustomEvent<string>) => void;
         /**
           * An event emitter notifying the reset event in the dropdown.
           * @eventSemantics namespace:native
@@ -6079,6 +6187,11 @@ declare namespace LocalJSX {
           * @vegaVersion 2.73.0
          */
         "onVegaReset"?: (event: VegaAppHeaderButtonCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying the search event in the dropdown,    but only if `useDefaultFilter` is set to `false`.
+          * @vegaVersion 2.84.0
+         */
+        "onVegaSearch"?: (event: VegaAppHeaderButtonCustomEvent<string>) => void;
         /**
           * Specifies whether the app header button is displayed in a selected state.
           * @vegaVersion 1.15.0
@@ -6139,7 +6252,7 @@ declare namespace LocalJSX {
          */
         "bannerTitle"?: string;
         /**
-          * Specifies the content displayed within the banner.
+          * 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
          */
         "content"?: string;
@@ -6837,6 +6950,11 @@ declare namespace LocalJSX {
           * @vegaVersion 1.10.0
          */
         "identifier"?: string;
+        /**
+          * 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 the validation status of the checkbox component.
           * @vegaVersion 1.10.0
@@ -7176,6 +7294,89 @@ declare namespace LocalJSX {
          */
         "variant"?: VegaColorSwatchVariant;
     }
+    interface VegaColorSwatchPicker {
+        /**
+          * Determines whether automatic validation should be implemented for the color swatch picker.
+          * @vegaVersion 2.84.0
+         */
+        "autoValidation"?: boolean;
+        /**
+          * Specifies the available color options for the color swatch picker.
+          * @vegaVersion 2.84.0
+         */
+        "colors"?: string[];
+        /**
+          * Specifies whether the color swatch picker is disabled.
+          * @vegaVersion 2.84.0
+         */
+        "disabled"?: boolean;
+        /**
+          * Specifies the formatting method for color values in the color swatch picker. It can be set to a predefined format (`hexColorFormatter`) or a custom   formatter function. The `hexColorFormatter` automatically adds a # prefix on output and removes it on input. A custom formatter function   allows more complex formatting logic based on the processing stage (input or output). Applies only when `showInput` is set to `true`.
+          * @vegaVersion 2.84.0
+         */
+        "inputFormatter"?: VegaColorSwatchPickerFormatOption;
+        /**
+          * Specifies a placeholder string that displays as a temporary hint   or example inside the color swatch picker. It indicates the expected format or pattern of the picker.
+          * @vegaVersion 2.84.0
+         */
+        "inputPlaceholder"?: string;
+        /**
+          * The icon for the custom color input in the color swatch picker popover. Specifies the icon displayed in the custom color input field   within the color swatch picker popover.
+          * @vegaVersion 2.84.0
+         */
+        "inputPrefixIcon"?: string;
+        /**
+          * Specifies the validation status of the color swatch picker.
+          * @vegaVersion 2.84.0
+         */
+        "isValid"?: boolean | null;
+        /**
+          * Specifies the label or title for the color swatch picker.   It provides descriptive text that helps identify the purpose   or content expected in the color swatch picker.
+          * @vegaVersion 2.84.0
+         */
+        "label"?: string;
+        /**
+          * An event emitter notifying the change of the selected color value.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.84.0
+         */
+        "onChange"?: (event: VegaColorSwatchPickerCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying the change of the selected color value.
+          * @vegaVersion 2.84.0
+         */
+        "onVegaChange"?: (event: VegaColorSwatchPickerCustomEvent<string>) => void;
+        /**
+          * Specifies whether a color value must be selected for the color swatch picker to pass form validation.
+          * @vegaVersion 2.84.0
+         */
+        "required"?: boolean;
+        /**
+          * Determines whether the clear button is shown in the color swatch picker popover.
+          * @vegaVersion 2.84.0
+         */
+        "showClearButton"?: boolean;
+        /**
+          * Determines whether the custom color input is shown in the color swatch picker popover.
+          * @vegaVersion 2.84.0
+         */
+        "showInput"?: boolean;
+        /**
+          * Specifies the number or configuration of columns in the color   swatch picker grid layout within the popover.
+          * @vegaVersion 2.84.0
+         */
+        "swatchGridColumns"?: GridColumnsType;
+        /**
+          * Specifies custom validation rules for the color swatch picker.
+          * @vegaVersion 2.84.0
+         */
+        "validationRules"?: FormFieldValidationRule<string>[];
+        /**
+          * Specifies the currently selected color value.
+          * @vegaVersion 2.84.0
+         */
+        "value"?: string;
+    }
     interface VegaComboBox {
         /**
           * Determines whether automatic validation should be implemented    when a value is edited in the combo box.
@@ -9628,7 +9829,7 @@ declare namespace LocalJSX {
           * Specifies the amount of space or padding within the modal.  It can be set as a ResponsiveType or any size value.
           * @vegaVersion 1.0.10
          */
-        "padding"?: ResponsiveType<PaddingType>;
+        "padding"?: ResponsiveType<PaddingType> | VegaModalSectionPadding;
         /**
           * Determines whether the modal displays a close button to    allow hiding or closing of the modal.
           * @vegaVersion 1.3.0
@@ -9888,7 +10089,8 @@ declare namespace LocalJSX {
     }
     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)`.
+          * When enabled, `current = -1` becomes a valid state that indicates    no highlighted/current step (e.g. all steps are pending or the    workflow has not started).  Two ways to enter this state: - Set the `current` prop to `-1`. - Call the `setCurrent(-1)` method.
+          * @VegaHint `prevStep()` still clamps at `0` and will not take `current` into `-1`.
           * @vegaVersion 2.82.0
          */
         "allowNoCurrentStep"?: boolean;
@@ -10171,6 +10373,12 @@ declare namespace LocalJSX {
           * @vegaVersion 2.59.0
          */
         "sourceEditConfig"?: VegaRTESourceEditConfig;
+        /**
+          * Specifies which text style items appear in the Text Styles toolbar dropdown.  Use this to control which heading levels and text styles are available to users. For example, omit `{ key: 'heading-1' }` to prevent users from applying H1 (which is typically reserved for the page title).  Items are displayed in a fixed internal order regardless of the order in this array.
+          * @vegaVersion 2.83.0
+          * @defaultValue [{ key: 'title' }, { key: 'subtitle' }, { key: 'heading-1' }, { key: 'heading-2' }, { key: 'heading-3' }, { key: 'paragraph' }]
+         */
+        "textStyleItems"?: VegaRTETextStyleItem[];
         /**
           * Specifies the built-in toolbar items available in the rich-text editor.
           * @vegaVersion 2.34.0
@@ -11466,6 +11674,12 @@ declare namespace LocalJSX {
           * @vegaVersion 1.12.0
          */
         "required"?: boolean;
+        /**
+          * Controls whether a clear (✕) icon button is displayed inside the time picker input when the field has a non-empty value.  When `true`, clicking the clear icon resets the time picker value to an empty value (or `['', '']` in `range` mode) and emits a `vegaChange` event. Set to `false` to hide the clear icon (e.g., for time pickers where clearing is not desired).  The clear icon is also hidden when the component is `disabled`.  When the component is `readOnly`, the clear icon remains visible by design: read-only only suppresses manual keyboard text entry, while users can still update the value via the dropdown UI, so clearing the selected value is still a valid interaction.
+          * @default true
+          * @vegaVersion 2.84.0
+         */
+        "showClearIcon"?: boolean;
         /**
           * Determines the size or dimensions of the time picker component.
           * @vegaVersion 1.12.0
@@ -11672,6 +11886,7 @@ declare namespace LocalJSX {
         "vega-code-block": VegaCodeBlock;
         "vega-color-picker": VegaColorPicker;
         "vega-color-swatch": VegaColorSwatch;
+        "vega-color-swatch-picker": VegaColorSwatchPicker;
         "vega-combo-box": VegaComboBox;
         "vega-counter-badge": VegaCounterBadge;
         "vega-date-picker": VegaDatePicker;
@@ -11796,6 +12011,7 @@ declare module "@stencil/core" {
             "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-color-swatch-picker": LocalJSX.VegaColorSwatchPicker & JSXBase.HTMLAttributes<HTMLVegaColorSwatchPickerElement>;
             "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/rte-manager/dto-renderer-manager.d.ts

@@ -11,6 +11,14 @@ export declare type BaseRenderer = VegaRTEBaseRenderer<RTEBlock | RTENode, VegaR
 declare class RTEDTORendererManager {
   private RTE_DTO_RENDERER_MAP;
   private RTE_TOOLBAR_BUTTON_RENDERER_MAP;
+  /**
+   * Per-host toolbar button renderer map.
+   * Stores a host-specific renderer map so that extensions that register during
+   * {@link VegaRTEExtension#prepareBeforeLoad} can provide isolated renderer instances
+   * for each {@link HTMLVegaRichTextEditorElement}.  At render time this map is checked
+   * first; the global singleton map is used as a fallback.
+   */
+  private hostToolbarButtonRendererMap;
   /**
    * Registers a new RTE DTO renderer.
    *
@@ -25,6 +33,17 @@ declare class RTEDTORendererManager {
    * @param {VegaRTEToolbarButtonRenderer} RTEToolbarButtonRenderer - The renderer instance for the RTE Toolbar Button.
    */
   registerRTEToolbarButtonRenderer(type: string, RTEToolbarButtonRenderer: VegaRTEToolbarButtonRenderer): void;
+  /**
+   * Registers a host-specific toolbar button renderer.
+   * The per-host renderer takes precedence over the global singleton when the host
+   * element is passed to {@link getRTEToolbarButtonRenderer}.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The rich text editor host element type.
+   * @param {HTMLVegaRichTextEditorElement} host - The rich text editor host element.
+   * @param {string} type - The type identifier for the toolbar button renderer.
+   * @param {VegaRTEToolbarButtonRenderer} renderer - The renderer instance to register for this host.
+   */
+  registerRTEToolbarButtonRendererForHost(host: HTMLVegaRichTextEditorElement, type: string, renderer: VegaRTEToolbarButtonRenderer): void;
   /**
    * Retrieves the RTE renderer for a given type.
    *
@@ -34,11 +53,17 @@ declare class RTEDTORendererManager {
   getRTERenderer(type: string): Nullable<BaseRenderer>;
   /**
    * Retrieves the RTE Toolbar Button Renderer for a given type.
+   * When a host element is provided the per-host map registered via
+   * {@link registerRTEToolbarButtonRendererForHost} is checked first; the global
+   * singleton map is used as a fallback so that extensions that do not override
+   * {@link VegaRTEExtension#prepareBeforeLoad} continue to work unchanged.
    *
+   * @typedef HTMLVegaRichTextEditorElement - The rich text editor host element type.
    * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
+   * @param {HTMLVegaRichTextEditorElement} [host] - Optional host element for per-host lookup.
    * @returns {Nullable<VegaRTEToolbarButtonRenderer>} - The renderer instance for the RTE Toolbar Button, or null if not found.
    */
-  getRTEToolbarButtonRenderer(type: string): Nullable<VegaRTEToolbarButtonRenderer>;
+  getRTEToolbarButtonRenderer(type: string, host?: HTMLVegaRichTextEditorElement): Nullable<VegaRTEToolbarButtonRenderer>;
 }
 declare const _default: RTEDTORendererManager;
 export default _default;

package/dist/types/helpers/slimmers/element-appender/body-positioned-wrapper/third-party-dialog-wrapper.d.ts

@@ -0,0 +1,45 @@
+import { ElementAppenderShowConfig } from '../../../ui/element-appender';
+import { BodyPositionedWrapper } from './body-positioned-wrapper.abstract';
+/**
+ * Appends the popover content box inside the nearest third-party dialog/modal (e.g. Bootstrap,
+ * MUI) so that their focus trap does not block focus on vega-popover content.
+ *
+ * Detection strategy:
+ * 1. Walk up from the target to find `dialog` or `[aria-modal="true"]`.
+ * 2. Skip Vega-owned elements (tag starts with `VEGA-`).
+ * 3. Locate the focus-trap root via `closest('[tabindex="-1"]')`.
+ */
+export declare class ThirdPartyDialogWrapper extends BodyPositionedWrapper {
+  showConfig: ElementAppenderShowConfig;
+  private focusTrapRoot;
+  /**
+   * Returns true when the target lives inside a third-party dialog.
+   *
+   * NOTE: Does NOT call super.canRetrieve() — must activate even when isScreenPosition=true
+   * (e.g. image editor popover) so the content box stays inside the focus-trap root.
+   *
+   * @returns {boolean} Whether the target is inside a third-party dialog.
+   */
+  canRetrieve(): boolean;
+  /**
+   * Appends the popover content box inside the focus-trap root.
+   *
+   * @returns {HTMLElement} The focus-trap root element.
+   */
+  retrieve(): HTMLElement;
+  /**
+   * Finds the focus-trap root of the nearest third-party dialog ancestor.
+   * Returns null if not inside a third-party dialog or if the dialog is Vega-owned.
+   *
+   * @param {Nullable<HTMLElement>} el - The element to start searching from.
+   * @returns {Nullable<HTMLElement>} The focus-trap root, or null.
+   */
+  private findFocusTrapRoot;
+  /**
+   * Returns true when the element is a Vega custom element (tag starts with `VEGA-`).
+   *
+   * @param {HTMLElement} el - The element to check.
+   * @returns {boolean} True if the element is Vega-owned.
+   */
+  private isVegaOwned;
+}

package/dist/types/helpers/slimmers/element-appender/element-appender-container-controller.d.ts

@@ -4,6 +4,7 @@ import { DefaultWrapper } from './body-positioned-wrapper/default-wrapper';
 import { PositionRelativeToWrapper } from './body-positioned-wrapper/position-relative-to-wrapper';
 import { VegaModalWrapper } from './body-positioned-wrapper/vega-modal-wrapper';
 import { VegaPopoverWrapper } from './body-positioned-wrapper/vega-popover-wrapper';
+import { ThirdPartyDialogWrapper } from './body-positioned-wrapper/third-party-dialog-wrapper';
 export interface ElementAppenderContainerRetriever {
   canRetrieve: () => boolean;
   retrieve: () => HTMLElement;
@@ -20,6 +21,7 @@ export declare class ElementAppenderContainerController extends VegaSlimmer {
   protected readonly positionRelativeToWrapper: PositionRelativeToWrapper;
   protected readonly vegaPopoverWrapper: VegaPopoverWrapper;
   protected readonly vegaModalWrapper: VegaModalWrapper;
+  protected readonly thirdPartyDialogWrapper: ThirdPartyDialogWrapper;
   protected readonly defaultWrapper: DefaultWrapper;
   private containerRetrievers;
   /**

package/dist/types/helpers/translation/interface.d.ts

@@ -189,4 +189,6 @@ export type StaticTranslationKey =
 	| 'More actions'
 	| 'Clear color'
 	| 'Color swatch'
-	| 'Color {0}';
+	| 'Color {0}'
+	| 'Apply'
+	| 'Enter color';

package/dist/types/types/components.type.d.ts

@@ -121,6 +121,7 @@ export {
 	VegaColorSwatchSize,
 	VegaColorSwatchVariant,
 } from '../components/vega-color-swatch/types';
+export { VegaColorSwatchPickerFormatOption } from '../components/vega-color-swatch/vega-color-swatch-picker/types';
 export { VegaComboBoxSize, VegaDropdownPropsForComboBox } from '../components/vega-combo-box/types';
 export {
 	DatePickerCalendarIndicator,
@@ -183,7 +184,11 @@ export {
 } from '../components/vega-nav/interface';
 export { LineChartOptionsType } from '../helpers/chart/line-chart';
 export { VegaLoadingIndicatorSize } from '../components/vega-loading-indicator/types';
-export { VegaModalBackdrop, VegaModalBackdropColor } from '../components/vega-modal/types';
+export {
+	VegaModalBackdrop,
+	VegaModalBackdropColor,
+	VegaModalSectionPadding,
+} from '../components/vega-modal/types';
 export {
 	VegaPageNotificationActionButtonConfig,
 	VegaPageNotificationTypes,
@@ -207,6 +212,7 @@ export {
 	VegaRichTextEditorImage,
 	VegaRTEColorSchema,
 	VegaRTESourceEditConfig,
+	VegaRTETextStyleItem,
 	VegaRTEToolbarItem,
 } from '../components/vega-rich-text-editor/interface';
 export {

package/dist/types/types/type-guard.d.ts

@@ -6,6 +6,7 @@ import { Nullable } from './general';
 import { VegaTableColumnGroupingModel } from '../components/vega-table/interface';
 import { CalendarDate } from '../helpers/calendar';
 import { VegaEATriggerStrategy } from '../helpers/slimmers/element-appender/trigger-strategies/trigger-strategy.interface';
+import { VegaModalSectionPadding } from '../components/vega-modal/types';
 /**
  * Returns true if the input is a string that is one of the four directions.
  *
@@ -343,3 +344,10 @@ export declare const isSizeType: (input: unknown) => input is SizeType;
  * @returns {boolean} indicating if the input is type of {@link ResponsiveType<SizeType>}
  */
 export declare const isResponsiveSizeType: (input: unknown) => input is ResponsiveType<SizeType>;
+/**
+ * Validates if the input is of type VegaModalSectionPadding, which is an object with keys 'header', 'content', and 'footer', where each value is either a BreakpointsTokenType object or a DirectionalSpacingType or SpacingTokenType.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is type of {@link VegaModalSectionPadding}
+ */
+export declare const isVegaModalSectionPaddingType: (input: unknown) => input is VegaModalSectionPadding;

package/dist/types/utils/accessibility.d.ts

@@ -1,6 +1,11 @@
+declare type ClickEventOptions = {
+  composed?: boolean;
+};
 /**
  * It returns a function that takes a KeyboardEvent and dispatches a click event on the currentTarget if the key is Enter.
  *
+ * @param {ClickEventOptions} options - An optional object that can contain a "composed" property to specify whether the dispatched event should be composed.
  * @returns {(e: KeyboardEvent) => void } A function that takes a KeyboardEvent and dispatches a click event on the currentTarget.
  */
-export declare function createEnterKeyHandlerToTriggerClick(): (e: KeyboardEvent) => void;
+export declare function createEnterKeyHandlerToTriggerClick(options?: ClickEventOptions): (e: KeyboardEvent) => void;
+export {};

package/dist/vega/index.esm.js

@@ -1 +1 @@
-export{g as getCurrentBreakpoint}from"./p-49a2e141.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-b7624ce4.js";export{c as camelToDashCase}from"./p-02841589.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-b9386dd0.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{d as BoxDisplay,e as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-d4ea8e22.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{A as ActionHandlerInterceptor,I as InsertNodeToNearestRootAction,o as RTELanguageToolbarButtonRenderer,m as RTETokenNode,n as RTETokenNodeRenderer,R as RTETokenToolbarButtonRenderer,b as VegaEventManager,V as VegaLoader,a as VegaNotify,j as VegaRTEExtension,k as VegaRTEExtensionRenderer,h as VegaRTEFunctionExtension,g as VegaRTELanguageExtension,i as VegaRTETableExtension,f as VegaRTETokenExtension,l as VegaRTEToolbarButtonRenderer,d as VegaSkeletonLoader,e as VegaTranslation,c as VegaZIndexManager,w as waitForVega}from"./p-1dd6ba67.js";export{F as FeatureFlag}from"./p-18e8d9b7.js";export{V as VegaThemeManager}from"./p-116e3963.js";export{V as VegaDialog}from"./p-c801c85d.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-6e9f832f.js";export{V as VegaIconManager}from"./p-e6adf829.js";export{V as ValidCreditCardNumberRule}from"./p-ef59f6f0.js";import"./p-6e70d3cc.js";export{s as VegaTranslationResourceEN}from"./p-d5531d3c.js";export{s as setVegaNonce}from"./p-4866e390.js";export{g as ActionHandleStrategy,h as AppendChildrenAction,ab as CodeLanguage,o as CustomAttributeAnnotation,D as CustomClassAnnotation,z as CustomStyleAnnotation,I as InsertChildrenAfterAction,j as InsertChildrenBeforeAction,M as ModifyContentAction,l as ModifyContentActionType,f as RTEAnnotationStyle,d as RTEBlock,G as RTEDecoratorNode,p as RTEFilterStylesStrategy,i as RTENode,e as RTETextBlock,c as RTETextNode,n as RemoveChildrenAction,V as VegaRTEPresetToolbarItems}from"./p-5ffdea8e.js";export{B as BlockToRTEBlockStrategyAbstract,a as ElementToDTOStrategy,I as InsertNewParagraphAction,b as RTEImageBlock,f as RTEImageNode,e as RTEListBlock,d as RTEListItemBlock,U as UpdateCursorPositionAction,V as VegaRTEContent,h as htmlElementToAnnotationGenerator}from"./p-d4f1f007.js";export{G as GridColumns,a as GridRows}from"./p-fc7ab79d.js";export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-b9947846.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-c8435185.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-956b170c.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";export{R as RTERange}from"./p-d32e83e7.js";import"./p-2b5cf2b3.js";import"./p-8b5d3a52.js";import"./p-593e0f80.js";import"./p-6a334573.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-81dd00d0.js";import"./p-b75ee3ba.js";import"./p-fcabf0dc.js";import"./p-a7b5f497.js";import"./p-e1fbfd20.js";import"./p-f28a6074.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-c5eb0fa6.js";import"./p-77e64f26.js";import"./p-aa985d73.js";import"./p-8aee6b74.js";import"./p-a528714c.js";import"./p-fb5ea4b2.js";import"./p-f0e828d8.js";import"./p-0c667d6a.js";import"./p-a841cf13.js";import"./p-1bc5b3bc.js";import"./p-5a25014f.js";import"./p-abd7aeaa.js";import"./p-d27ae9ff.js";const r=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{r as Rings}
+export{g as getCurrentBreakpoint}from"./p-49a2e141.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-c85e743d.js";export{c as camelToDashCase}from"./p-02841589.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-e4c4ea35.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{d as BoxDisplay,e as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-d4ea8e22.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{A as ActionHandlerInterceptor,I as InsertNodeToNearestRootAction,o as RTELanguageToolbarButtonRenderer,m as RTETokenNode,n as RTETokenNodeRenderer,R as RTETokenToolbarButtonRenderer,b as VegaEventManager,V as VegaLoader,a as VegaNotify,j as VegaRTEExtension,k as VegaRTEExtensionRenderer,h as VegaRTEFunctionExtension,g as VegaRTELanguageExtension,i as VegaRTETableExtension,f as VegaRTETokenExtension,l as VegaRTEToolbarButtonRenderer,d as VegaSkeletonLoader,e as VegaTranslation,c as VegaZIndexManager,w as waitForVega}from"./p-220f8ee7.js";export{F as FeatureFlag}from"./p-18e8d9b7.js";export{V as VegaThemeManager}from"./p-7595ad55.js";export{V as VegaDialog}from"./p-c801c85d.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-9de25451.js";export{V as VegaIconManager}from"./p-e6adf829.js";export{V as ValidCreditCardNumberRule}from"./p-5bf3ab33.js";import"./p-6e70d3cc.js";export{s as VegaTranslationResourceEN}from"./p-3b791b5d.js";export{s as setVegaNonce}from"./p-4866e390.js";export{g as ActionHandleStrategy,h as AppendChildrenAction,ab as CodeLanguage,o as CustomAttributeAnnotation,D as CustomClassAnnotation,z as CustomStyleAnnotation,I as InsertChildrenAfterAction,j as InsertChildrenBeforeAction,M as ModifyContentAction,l as ModifyContentActionType,f as RTEAnnotationStyle,d as RTEBlock,G as RTEDecoratorNode,p as RTEFilterStylesStrategy,i as RTENode,e as RTETextBlock,c as RTETextNode,n as RemoveChildrenAction,V as VegaRTEPresetToolbarItems}from"./p-aa040383.js";export{B as BlockToRTEBlockStrategyAbstract,a as ElementToDTOStrategy,I as InsertNewParagraphAction,b as RTEImageBlock,f as RTEImageNode,e as RTEListBlock,d as RTEListItemBlock,U as UpdateCursorPositionAction,V as VegaRTEContent,h as htmlElementToAnnotationGenerator}from"./p-56c28943.js";export{G as GridColumns,a as GridRows}from"./p-031c0cf7.js";export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-c95dbf11.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-a5e6a3be.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-e1d2c60d.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";export{R as RTERange}from"./p-bdddddb7.js";import"./p-1a869f0e.js";import"./p-8b5d3a52.js";import"./p-593e0f80.js";import"./p-6a334573.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-81dd00d0.js";import"./p-b75ee3ba.js";import"./p-b6c3ce6d.js";import"./p-a7b5f497.js";import"./p-e1fbfd20.js";import"./p-f28a6074.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-b78eaec4.js";import"./p-77e64f26.js";import"./p-aa985d73.js";import"./p-8aee6b74.js";import"./p-a528714c.js";import"./p-fb5ea4b2.js";import"./p-f0e828d8.js";import"./p-0c667d6a.js";import"./p-a841cf13.js";import"./p-1bc5b3bc.js";import"./p-5a25014f.js";import"./p-abd7aeaa.js";import"./p-d27ae9ff.js";const r=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{r as Rings}