@heartlandone/vega 2.82.0 → 2.83.0

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

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

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

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

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

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

package/dist/types/components/vega-progress-tracker/vega-progress-tracker.d.ts

@@ -96,17 +96,16 @@ export declare class VegaProgressTracker {
    */
   canClickStep: boolean;
   /**
-   * 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).
+   * 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).
    *
-   * Defaults to `false` to preserve backward-compatible behavior:
-   *    `current` is clamped to `[0, steps.length - 1]`.
+   * Two ways to enter this state:
+   * - Set the `current` prop to `-1`.
+   * - Call the `setCurrent(-1)` method.
    *
-   * 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)`.
+   * @VegaHint `prevStep()` still clamps at `0` and will not take `current`
+   *    into `-1`.
    *
    * @vegaVersion 2.82.0
    */

package/dist/types/components/vega-rich-text-editor/extensions/extension.abstract.d.ts

@@ -45,12 +45,25 @@ export declare abstract class VegaRTEExtension {
    * @param {RTEFilterStylesStrategy} strategy - The filter styles strategy to register.
    */
   static registerFilterStylesStrategy(blockOrNodeClassName: string, strategy: RTEFilterStylesStrategy): void;
+  /**
+   * Lifecycle hook called by the rich text editor before the first render
+   * (during `componentWillLoad`).  Override this method to perform per-host
+   * pre-render setup — for example, registering a host-specific toolbar button
+   * renderer via {@link registerToolbarButtonRenderer} so that each editor on
+   * the page gets its own isolated renderer instance.
+   *
+   * The default implementation is a no-op; subclasses may override selectively.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The type of the host rich text editor element.
+   * @param {HTMLVegaRichTextEditorElement} host - The host rich text editor element that is about to load.
+   */
+  prepareBeforeLoad(host: HTMLVegaRichTextEditorElement): void;
   /**
    * Initializes the RTE extension with the provided context.
    *
    * @param {RTEExtensionContext} context - The context of the RTE extension.
    */
-  initialExtension(context: RTEExtensionContext): void;
+  initialExtensionAfterLoad(context: RTEExtensionContext): void;
   /**
    * Callback method invoked when the extension is destroyed.
    * Override this method to perform any necessary cleanup.
@@ -79,11 +92,16 @@ export declare abstract class VegaRTEExtension {
   protected registerRenderer(type: string, renderer: BaseRenderer): void;
   /**
    * Register a toolbar button renderer for the extension.
+   * When a `host` element is provided the renderer is registered in the per-host map
+   * (via {@link RTEDTORendererManager#registerRTEToolbarButtonRendererForHost}), giving
+   * that host an isolated renderer instance that takes precedence over the global singleton.
+   * Omit `host` to fall back to the global registration (backwards-compatible default).
    *
    * @param {string} type - The type of the toolbar button.
    * @param {VegaRTEToolbarButtonRenderer} renderer - The renderer to register.
+   * @param {HTMLVegaRichTextEditorElement} [host] - Optional host element for per-host isolation.
    */
-  protected registerToolbarButtonRenderer(type: string, renderer: VegaRTEToolbarButtonRenderer): void;
+  protected registerToolbarButtonRenderer(type: string, renderer: VegaRTEToolbarButtonRenderer, host?: HTMLVegaRichTextEditorElement): void;
   /**
    * This is a helper method that utilizes RTEUtils to register common strategies.
    * Call the method with the class name of the block to make it support basic strategies like:

package/dist/types/components/vega-rich-text-editor/extensions/languages/language-extension.d.ts

@@ -6,15 +6,26 @@ import { VegaRTEExtension } from '../extension.abstract';
  */
 export declare class VegaRTELanguageExtension extends VegaRTEExtension {
   private languageToolbarButtonRenderer;
+  private readonly languageList;
   private languageState;
   constructor(languageList: (RTEDropdownListItem | RTEDropdownListGroup)[], languagesState?: RTELanguageExtensionState);
+  /**
+   * Called by the rich text editor during `componentWillLoad` (before the first render).
+   * Creates a fresh {@link RTELanguageToolbarButtonRenderer} instance dedicated to this
+   * host element and registers it in the per-host map inside {@link RTEDTORendererManager}.
+   * This ensures that each editor on the page has its own isolated renderer — no shared
+   * singleton state, no WeakMap indirection.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The type of the host rich text editor element.
+   * @param {HTMLVegaRichTextEditorElement} host - The host rich text editor element.
+   */
+  prepareBeforeLoad(host: HTMLVegaRichTextEditorElement): void;
   /**
    * Initializes the language extension.
-   * Applies the content for the selected language upon initialization.
    *
    * @param {RTEExtensionContext} context The extension context.
    */
-  initialExtension(context: RTEExtensionContext): void;
+  initialExtensionAfterLoad(context: RTEExtensionContext): void;
   /**
    * Invoked to set the language extension state. The method used if the state can not be provide when the editor is initialized.
    *

package/dist/types/components/vega-rich-text-editor/extensions/languages/language-toolbar-button-renderer.d.ts

@@ -3,15 +3,23 @@ import { VegaRTEToolbarButtonRenderer } from '../base-toolbar-button-renderer';
 export declare type LanguageSelectedCallback = (selectedLanguage: string) => void;
 /**
  * Toolbar button renderer for language selection in Vega Rich Text Editor.
+ *
+ * Each {@link HTMLVegaRichTextEditorElement} that uses a language extension receives its
+ * **own** instance of this renderer, registered in the per-host map inside
+ * {@link RTEDTORendererManager} via {@link VegaRTEExtension#prepareBeforeLoad}.  Because
+ * every editor has a dedicated renderer, all state (label DOM ref, selected language, and
+ * the language-change callback) is held in plain instance fields — no WeakMaps or shared
+ * singletons are required.
  */
 export declare class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
   private languageList;
+  private languageChangeCallback;
   private selectedLanguage;
   private labelRef;
-  private languageChangeCallback;
-  constructor(languageList: (RTEDropdownListItem | RTEDropdownListGroup)[], languageChangeCallback: LanguageSelectedCallback, selectedLanguage: string);
+  constructor(languageList: (RTEDropdownListItem | RTEDropdownListGroup)[], languageChangeCallback: LanguageSelectedCallback, selectedLanguage?: string);
   /**
-   * Public method to set the selected language.
+   * Updates the selected language and refreshes the button label text in-place,
+   * without requiring a full re-render of the toolbar.
    *
    * @param {string} language The language key to set as selected.
    */
@@ -27,7 +35,8 @@ export declare class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButt
    */
   render(createElement: VegaRTECreateElementFunction, editorContext: VegaRTEToolbarRenderContext): VegaRTERenderResult;
   /**
-   * Override to render the button label with custom behavior.
+   * Override to capture the rendered label element ref so that
+   * {@link setSelectedLanguage} can update the button text without a full re-render.
    *
    * @inheritDoc
    */
@@ -40,6 +49,8 @@ export declare class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButt
   protected handleButtonClick(editorContext: VegaRTEToolbarRenderContext): void;
   /**
    * Handles the language selection event.
+   * Because each editor has its own renderer instance, the language-change callback
+   * is stored directly on this instance — no indirect context lookup is needed.
    *
    * @param {string} itemKey - The key of the selected language item.
    */

package/dist/types/components/vega-rich-text-editor/extensions/table/table-extension.d.ts

@@ -28,7 +28,7 @@ export declare class VegaRTETableExtension extends VegaRTEExtension {
    *
    * @param {RTEExtensionContext} context - extension context
    */
-  initialExtension(context: RTEExtensionContext): void;
+  initialExtensionAfterLoad(context: RTEExtensionContext): void;
   /**
    * @inheritDoc
    */

package/dist/types/components/vega-rich-text-editor/interface.d.ts

@@ -59,6 +59,10 @@ export type VegaRTETextStyleType =
 	| 'heading-5'
 	| 'heading-6';
 
+export type VegaRTETextStyleItem = {
+	key: VegaRTETextStyleType;
+};
+
 /**
  * Heading block variants used in the editor.
  */

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/extension-controller.d.ts

@@ -10,6 +10,13 @@ export declare class RTEExtensionController extends VegaSlimmer {
   protected sourceView: VegaRichTextEditor['sourceView'];
   protected valueController: VegaRichTextEditor['valueController'];
   protected selectionController: VegaRichTextEditor['selectionController'];
+  /**
+   * Prepares all registered extensions before the first render.
+   * This method is called during `componentWillLoad` so that extensions can perform
+   * host-specific setup (e.g. registering per-host toolbar button renderers) before
+   * Stencil renders the component for the first time.
+   */
+  protected prepareExtensionsBeforeLoad(): void;
   /**
    * Initializes the extension context for all registered extensions.
    * This method is called when the component is connected and whenever the extensions property changes.

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/image-toolbar-button-slimmer.d.ts

@@ -11,6 +11,7 @@ export declare type InsertURLForm = {
 };
 export declare class ImageToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   private static readonly items;
+  protected host: VegaRichTextEditor['host'];
   protected insertImageController: VegaRichTextEditor['insertImageController'];
   protected imageInsertedEventEmitter: VegaRichTextEditor['imageInsertedEventEmitter'];
   protected selectionController: VegaRichTextEditor['selectionController'];

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/text-styles-toolbar-button-slimmer.d.ts

@@ -1,16 +1,17 @@
 import { ToolbarInternalButtonConfig } from './toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
 import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
-export declare type TextStyleType = 'title' | 'subtitle' | 'paragraph' | 'heading-1' | 'heading-2' | 'heading-3';
+import { VegaRTETextStyleType } from '../../../interface';
 export declare type TextStyleItem = {
-  key: TextStyleType;
+  key: VegaRTETextStyleType;
   label: string;
   bold?: boolean;
 };
 export declare class TextStylesToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
-  private static readonly items;
+  private static readonly allItems;
   selectionController: VegaRichTextEditor['selectionController'];
   focusController: VegaRichTextEditor['focusController'];
+  textStyleItems: VegaRichTextEditor['textStyleItems'];
   constructor();
   protected renderBtnWrapper(renderBtn: (toolbarInternalButton: ToolbarInternalButtonConfig) => HTMLElement): HTMLElement;
   protected renderDropdownContent(): HTMLElement;

package/dist/types/components/vega-rich-text-editor/vega-rich-text-editor.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaRichTextEditorRenderer } from './slimmers/renderers/vega-rich-text-editor-renderer';
-import { VegaRTEContentBlock, VegaRichTextEditorImage, VegaRTESourceEditConfig } from './interface';
+import { VegaRTEContentBlock, VegaRichTextEditorImage, VegaRTESourceEditConfig, VegaRTETextStyleItem } from './interface';
 import { ToolbarRenderer } from './slimmers/renderers/toolbar-renderer';
 import { BoldToolbarButtonSlimmer } from './slimmers/renderers/tools/bold-toolbar-button-slimmer';
 import { ItalicToolbarButtonSlimmer } from './slimmers/renderers/tools/italic-toolbar-button-slimmer';
@@ -190,6 +190,19 @@ export declare class VegaRichTextEditor {
    */
   validationRules: FormFieldValidationRule<unknown>[];
   watchValidationRules(): void;
+  /**
+   * 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 configuration for the rich text editor extensions.
    *

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

@@ -15,6 +15,7 @@ export declare class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-text-with-long-text-change-screen-size}
+   * @see{module:vega-text-restore-on-enlarge-screen-size}
    */
   constructor();
   /**

package/dist/types/components.d.ts

@@ -52,7 +52,7 @@ 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 +262,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 +839,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
@@ -3306,7 +3311,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 +3532,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
@@ -6139,7 +6151,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 +6849,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
@@ -9888,7 +9905,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 +10189,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

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/types/components.type.d.ts

@@ -207,6 +207,7 @@ export {
 	VegaRichTextEditorImage,
 	VegaRTEColorSchema,
 	VegaRTESourceEditConfig,
+	VegaRTETextStyleItem,
 	VegaRTEToolbarItem,
 } from '../components/vega-rich-text-editor/interface';
 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-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-5be546c5.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-b6c3ce6d.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}

package/dist/vega/p-0bcb2945.entry.js

@@ -0,0 +1 @@
+import{r as e,c as i,h as t,H as a,g as n}from"./p-6b2342e0.js";import{c as r}from"./p-86194314.js";import{s as o}from"./p-519a7d55.js";import{C as s}from"./p-590fd123.js";import{C as c}from"./p-2d0d575f.js";import{C as h,F as l,g as d}from"./p-a528714c.js";import{O as p}from"./p-331a62d5.js";import{f as g,a as x}from"./p-6e70d3cc.js";import{c as b,M as v,V as f,I as m}from"./p-6e1ab235.js";import{V as k,I as u}from"./p-4415ad28.js";import{F as w}from"./p-42141782.js";import{c as y}from"./p-44044ed7.js";import{h as j}from"./p-c5eb0fa6.js";import{h as z}from"./p-aa985d73.js";import{d as C}from"./p-f28a6074.js";import{C as I}from"./p-edda10f7.js";import{R}from"./p-280cbcdb.js";import{C as D}from"./p-75b58efe.js";import{C as O}from"./p-76063dcb.js";import"./p-abd7aeaa.js";import"./p-02841589.js";import"./p-8b5d3a52.js";import"./p-6a334573.js";import"./p-d5531d3c.js";import"./p-f0e828d8.js";import"./p-b75ee3ba.js";import"./p-81dd00d0.js";import"./p-49a2e141.js";import"./p-d4ea8e22.js";import"./p-ed45b3b6.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-a0c3968b.js";import"./p-6e9f832f.js";import"./p-5f377954.js";import"./p-18e8d9b7.js";import"./p-5a25014f.js";var V=function(e,i,t,a){var n,r=arguments.length,o=r<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(i,t,o):n(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};class E extends f{connectedCallback(){this.checkboxGroup=g(this.host,"vega-checkbox-group")||g(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new p(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),c.register(C.getSubject(this.checkboxGroup||this.host,z),this.fieldErrorObserver)}disconnectedCallback(){c.unregister(C.getSubject(this.checkboxGroup||this.host,z),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}V([b({writable:!0})],E.prototype,"showError",void 0),V([b()],E.prototype,"host",void 0),V([v("connectedCallback")],E.prototype,"connectedCallback",null),V([v("disconnectedCallback")],E.prototype,"disconnectedCallback",null);var F=function(e,i,t,a){var n,r=arguments.length,o=r<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(i,t,o):n(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};const G=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.vegaCheckboxShowErrorController=new E,this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new s:null}],defaultValue:e=>""!==e.identifier&&"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.changeEventEmitter=y(G,j),this.dropdownEventPrevent=new I([j],(()=>this.host),{customPreventHandle:e=>{e.stopPropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new k,this.groupDisabled=!1,this.showError=!1,this.identifier="",this.value=""!==this.identifier&&"",this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.size="default",this.required=!1,this.isValid=null,this.onCheckBoxChange=e=>{this.indeterminate&&(this.indeterminate=!1),this.checked=e.currentTarget.checked},this.onSelectedIconClick=e=>{e.stopPropagation()}}watchCheckedChange(){this.initValue(),this.changeEventEmitter.emit(this.value),c.notify(h,{host:this.host,detail:this.value}),c.notify(l,{host:this.host,detail:this.value})}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentWillLoad(){this.initValue(),this.initAndRegisterGroupDisabledObserver()}componentDidRender(){""===this.host.innerHTML.trim()&&this.labelElement.classList.add("vega-hidden"),this.syncNativeIndeterminate()}async setValue(e){this.checked=this.identifier?e===this.identifier:!0===e}render(){var e;const i="VEGA-CHECKBOX-GROUP"==(null===(e=this.host.parentElement)||void 0===e?void 0:e.nodeName);return o(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":i,checked:this.checked,indeterminate:this.indeterminate,disabled:this.isDisabled()}},t("label",{class:x(["vega-checkbox-container",this.showError&&"error",this.size&&`size-${this.size}`]),ref:e=>this.inputContainerRef=e},t("input",{ref:e=>this.inputRef=e,type:"checkbox",checked:this.checked,value:this.identifier,onChange:this.onCheckBoxChange,"aria-label":this.identifier||"No label defined","aria-checked":this.indeterminate?"mixed":void 0,disabled:this.isDisabled(),tabIndex:0,onKeyDown:r()}),t("span",{class:"vega-checkbox-icon",onClick:this.onSelectedIconClick,tabIndex:-1},this.renderIconDom()),t("div",{class:"vega-checkbox-label-container",ref:e=>this.labelElement=e},this.renderLabelDom(),this.renderRequireDom()))),this.host)}renderIconDom(){return this.indeterminate?t("vega-icon",{icon:"minus-sign",size:"small"===this.size?"size-12":"size-16"}):this.checked?t("vega-icon",{icon:"checkmark",size:"small"===this.size?"size-12":"size-16"}):null}renderLabelDom(){return t("span",{class:"vega-checkbox-label"},t("slot",null))}renderRequireDom(){return t("span",{class:{"vega-require":this.required}},this.required?"*":"")}initValue(){this.value=""!==this.identifier?this.checked?this.identifier:"":this.checked}syncNativeIndeterminate(){this.inputRef&&(this.inputRef.indeterminate=this.indeterminate)}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return g(this.host,"vega-checkbox-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){g(this.host,"vega-checkbox-group")&&(this.groupDisabledObserver=new p(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),c.register(d,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&c.unregister(d,this.groupDisabledObserver)}get host(){return n(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};F([u()],G.prototype,"globalSlimmers",void 0),F([m()],G.prototype,"vegaCheckboxShowErrorController",void 0),F([m()],G.prototype,"formFieldController",void 0),F([m()],G.prototype,"changeEventEmitter",void 0),F([m()],G.prototype,"dropdownEventPrevent",void 0),F([m()],G.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),G.style=':host{display:inline-block;vertical-align:middle}.vega-checkbox-container{position:relative;display:flex;-webkit-tap-highlight-color:transparent}.vega-checkbox-container>input[type=checkbox]{position:absolute;left:0px;top:0px;opacity:0;width:24px;height:24px;padding:0px;margin:0px}.vega-checkbox-container>.vega-checkbox-icon{display:inline-block;box-sizing:border-box;width:24px;height:24px;border-style:solid;border-width:2px;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1));position:relative;left:0px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:4px;min-width:24px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon,:host(.indeterminate) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));display:inline-flex;align-items:center;justify-content:center}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:hover,:host(.indeterminate) .vega-checkbox-container>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-checkbox-container>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px}.vega-checkbox-container>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:active,:host(.indeterminate) .vega-checkbox-container>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.disabled) .vega-checkbox-container{cursor:not-allowed}:host(:not(.disabled)) .vega-checkbox-container{cursor:pointer}.vega-checkbox-container .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px;vertical-align:middle}.vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon,:host(.indeterminate) .vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:hover,:host(.indeterminate) .vega-checkbox-container.error>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-checkbox-container.error>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:active,:host(.indeterminate) .vega-checkbox-container.error>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1))}:host(.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon,:host(.indeterminate.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon,:host(.indeterminate.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-label-container{display:inline-block;margin-left:12px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.disabled) .vega-checkbox-container>.vega-checkbox-label-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-checkbox-label-container.vega-hidden{display:none}.vega-hidden{display:none}.size-default input[type=checkbox]{width:24px;height:24px}.size-default .vega-checkbox-icon{width:24px;height:24px;min-width:24px;border-radius:4px}.size-default .vega-checkbox-label-container{margin-left:12px;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.size-small input[type=checkbox]{width:16px;height:16px}.size-small .vega-checkbox-icon{width:16px;height:16px;min-width:16px;border-radius:2px}.size-small .vega-checkbox-label-container{margin-left:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}';var P=function(e,i,t,a){var n,r=arguments.length,o=r<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(i,t,o):n(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};const q=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new R:null}],defaultValue:[],validationRulesName:"validationRules",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.touchableAreaGetter()}),this.checkboxValueChangeObserver=new O(h,(e=>this.childCheckboxValueChange(e))),this.checkboxEventPrevent=new I([j],(()=>this.vegaFlexElement)),this.changeEventEmitter=y(q,j),this.vegaComponentUsageRuntimeMetricsSlimmer=new k,this.label="",this.value=[],this.vegaFlexProp={},this.disabled=!1,this.required=!1,this.hint="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.childCheckboxValueChange=e=>{this.syncCheckboxItemsValue(e.detail,e.host.identifier)},this.touchableAreaGetter=()=>{const e=[];return this.vegaCheckboxArray&&this.vegaCheckboxArray.forEach((async i=>{e.push(i.shadowRoot.querySelector("input"))})),e}}async watchValue(){this.initCheckboxArray(),this.changeEventEmitter.emit(this.value),c.notify(l,{host:this.host,detail:this.value})}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentDidLoad(){this.setVegaFlexProperty(),this.initCheckboxArray(),this.notifyGroupDisabledChange()}render(){return o(t(a,null,this.renderLabelDom(),t("div",{class:"vega-checkbox-group-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("div",{class:"vega-label"},t("label",{"aria-label":this.label},this.label,this.renderRequireDom()))}renderRequireDom(){return this.required?t("span",{class:"vega-require"},"*"):null}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}syncCheckboxItemsValue(e,i){e&&!this.value.includes(i)?this.value=[...this.value,i]:!e&&this.value.includes(i)&&(this.value=[...this.value.filter((e=>e!==i))])}initCheckboxArray(){this.vegaCheckboxArray=Array.from(this.host.querySelectorAll("vega-checkbox")),this.vegaCheckboxArray.forEach((e=>{e.checked=!!(this.value&&this.value.length>0)&&this.value.includes(e.identifier)}))}notifyGroupDisabledChange(){c.notify(d,{host:this.host})}get host(){return n(this)}static get watchers(){return{value:["watchValue"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};P([u()],q.prototype,"globalSlimmers",void 0),P([m()],q.prototype,"formFieldController",void 0),P([m()],q.prototype,"checkboxValueChangeObserver",void 0),P([m()],q.prototype,"checkboxEventPrevent",void 0),P([m()],q.prototype,"changeEventEmitter",void 0),P([m()],q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([D()],q.prototype,"watchVegaFlexProp",null),q.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-label{margin-bottom:16px}.vega-label label{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}.vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{G as vega_checkbox,q as vega_checkbox_group}