@heartlandone/vega 2.82.0 → 2.84.0

package/dist/collection/helpers/slimmers/element-appender/element-appender-container-controller.js

@@ -9,6 +9,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';
 /**
  * This class is responsible for setting the container element for appending an element based on certain conditions.
  *
@@ -21,6 +22,7 @@ export class ElementAppenderContainerController extends VegaSlimmer {
     this.positionRelativeToWrapper = new PositionRelativeToWrapper();
     this.vegaPopoverWrapper = new VegaPopoverWrapper();
     this.vegaModalWrapper = new VegaModalWrapper();
+    this.thirdPartyDialogWrapper = new ThirdPartyDialogWrapper();
     this.defaultWrapper = new DefaultWrapper();
   }
   /**
@@ -43,6 +45,7 @@ export class ElementAppenderContainerController extends VegaSlimmer {
       this.positionRelativeToWrapper,
       this.vegaPopoverWrapper,
       this.vegaModalWrapper,
+      this.thirdPartyDialogWrapper,
       this.defaultWrapper,
     ];
   }
@@ -62,6 +65,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "vegaModalWrapper", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], ElementAppenderContainerController.prototype, "thirdPartyDialogWrapper", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "defaultWrapper", void 0);

package/dist/collection/helpers/translation/locales/en.js

@@ -166,5 +166,7 @@ export const staticTranslations = {
   'Clear color': 'Clear color',
   'Color swatch': 'Color swatch',
   'Color {0}': 'Color {0}',
+  'Apply': 'Apply',
+  'Enter color': 'Enter color',
 };
 export default staticTranslations;

package/dist/collection/types/type-guard.js

@@ -462,3 +462,15 @@ export const isResponsiveSizeType = (input) => {
         Object.keys(input).every(isBreakpointsTokenType) &&
         Object.values(input).every(isSizeType))));
 };
+/**
+ * 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 const isVegaModalSectionPaddingType = (input) => {
+  return (typeof input === 'object' &&
+    input !== null &&
+    Object.keys(input).length > 0 &&
+    Object.keys(input).every((key) => ['header', 'content', 'footer'].includes(key)));
+};

package/dist/collection/utils/accessibility.js

@@ -1,13 +1,14 @@
 /**
  * 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 function createEnterKeyHandlerToTriggerClick() {
+export function createEnterKeyHandlerToTriggerClick(options) {
   return function (e) {
     var _a;
     if (e.key === 'Enter') {
-      (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));
+      (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', Object.assign({ bubbles: true, cancelable: true, view: window }, options)));
     }
   };
 }

package/dist/collection/value-model-adapters/angular-ng-model-accessor-adapter.js

@@ -4,6 +4,7 @@ export const AngularAccessorAdapter = [
       'vega-checkbox',
       'vega-checkbox-group',
       'vega-color-picker',
+      'vega-color-swatch-picker',
       'vega-combo-box',
       'vega-date-picker',
       'vega-file-uploader',

package/dist/collection/value-model-adapters/vue-component-v-model-adaptor.js

@@ -6,6 +6,7 @@ export const VueComponentVModelAdaptor = [
       'vega-checkbox',
       'vega-checkbox-group',
       'vega-color-picker',
+      'vega-color-swatch-picker',
       'vega-combo-box',
       'vega-date-picker',
       'vega-file-uploader',

package/dist/esm/{accessibility-e5fd0fab.js → accessibility-524cabd2.js}

@@ -1,13 +1,14 @@
 /**
  * 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.
  */
-function createEnterKeyHandlerToTriggerClick() {
+function createEnterKeyHandlerToTriggerClick(options) {
   return function (e) {
     var _a;
     if (e.key === 'Enter') {
-      (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));
+      (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', Object.assign({ bubbles: true, cancelable: true, view: window }, options)));
     }
   };
 }

package/dist/esm/{app-globals-0b7e8b50.js → app-globals-d06de2a5.js}

@@ -1,20 +1,20 @@
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, w as waitForVega, d as VegaSkeletonLoader, e as VegaTranslation, f as VegaRTETokenExtension, g as VegaRTELanguageExtension, h as VegaRTEFunctionExtension, i as VegaRTETableExtension } from './token-extension-9d717a35.js';
-import { V as VegaThemeManager } from './split-cell-operation-5587f594.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, w as waitForVega, d as VegaSkeletonLoader, e as VegaTranslation, f as VegaRTETokenExtension, g as VegaRTELanguageExtension, h as VegaRTEFunctionExtension, i as VegaRTETableExtension } from './token-extension-d3a46c04.js';
+import { V as VegaThemeManager } from './split-cell-operation-2e700c5c.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaDialog } from './vega-dialog-controller-bbb2fc52.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as VegaIconManager } from './icon-manager-539d7cf7.js';
-import { V as VegaInternalTranslation, s as staticTranslations } from './internal-translation-controller-4fb104b2.js';
-import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-a7907cb7.js';
+import { V as VegaInternalTranslation, s as staticTranslations } from './internal-translation-controller-d7dee4a0.js';
+import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-a826dd49.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { f as forceUpdate } from './index-090d31ca.js';
-import { V as VegaRTEContent } from './content-state-72b513d1.js';
+import { V as VegaRTEContent } from './content-state-e676bdf0.js';
 import { v as vegaNonceManager, s as setVegaNonce } from './vega-nonce-manager-497e5eb5.js';
-import { V as VegaRTEPresetToolbarItems } from './code-block-b8be290a.js';
+import { V as VegaRTEPresetToolbarItems } from './code-block-65c8804b.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -396,7 +396,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-f2005e11.js').then((module) => {
+  void import('./public-rules-a61ff09f.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/{child-nodes-event-prevent-slimmer-9c24d4fc.js → child-nodes-event-prevent-slimmer-f65e2452.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-8a657bac.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-bed71930.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
 

package/dist/esm/{code-block-b8be290a.js → code-block-65c8804b.js}

@@ -3,7 +3,7 @@ import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-
 import { d as VegaInternalRichTextEditorFlushChanges, e as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-194bac82.js';
 import { d as dashCaseToCamel, c as camelToDashCase } from './string-a953eafc.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { i as isNonNullable } from './type-guard-152070e9.js';
+import { i as isNonNullable } from './type-guard-adc244fd.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-e9a6b097.js';
@@ -3668,6 +3668,26 @@ class AppendChildrenAction extends ModifyContentAction {
   }
 }
 
+const TEXT_STYLE_BASE = {
+  fontFamily: 'Inter',
+  fontSize: '16px',
+  lineHeight: '22px',
+  minHeight: '22px',
+  fontWeight: '500',
+};
+const PARAGRAPH_TEXT_STYLE = Object.assign(Object.assign({}, TEXT_STYLE_BASE), { marginTop: '0px', marginBottom: '0px' });
+const TEXT_STYLE_DEFAULTS = {
+  'paragraph': PARAGRAPH_TEXT_STYLE,
+  'title': Object.assign(Object.assign({}, TEXT_STYLE_BASE), { fontSize: '36px', lineHeight: '40px', minHeight: '40px' }),
+  'subtitle': Object.assign(Object.assign({}, TEXT_STYLE_BASE), { fontSize: '28px', lineHeight: '32px', minHeight: '32px' }),
+  'heading-1': Object.assign(Object.assign({}, PARAGRAPH_TEXT_STYLE), { fontSize: '22px', lineHeight: '24px', minHeight: '24px' }),
+  'heading-2': Object.assign(Object.assign({}, PARAGRAPH_TEXT_STYLE), { fontSize: '20px', lineHeight: '24px', minHeight: '24px' }),
+  'heading-3': Object.assign(Object.assign({}, PARAGRAPH_TEXT_STYLE), { fontSize: '18px' }),
+  'heading-4': Object.assign({}, PARAGRAPH_TEXT_STYLE),
+  'heading-5': Object.assign(Object.assign({}, PARAGRAPH_TEXT_STYLE), { fontSize: '14px' }),
+  'heading-6': Object.assign(Object.assign({}, PARAGRAPH_TEXT_STYLE), { fontSize: '12px' }),
+};
+
 /**
  * Text style annotation
  */
@@ -3693,45 +3713,9 @@ class TextStyleAnnotation extends BlockAnnotation {
    * @returns {Nullable<AnnotationStyle>} The default styles for the given text style type.
    */
   static getDefaultStyles(textStyle) {
-    const textStyleBase = {
-      fontFamily: 'Inter',
-      fontSize: '16px',
-      lineHeight: '22px',
-      minHeight: '22px',
-      fontWeight: '500',
-    };
-    const paragraphStyle = Object.assign(Object.assign({}, textStyleBase), { marginTop: '0px', marginBottom: '0px' });
-    switch (textStyle) {
-      case 'paragraph': {
-        return paragraphStyle;
-      }
-      case 'title': {
-        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '36px', lineHeight: '40px', minHeight: '40px' });
-      }
-      case 'subtitle': {
-        return Object.assign(Object.assign({}, textStyleBase), { fontSize: '28px', lineHeight: '32px', minHeight: '32px' });
-      }
-      case 'heading-1': {
-        return Object.assign(Object.assign({}, paragraphStyle), { fontSize: '22px', lineHeight: '24px', minHeight: '24px' });
-      }
-      case 'heading-2': {
-        return Object.assign(Object.assign({}, paragraphStyle), { fontSize: '20px', lineHeight: '24px', minHeight: '24px' });
-      }
-      case 'heading-3': {
-        return Object.assign(Object.assign({}, paragraphStyle), { fontSize: '18px' });
-      }
-      case 'heading-4': {
-        return Object.assign({}, paragraphStyle);
-      }
-      case 'heading-5': {
-        return Object.assign(Object.assign({}, paragraphStyle), { fontSize: '14px' });
-      }
-      case 'heading-6': {
-        return Object.assign(Object.assign({}, paragraphStyle), { fontSize: '12px' });
-      }
-      default:
-        return null;
-    }
+    if (!textStyle)
+      return null;
+    return TEXT_STYLE_DEFAULTS[textStyle];
   }
   /**
    * Generate the JSON representation of the annotation

package/dist/esm/{component-value-history-controller-slimmer.abstract-10ccf8e6.js → component-value-history-controller-slimmer.abstract-26c154f6.js}

@@ -1,15 +1,15 @@
 import { c as MapToComponentField, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
-import { a9 as RTECodeBlockNode, c as RTETextNode, ac as ZERO_WIDTH_SPACE, af as SelectionChangeAction, k as InternalAnnotationTypeEnum, s as stateEntityRenderingRegistry, d as RTEBlock, i as RTENode, G as RTEDecoratorNode, E as RTECodeBlock } from './code-block-b8be290a.js';
+import { a9 as RTECodeBlockNode, c as RTETextNode, ac as ZERO_WIDTH_SPACE, af as SelectionChangeAction, k as InternalAnnotationTypeEnum, s as stateEntityRenderingRegistry, d as RTEBlock, i as RTENode, G as RTEDecoratorNode, E as RTECodeBlock } from './code-block-65c8804b.js';
 import { d as debounce } from './timer-9321173b.js';
 import { g as getActiveElement } from './component-7d906393.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { e as VegaInternalRichTextEditorSelectionRangeChange, c as VegaInternalUpdateRTECursorPosition } from './vega-internal-event-id-194bac82.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { R as RTERange } from './range-ed532278.js';
+import { R as RTERange } from './range-d9e55d00.js';
 import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
 import { i as isHTMLElement } from './ui-b7600a48.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-7eed4734.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-3891ee20.js';
 
 let processing = false;
 /**

package/dist/esm/{content-state-72b513d1.js → content-state-e676bdf0.js}

@@ -1,6 +1,6 @@
-import { g as ActionHandleStrategy, e as RTETextBlock, c as RTETextNode, h as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, q as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, r as BlockUpdateHorizontalAlignmentStrategy, l as ModifyContentActionType, t as BlockInsertLineBreakStrategy, u as BlockInsertLineBreakWithBlocksStrategy, v as BlockSplitWithTextNodeStrategy, w as BlockReplaceNodesStrategy, x as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, n as RemoveChildrenAction, S as SyncUpSelectionAction, j as InsertChildrenBeforeAction, B as BlockAnnotation, y as BlockAnnotationTypeEnum, d as RTEBlock, z as CustomStyleAnnotation, D as CustomClassAnnotation, o as CustomAttributeAnnotation, E as RTECodeBlock, s as stateEntityRenderingRegistry, N as NodeAnnotation, F as NodeAnnotationTypeEnum, G as RTEDecoratorNode, J as NodeTypeEnum, K as CommonAnnotation, m as AnnotationAction, L as ReplaceChildNodesAction, M as ModifyContentAction, O as SplitBlockWithNodeAction, P as HTML_VOID_TAGS, Q as BlockDeleteNodeContentStrategy, U as UpdateTextAction, W as RemoveChildrenStrategy, X as BOLD_FONT_WEIGHT_KEYWORD, Y as BOLD_FONT_WEIGHT, Z as createStyleMapFromElement, _ as RTE_TEXT_COLORS, $ as RTE_DEFAULT_TEXT_COLOR, a0 as ITALIC_FONT_STYLE, a1 as STRIKETHROUGH_TEXT_DECORATION, a2 as UNDERLINE_TEXT_DECORATION, R as RTEFilterStylesStrategyRegistry, a3 as TextStyleAnnotation, p as RTEFilterStylesStrategy, a4 as Predicate$1, a5 as HorizontalAlignmentAnnotation, a6 as CodeAnnotation, b as RTEDTOClassManager, a7 as LinkFilterStylesStrategy, a8 as CodeBlockFilterStylesStrategy, a9 as RTECodeBlockNode, aa as CodeBlockNodeFilterStylesStrategy } from './code-block-b8be290a.js';
+import { g as ActionHandleStrategy, e as RTETextBlock, c as RTETextNode, h as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, q as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, r as BlockUpdateHorizontalAlignmentStrategy, l as ModifyContentActionType, t as BlockInsertLineBreakStrategy, u as BlockInsertLineBreakWithBlocksStrategy, v as BlockSplitWithTextNodeStrategy, w as BlockReplaceNodesStrategy, x as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, n as RemoveChildrenAction, S as SyncUpSelectionAction, j as InsertChildrenBeforeAction, B as BlockAnnotation, y as BlockAnnotationTypeEnum, d as RTEBlock, z as CustomStyleAnnotation, D as CustomClassAnnotation, o as CustomAttributeAnnotation, E as RTECodeBlock, s as stateEntityRenderingRegistry, N as NodeAnnotation, F as NodeAnnotationTypeEnum, G as RTEDecoratorNode, J as NodeTypeEnum, K as CommonAnnotation, m as AnnotationAction, L as ReplaceChildNodesAction, M as ModifyContentAction, O as SplitBlockWithNodeAction, P as HTML_VOID_TAGS, Q as BlockDeleteNodeContentStrategy, U as UpdateTextAction, W as RemoveChildrenStrategy, X as BOLD_FONT_WEIGHT_KEYWORD, Y as BOLD_FONT_WEIGHT, Z as createStyleMapFromElement, _ as RTE_TEXT_COLORS, $ as RTE_DEFAULT_TEXT_COLOR, a0 as ITALIC_FONT_STYLE, a1 as STRIKETHROUGH_TEXT_DECORATION, a2 as UNDERLINE_TEXT_DECORATION, R as RTEFilterStylesStrategyRegistry, a3 as TextStyleAnnotation, p as RTEFilterStylesStrategy, a4 as Predicate$1, a5 as HorizontalAlignmentAnnotation, a6 as CodeAnnotation, b as RTEDTOClassManager, a7 as LinkFilterStylesStrategy, a8 as CodeBlockFilterStylesStrategy, a9 as RTECodeBlockNode, aa as CodeBlockNodeFilterStylesStrategy } from './code-block-65c8804b.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { i as isNonNullable } from './type-guard-152070e9.js';
+import { i as isNonNullable } from './type-guard-adc244fd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { c as VegaInternalUpdateRTECursorPosition, d as VegaInternalRichTextEditorFlushChanges } from './vega-internal-event-id-194bac82.js';

package/dist/esm/{date-required-rule-891a6a57.js → date-required-rule-a84c21d4.js}

@@ -1,4 +1,4 @@
-import { P as isDateStr } from './type-guard-152070e9.js';
+import { P as isDateStr } from './type-guard-adc244fd.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 
 /**

package/dist/esm/{design-token-59d07aa2.js → design-token-57de4f4f.js}

@@ -1,9 +1,9 @@
-import { j as StateBackgroundColorFormatter, k as isSpacingTokenType, l as isBorderRadiusTokenType, m as isBorderColorTokenType, n as isBackgroundColorTokenType, o as isTextColorTokenType, p as isBreakpointsTokenType, q as isShadowsTokenType, h as Spacing, r as isBorderStyleType, B as BorderRadius, C as Colors, f as Shadows, s as isTypographyTokenType } from './type-guard-152070e9.js';
+import { j as StateBackgroundColorFormatter, k as isSpacingTokenType, l as isBorderRadiusTokenType, m as isBorderColorTokenType, n as isBackgroundColorTokenType, o as isTextColorTokenType, p as isBreakpointsTokenType, q as isShadowsTokenType, h as Spacing, r as isBorderStyleType, B as BorderRadius, C as Colors, f as Shadows, s as isTypographyTokenType } from './type-guard-adc244fd.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-e9926018.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-456a9f16.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
-import { S as StateBorderFormatter, a as StateShadowFormatter, b as StateBorderColorFormatter } from './state-border-formatter-be51463d.js';
+import { S as StateBorderFormatter, a as StateShadowFormatter, b as StateBorderColorFormatter } from './state-border-formatter-afac8d33.js';
 import { B as BorderStyle } from './ui-93922c59.js';
 
 /**

package/dist/esm/{dto-renderer-manager-12bc9121.js → dto-renderer-manager-abc7eb5f.js}

@@ -7,6 +7,14 @@ class RTEDTORendererManager {
     this.RTE_DTO_RENDERER_MAP = new Map();
     // Register RTE Toolbar Button Renderers, mapping type strings to their respective renderer instances.
     this.RTE_TOOLBAR_BUTTON_RENDERER_MAP = new 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.
+     */
+    this.hostToolbarButtonRendererMap = new WeakMap();
   }
   /**
    * Registers a new RTE DTO renderer.
@@ -32,6 +40,24 @@ class RTEDTORendererManager {
   registerRTEToolbarButtonRenderer(type, RTEToolbarButtonRenderer) {
     this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.set(type, RTEToolbarButtonRenderer);
   }
+  /**
+   * 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, type, renderer) {
+    let hostMap = this.hostToolbarButtonRendererMap.get(host);
+    if (!hostMap) {
+      hostMap = new Map();
+      this.hostToolbarButtonRendererMap.set(host, hostMap);
+    }
+    hostMap.set(type, renderer);
+  }
   /**
    * Retrieves the RTE renderer for a given type.
    *
@@ -43,12 +69,26 @@ class RTEDTORendererManager {
   }
   /**
    * 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) {
-    return this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.get(type);
+  getRTEToolbarButtonRenderer(type, host) {
+    var _a, _b;
+    if (host) {
+      const hostRenderer = (_a = this.hostToolbarButtonRendererMap
+        .get(host)) === null || _a === void 0 ? void 0 : _a.get(type);
+      if (hostRenderer) {
+        return hostRenderer;
+      }
+    }
+    return (_b = this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.get(type)) !== null && _b !== void 0 ? _b : null;
   }
 }
 const RTEDTORendererManager$1 = new RTEDTORendererManager();

package/dist/esm/{element-appender-slimmer-5aca1bca.js → element-appender-slimmer-d4a82dc3.js}

@@ -4,8 +4,8 @@ import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { A as Alignments, P as Placements } from './ui-93922c59.js';
-import { G as isTranslocationType, i as isNonNullable, a7 as isEATriggerStrategy } from './type-guard-152070e9.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-e9926018.js';
+import { G as isTranslocationType, i as isNonNullable, a7 as isEATriggerStrategy } from './type-guard-adc244fd.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-456a9f16.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
@@ -14,7 +14,7 @@ import { O as Observer } from './observer-3959f9dd.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { B as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-194bac82.js';
 
-var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -46,7 +46,7 @@ class DefaultWrapper {
     return container;
   }
 }
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], DefaultWrapper.prototype, "showConfig", void 0);
 
@@ -64,7 +64,7 @@ class BodyPositionedWrapper {
   }
 }
 
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -101,11 +101,11 @@ class PositionRelativeToWrapper extends BodyPositionedWrapper {
     return container;
   }
 }
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], PositionRelativeToWrapper.prototype, "showConfig", void 0);
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -164,11 +164,11 @@ class VegaModalWrapper extends BodyPositionedWrapper {
     return modalContentScrollable ? modalContentScrollable : modalDialog;
   }
 }
-__decorate$8([
+__decorate$9([
   MapToComponentField({ writable: true })
 ], VegaModalWrapper.prototype, "showConfig", void 0);
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -199,10 +199,81 @@ class VegaPopoverWrapper extends BodyPositionedWrapper {
     return container;
   }
 }
-__decorate$7([
+__decorate$8([
   MapToComponentField()
 ], VegaPopoverWrapper.prototype, "showConfig", void 0);
 
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * 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"]')`.
+ */
+class ThirdPartyDialogWrapper extends BodyPositionedWrapper {
+  /**
+   * 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() {
+    this.focusTrapRoot = this.findFocusTrapRoot(this.showConfig.target);
+    return !!this.focusTrapRoot;
+  }
+  /**
+   * Appends the popover content box inside the focus-trap root.
+   *
+   * @returns {HTMLElement} The focus-trap root element.
+   */
+  retrieve() {
+    const root = this.focusTrapRoot;
+    this.focusTrapRoot = null;
+    if (this.showConfig.appendableElement.parentElement !== root) {
+      root.append(this.showConfig.appendableElement);
+    }
+    return root;
+  }
+  /**
+   * 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.
+   */
+  findFocusTrapRoot(el) {
+    var _a;
+    const dialog = findParent(el, 'dialog, [aria-modal="true"]');
+    if (!dialog || this.isVegaOwned(dialog))
+      return null;
+    // closest() also matches the element itself — needed when [aria-modal] and [tabindex="-1"]
+    // are on the same node (e.g. Bootstrap 5 outer .modal div).
+    return (_a = dialog.closest('[tabindex="-1"]')) !== null && _a !== void 0 ? _a : dialog;
+  }
+  /**
+   * 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.
+   */
+  isVegaOwned(el) {
+    return el.tagName.startsWith('VEGA-');
+  }
+}
+__decorate$7([
+  MapToComponentField()
+], ThirdPartyDialogWrapper.prototype, "showConfig", void 0);
+
 var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -221,6 +292,7 @@ class ElementAppenderContainerController extends VegaSlimmer {
     this.positionRelativeToWrapper = new PositionRelativeToWrapper();
     this.vegaPopoverWrapper = new VegaPopoverWrapper();
     this.vegaModalWrapper = new VegaModalWrapper();
+    this.thirdPartyDialogWrapper = new ThirdPartyDialogWrapper();
     this.defaultWrapper = new DefaultWrapper();
   }
   /**
@@ -243,6 +315,7 @@ class ElementAppenderContainerController extends VegaSlimmer {
       this.positionRelativeToWrapper,
       this.vegaPopoverWrapper,
       this.vegaModalWrapper,
+      this.thirdPartyDialogWrapper,
       this.defaultWrapper,
     ];
   }
@@ -262,6 +335,9 @@ __decorate$6([
 __decorate$6([
   InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "vegaModalWrapper", void 0);
+__decorate$6([
+  InjectVegaSlimmer()
+], ElementAppenderContainerController.prototype, "thirdPartyDialogWrapper", void 0);
 __decorate$6([
   InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "defaultWrapper", void 0);

package/dist/esm/{event-emit-slimmer-32da9d90.js → event-emit-slimmer-18711776.js}

@@ -2,7 +2,7 @@ import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } fr
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-8a657bac.js';
+import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-bed71930.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/{form-field-controller-slimmer-899864a8.js → form-field-controller-slimmer-9a0f8c54.js}

@@ -8,7 +8,7 @@ import { a as isAsyncFunction, g as generateUUID } from './misc-9fdbcfbb.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { h as VegaInternalFieldErrorStateChange, f as VegaInternalFormSubmit, i as VegaInternalValid } from './vega-internal-event-id-194bac82.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-4fb104b2.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-d7dee4a0.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';

package/dist/esm/{image-annotation-action-ebd6c421.js → image-annotation-action-2d87b66a.js}

@@ -1,11 +1,11 @@
 import { h } from './index-090d31ca.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { A as ActionHandleStrategyRegistry, _ as RTE_TEXT_COLORS, c as RTETextNode, ag as TextColorAnnotationAction, F as NodeAnnotationTypeEnum, m as AnnotationAction } from './code-block-b8be290a.js';
+import { A as ActionHandleStrategyRegistry, _ as RTE_TEXT_COLORS, c as RTETextNode, ag as TextColorAnnotationAction, F as NodeAnnotationTypeEnum, m as AnnotationAction } from './code-block-65c8804b.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { a as VegaClick, b as VegaPopoverShow, c as VegaPopoverHide, h as VegaChange } from './vega-event-id-4ede557a.js';
+import { a as VegaClick, b as VegaPopoverShow, c as VegaPopoverHide, i as VegaChange } from './vega-event-id-5841d1d3.js';
 import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-e9a6b097.js';
-import { g as ImageAnnotation } from './content-state-72b513d1.js';
+import { g as ImageAnnotation } from './content-state-e676bdf0.js';
 
 const text = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M64 96v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V80C0 53.5 21.5 32 48 32H224 400c26.5 0 48 21.5 48 48v48c0 17.7-14.3 32-32 32s-32-14.3-32-32V96H256l0 320h48c17.7 0 32 14.3 32 32s-14.3 32-32 32H144c-17.7 0-32-14.3-32-32s14.3-32 32-32h48l0-320H64z"/></svg>`,

package/dist/esm/index-090d31ca.js

@@ -1653,6 +1653,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './vega-color-swatch.entry.js').then(processMod, consoleError);
+        case 'vega-color-swatch-picker':
+          return import(
+            /* webpackMode: "lazy" */
+            './vega-color-swatch-picker.entry.js').then(processMod, consoleError);
         case 'vega-checkbox_2':
           return import(
             /* webpackMode: "lazy" */