@heartlandone/vega 2.74.0 → 2.75.0-RTE-table-preview

package/dist/esm/{dto-renderer-manager-402e89d0.js → content-state-e8ef033a.js}

@@ -1,9 +1,9 @@
-import { d as ActionHandleStrategy, e as RTETextBlock, b as RTETextNode, h as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, B as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, l as BlockUpdateHorizontalAlignmentStrategy, c as ModifyContentActionType, m as BlockInsertLineBreakStrategy, n as BlockInsertLineBreakWithBlocksStrategy, o as BlockSplitWithTextNodeStrategy, p as BlockReplaceNodesStrategy, q as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, r as RemoveChildrenAction, S as SyncUpSelectionAction, j as InsertChildrenBeforeAction, t as BlockAnnotation, u as BlockAnnotationTypeEnum, f as RTEBlock, v as CustomStyleAnnotation, w as CustomClassAnnotation, C as CustomAttributeAnnotation, x as RTECodeBlock, s as stateEntityRenderingRegistry, N as NodeAnnotation, y as NodeAnnotationTypeEnum, z as RTEDecoratorNode, D as NodeTypeEnum, E as CommonAnnotation, F as AnnotationAction, G as ReplaceChildNodesAction, M as ModifyContentAction, J as SplitBlockWithNodeAction, K as BlockDeleteNodeContentStrategy, U as UpdateTextAction, L as RemoveChildrenStrategy, O as RTE_TEXT_COLORS, P as RTE_DEFAULT_TEXT_COLOR, R as RTEDTOClassManager } from './code-block-4e0d321d.js';
+import { d as ActionHandleStrategy, e as RTETextBlock, b as RTETextNode, h as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, o as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, p as BlockUpdateHorizontalAlignmentStrategy, c as ModifyContentActionType, q as BlockInsertLineBreakStrategy, r as BlockInsertLineBreakWithBlocksStrategy, t as BlockSplitWithTextNodeStrategy, u as BlockReplaceNodesStrategy, v as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, m as RemoveChildrenAction, S as SyncUpSelectionAction, j as InsertChildrenBeforeAction, B as BlockAnnotation, w as BlockAnnotationTypeEnum, f as RTEBlock, x as CustomStyleAnnotation, y as CustomClassAnnotation, C as CustomAttributeAnnotation, z as RTECodeBlock, s as stateEntityRenderingRegistry, N as NodeAnnotation, D as NodeAnnotationTypeEnum, E as RTEDecoratorNode, F as NodeTypeEnum, G as CommonAnnotation, l as AnnotationAction, J as ReplaceChildNodesAction, M as ModifyContentAction, K as SplitBlockWithNodeAction, L as BlockDeleteNodeContentStrategy, U as UpdateTextAction, O as RemoveChildrenStrategy, P as RTE_TEXT_COLORS, Q as RTE_DEFAULT_TEXT_COLOR, R as RTEDTOClassManager } from './code-block-36393b45.js';
 import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
-import { i as isNonNullable } from './type-guard-b48aec98.js';
+import { i as isNonNullable } from './type-guard-c65a227d.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-1aaa1159.js';
-import { a as VegaInternalUpdateRTECursorPosition, b as VegaInternalRichTextEditorFlushChanges } from './vega-internal-event-id-4a06d705.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-d4e16f66.js';
+import { d as VegaInternalUpdateRTECursorPosition, e as VegaInternalRichTextEditorFlushChanges } from './vega-internal-event-id-3edc9b4e.js';
 import { d as dashCaseToCamel } from './string-a953eafc.js';
 import { r as rgbToHex, i as isHTMLElement } from './ui-bb99c0c2.js';
 import { c as cleanObject } from './object-66c37948.js';
@@ -2543,6 +2543,16 @@ class HtmlElementToAnnotationGenerator {
       new InlineHtmlAnnotationHandler(),
     ];
   }
+  /**
+   * Register a custom annotation handler.
+   * Custom handlers are added to the beginning of the handlers array,
+   * giving them higher priority than default handlers.
+   *
+   * @param {AnnotationGeneratorStrategyAbstract} handler - The annotation handler to register.
+   */
+  registerHandler(handler) {
+    this.handlers.unshift(handler);
+  }
   /**
    * The function generates annotations for a given target DTO and HTML element based on a set of
    * strategies.
@@ -3868,59 +3878,4 @@ class VegaRTEContent {
   ActionHandleStrategyRegistry.register(ModifyContentActionType.UPDATE_CURSOR_POSITION, VegaRTEContent.name, new UpdateCursorPositionStrategy());
 })();
 
-/**
- * RTEDTORendererManager is a singleton class that manages the registration and retrieval of RTE DTO renderers.
- */
-class RTEDTORendererManager {
-  constructor() {
-    // Register RTE DTO renderers, mapping type strings to their respective renderer instances.
-    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();
-  }
-  /**
-   * Registers a new RTE DTO renderer.
-   *
-   * @param {string} type - The type identifier for the RTE DTO renderer.
-   * @param {VegaRTEBaseRenderer} RTEDTORenderer - The renderer instance for the RTE DTO.
-   */
-  registerRTEDTORenderer(type, RTEDTORenderer) {
-    const existRenderer = this.RTE_DTO_RENDERER_MAP.get(type);
-    if (RTEDTORenderer &&
-      existRenderer &&
-      existRenderer.constructor.name !== RTEDTORenderer.constructor.name) {
-      throw new Error(`Renderer for type ${type} is already registered with a different class(${existRenderer.constructor.name}).`);
-    }
-    this.RTE_DTO_RENDERER_MAP.set(type, RTEDTORenderer);
-  }
-  /**
-   * Registers a new RTE Toolbar Button Renderer.
-   *
-   * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
-   * @param {VegaRTEToolbarButtonRenderer} RTEToolbarButtonRenderer - The renderer instance for the RTE Toolbar Button.
-   */
-  registerRTEToolbarButtonRenderer(type, RTEToolbarButtonRenderer) {
-    this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.set(type, RTEToolbarButtonRenderer);
-  }
-  /**
-   * Retrieves the RTE renderer for a given type.
-   *
-   * @param {string} type - The type identifier for the RTE block.
-   * @returns {Nullable<BaseRenderer>} - The renderer instance for the RTE block, or null if not found.
-   */
-  getRTERenderer(type) {
-    return this.RTE_DTO_RENDERER_MAP.get(type);
-  }
-  /**
-   * Retrieves the RTE Toolbar Button Renderer for a given type.
-   *
-   * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
-   * @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);
-  }
-}
-const RTEDTORendererManager$1 = new RTEDTORendererManager();
-
-export { BlockToRTEBlockStrategyAbstract as B, ElementToDTOClassStrategyManager as E, InsertNewParagraphAction as I, MergeTwoBlocksNodesAction as M, RTEDTORendererManager$1 as R, StylePreservator as S, UpdateCursorPositionAction as U, VegaRTEContent as V, RTEDTOActionStrategyManager$1 as a, ElementToDTOStrategy as b, RTEListItemBlock as c, RTEImageBlock as d, RTEListBlock as e, RTEImageNode as f, ImageAnnotation as g, htmlElementToAnnotationGenerator as h, ElementToDtoStrategyProcessor$1 as i };
+export { AnnotationGeneratorStrategyAbstract as A, BlockToRTEBlockStrategyAbstract as B, ElementToDTOClassStrategyManager as E, InsertNewParagraphAction as I, MergeTwoBlocksNodesAction as M, PasteContentStrategy as P, RTEDTOActionStrategyManager$1 as R, StylePreservator as S, UpdateCursorPositionAction as U, VegaRTEContent as V, ElementToDTOStrategy as a, RTEListItemBlock as b, RTEImageBlock as c, InsertChildrenBeforeStrategy as d, RTEListBlock as e, RTEImageNode as f, ImageAnnotation as g, htmlElementToAnnotationGenerator as h, ElementToDtoStrategyProcessor$1 as i };

package/dist/esm/{date-required-rule-a9980386.js → date-required-rule-47ecc28f.js}

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

package/dist/esm/{design-token-175c4c0c.js → design-token-c57a58b4.js}

@@ -1,7 +1,7 @@
-import { j as StateVariantFormatter, k as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, l as isShadowsTokenType, f as Shadows, g as ShadowMap, m as isBorderTokenType, n as Borders, o as BorderMap, p as StateBackgroundColorFormatter, q as isSpacingTokenType, r as isBorderRadiusTokenType, s as isBackgroundColorTokenType, t as isTextColorTokenType, u as isBreakpointsTokenType, h as Spacing, v as isBorderStyleType, B as BorderRadius, C as Colors, w as isTypographyTokenType } from './type-guard-b48aec98.js';
+import { j as StateVariantFormatter, k as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, l as isShadowsTokenType, f as Shadows, g as ShadowMap, m as isBorderTokenType, n as Borders, o as BorderMap, p as StateBackgroundColorFormatter, q as isSpacingTokenType, r as isBorderRadiusTokenType, s as isBackgroundColorTokenType, t as isTextColorTokenType, u as isBreakpointsTokenType, h as Spacing, v as isBorderStyleType, B as BorderRadius, C as Colors, w as isTypographyTokenType } from './type-guard-c65a227d.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-f995d6de.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-9278eae4.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
 import { B as BorderStyle } from './ui-28fd4193.js';
 

package/dist/esm/{dom-node-subject-observer-factory-1aaa1159.js → dom-node-subject-observer-factory-d4e16f66.js}

@@ -111,6 +111,8 @@ const VegaPaste = new VegaEventID('vegaPaste', 'paste');
 const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur, VegaPaste];
 const VegaMonthYearChange = new VegaEventID('vegaMonthYearChange', 'monthYearChange');
 const VegaSelectionChange = new VegaEventID('vegaSelectionChange', 'selectionChange');
+const VegaSuggestionItemClick = new VegaEventID('vegaSuggestionItemClick', 'suggestionItemClick');
+const VegaNativeInputChange = new VegaEventID('vegaNativeInputChange', 'nativeInputChange');
 
 /** The DomNodeSubject class represents a subject related to DOM nodes. */
 class DomNodeSubject {
@@ -245,4 +247,4 @@ class DomNodeSubjectObserverFactory {
   }
 }
 
-export { VegaRowExpand as $, VegaFormSubmit as A, VegaFormReset as B, VegaValidate as C, DomNodeSubjectObserverFactory as D, VegaCancel as E, VegaFocus as F, VegaBlur as G, VegaPaste as H, VegaComplete as I, VegaCountryChange as J, VegaShow as K, VegaHide as L, VegaToggleStatus as M, VegaOpen as N, VegaStateUpdate as O, VegaGroupClick as P, VegaMenuClick as Q, VegaActionClick as R, VegaPageSizeChange as S, VegaPopoverShow as T, VegaPopoverHide as U, VegaDropdownClick as V, VegaCurrentStepUpdate as W, VegaImageInserted as X, VegaSelectChange as Y, VegaSelectAllChange as Z, VegaRowClick as _, VegaClick as a, VegaRowSelect as a0, VegaRowSelectAll as a1, VegaExpand as b, VegaReset as c, domNodeSubjectFactory as d, VegaClose as e, VegaActionButtonClick as f, VegaChange as g, VegaEventClick as h, VegaDateDblClick as i, VegaMoreActionClick as j, VegaDateClick as k, VegaPageUpdate as l, VegaRemove as m, VegaCreate as n, VegaSearch as o, VegaMonthYearChange as p, VegaClear as q, VegaSelectionChange as r, VegaDropdownShow as s, VegaDropdownHide as t, VegaDropdownSearch as u, VegaSearchTrigger as v, VegaLabelButtonClick as w, VegaSelectFileChange as x, VegaRetry as y, VegaPreview as z };
+export { VegaSelectAllChange as $, VegaRetry as A, VegaPreview as B, VegaFormSubmit as C, DomNodeSubjectObserverFactory as D, VegaFormReset as E, VegaValidate as F, VegaCancel as G, VegaNativeInputChange as H, VegaFocus as I, VegaBlur as J, VegaSuggestionItemClick as K, VegaPaste as L, VegaComplete as M, VegaCountryChange as N, VegaShow as O, VegaHide as P, VegaToggleStatus as Q, VegaOpen as R, VegaStateUpdate as S, VegaGroupClick as T, VegaMenuClick as U, VegaDropdownClick as V, VegaActionClick as W, VegaPageSizeChange as X, VegaCurrentStepUpdate as Y, VegaImageInserted as Z, VegaSelectChange as _, VegaClick as a, VegaRowClick as a0, VegaRowExpand as a1, VegaRowSelect as a2, VegaRowSelectAll as a3, VegaPopoverShow as b, VegaPopoverHide as c, domNodeSubjectFactory as d, VegaExpand as e, VegaReset as f, VegaClose as g, VegaActionButtonClick as h, VegaChange as i, VegaEventClick as j, VegaDateDblClick as k, VegaMoreActionClick as l, VegaDateClick as m, VegaPageUpdate as n, VegaRemove as o, VegaCreate as p, VegaSearch as q, VegaMonthYearChange as r, VegaClear as s, VegaSelectionChange as t, VegaDropdownShow as u, VegaDropdownHide as v, VegaDropdownSearch as w, VegaSearchTrigger as x, VegaLabelButtonClick as y, VegaSelectFileChange as z };

package/dist/esm/dto-renderer-manager-12bc9121.js

@@ -0,0 +1,56 @@
+/**
+ * RTEDTORendererManager is a singleton class that manages the registration and retrieval of RTE DTO renderers.
+ */
+class RTEDTORendererManager {
+  constructor() {
+    // Register RTE DTO renderers, mapping type strings to their respective renderer instances.
+    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();
+  }
+  /**
+   * Registers a new RTE DTO renderer.
+   *
+   * @param {string} type - The type identifier for the RTE DTO renderer.
+   * @param {VegaRTEBaseRenderer} RTEDTORenderer - The renderer instance for the RTE DTO.
+   */
+  registerRTEDTORenderer(type, RTEDTORenderer) {
+    const existRenderer = this.RTE_DTO_RENDERER_MAP.get(type);
+    if (RTEDTORenderer &&
+      existRenderer &&
+      existRenderer.constructor.name !== RTEDTORenderer.constructor.name) {
+      throw new Error(`Renderer for type ${type} is already registered with a different class(${existRenderer.constructor.name}).`);
+    }
+    this.RTE_DTO_RENDERER_MAP.set(type, RTEDTORenderer);
+  }
+  /**
+   * Registers a new RTE Toolbar Button Renderer.
+   *
+   * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
+   * @param {VegaRTEToolbarButtonRenderer} RTEToolbarButtonRenderer - The renderer instance for the RTE Toolbar Button.
+   */
+  registerRTEToolbarButtonRenderer(type, RTEToolbarButtonRenderer) {
+    this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.set(type, RTEToolbarButtonRenderer);
+  }
+  /**
+   * Retrieves the RTE renderer for a given type.
+   *
+   * @param {string} type - The type identifier for the RTE block.
+   * @returns {Nullable<BaseRenderer>} - The renderer instance for the RTE block, or null if not found.
+   */
+  getRTERenderer(type) {
+    return this.RTE_DTO_RENDERER_MAP.get(type);
+  }
+  /**
+   * Retrieves the RTE Toolbar Button Renderer for a given type.
+   *
+   * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
+   * @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);
+  }
+}
+const RTEDTORendererManager$1 = new RTEDTORendererManager();
+
+export { RTEDTORendererManager$1 as R };

package/dist/esm/{element-appender-slimmer-7e7aa230.js → element-appender-slimmer-a7341fc1.js}

@@ -1,16 +1,16 @@
 import { c as MapToComponentField, I as InjectVegaSlimmer, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 import { f as findParent, d as isElementVisible, b as isParent } from './ui-bb99c0c2.js';
-import { n as InternalVegaZIndexManager } from './function-extension-45e413ff.js';
+import { n as InternalVegaZIndexManager } from './table-extension-6b31754b.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8744cb44.js';
 import { P as Placements, A as Alignments } from './ui-28fd4193.js';
-import { H as isTranslocationType } from './type-guard-b48aec98.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-f995d6de.js';
+import { H as isTranslocationType, a3 as isEATriggerStrategy } from './type-guard-c65a227d.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-9278eae4.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-52f93124.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-1aaa1159.js';
-import { x as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-4a06d705.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d4e16f66.js';
+import { A as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-3edc9b4e.js';
 
 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;
@@ -1257,6 +1257,106 @@ __decorate$1([
   MapToComponentMethod('hide')
 ], ElementAppenderHierarchyTreeManager.prototype, "onHide", null);
 
+/**
+ * ClickTriggerStrategy handles 'targetClick' and 'globalMouseDown' events to toggle or hide the appendable element.
+ */
+class ClickTriggerStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @param {VegaEAEventType} type - The type of the event.
+   * @returns {boolean} True if the event type is 'targetClick' or 'globalMouseDown', otherwise false.
+   */
+  canEvaluate(type) {
+    return type === 'target-click' || type === 'click-outside';
+  }
+  /**
+   * Evaluates the trigger context and determines whether to show, hide, or toggle the appendable element.
+   *
+   * @param {VegaEATriggerContext} context - The context of the trigger event.
+   * @returns {VegaEATriggerResult} An object indicating whether to show, hide, or toggle the appendable element.
+   */
+  evaluate(context) {
+    if (context.eventType === 'target-click') {
+      return {
+        nextAction: context.currentState.isVisible ? 'hide' : 'show',
+      };
+    }
+    if (context.eventType === 'click-outside' && context.currentState.isVisible) {
+      return {
+        nextAction: 'hide',
+      };
+    }
+    return {};
+  }
+}
+
+/**
+ * HoverTriggerStrategy handles mouse enter and leave events on the target and appendable elements,
+ * as well as global mouse down events to show or hide the appendable element.
+ */
+class HoverTriggerStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @param {VegaEAEventType} type - The type of the event.
+   * @returns {boolean} True if the event type is related to hover actions or global mouse down, otherwise false.
+   */
+  canEvaluate(type) {
+    return [
+      'target-mouseenter',
+      'target-mouseleave',
+      'element-mouseenter',
+      'element-mouseleave',
+    ].includes(type);
+  }
+  /**
+   * Evaluates the trigger context and determines whether to show, hide, or toggle the appendable element.
+   *
+   * @param {VegaEATriggerContext} context - The context of the trigger event.
+   * @returns {VegaEATriggerResult} An object indicating whether to show, hide, or toggle the appendable element.
+   */
+  evaluate(context) {
+    if (['target-mouseenter', 'element-mouseenter'].includes(context.eventType)) {
+      return !context.currentState.isVisible
+        ? {
+          nextAction: 'show',
+        }
+        : {};
+    }
+    if (['target-mouseleave', 'element-mouseleave'].includes(context.eventType)) {
+      return {
+        nextAction: 'hide',
+      };
+    }
+    /* istanbul ignore next */
+    return {};
+  }
+}
+
+/**
+ * NoneTriggerStrategy does not respond to any events and always indicates no action.
+ */
+class NoneTriggerStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @returns {boolean} Always false as this strategy does not respond to any events.
+   */
+  canEvaluate() {
+    return false;
+  }
+  /* istanbul ignore next */
+  /**
+   * Evaluates the trigger context and always indicates no action.
+   *
+   * @returns {VegaEATriggerResult} An object indicating no action (no show, hide, or toggle).
+   */
+  evaluate() {
+    return {};
+  }
+}
+
 var __decorate = (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);
@@ -1288,25 +1388,28 @@ class ElementAppenderSlimmer extends VegaSlimmer {
     };
     /* It's a function that listens to the click event on the dropdown. It checks if the trigger
     property is equal to 'click'. If it is, then it toggles the dropdown. */
-    this.targetClickHandler = () => {
-      if (this.shouldListenerWork('click')) {
-        this.isShowing() ? this.hide() : this.show();
+    this.targetClickHandler = (event) => {
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('target-click')) {
+        this.executeTriggerStrategy(triggerStrategy, event, 'target-click');
       }
     };
     /* It's a function that listens to the mouseenter event on the dropdown. It checks if the trigger
     property is equal to 'hover'. If it is, then it clears the timer. */
-    this.targetMouseEnterHandler = () => {
-      if (this.shouldListenerWork('hover')) {
-        this.isShowing() === false && this.show();
+    this.targetMouseEnterHandler = (event) => {
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('target-mouseenter')) {
+        this.executeTriggerStrategy(triggerStrategy, event, 'target-mouseenter');
         this.clearDelayHideTimer();
       }
     };
     /* It's a function that listens to the mouseleave event on the dropdown. It checks if the trigger
     property is equal to 'hover'. If it is, then it creates a timer that will hide the dropdown after a
     certain amount of time. */
-    this.targetMouseLeaveHandler = () => {
-      if (this.shouldListenerWork('hover')) {
-        this.createDelayHideTimer();
+    this.targetMouseLeaveHandler = (event) => {
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('target-mouseleave')) {
+        this.createDelayHideTimer(event, 'target-mouseleave');
       }
     };
     /* istanbul ignore next */
@@ -1314,7 +1417,7 @@ class ElementAppenderSlimmer extends VegaSlimmer {
     this.targetFocusoutHandler = (e) => {
       var _a;
       if (!isParent(e.relatedTarget, (_a = this.showConfig) === null || _a === void 0 ? void 0 : _a.appendableElement)) {
-        this.targetMouseLeaveHandler();
+        this.targetMouseLeaveHandler(e);
       }
     };
     /* It's a function that listens to the mouseenter event on the dropdown. It checks if the trigger
@@ -1322,18 +1425,20 @@ class ElementAppenderSlimmer extends VegaSlimmer {
     this.elementMouseEnterHandler = () => {
       var _a;
       (_a = this.hierarchyTreeManager.getParent()) === null || _a === void 0 ? void 0 : _a.elementMouseEnterHandler();
-      if (this.shouldListenerWork('hover') && !this.disableInteractiveGetter()) {
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('element-mouseenter') && !this.disableInteractiveGetter()) {
         this.clearDelayHideTimer();
       }
     };
     /* It's a function that listens to the mouseleave event on the dropdown. It checks if the trigger
     property is equal to 'hover'. If it is, then it creates a timer that will hide the dropdown after a
     certain amount of time. */
-    this.elementMouseLeaveHandler = () => {
+    this.elementMouseLeaveHandler = (event) => {
       var _a;
-      (_a = this.hierarchyTreeManager.getParent()) === null || _a === void 0 ? void 0 : _a.elementMouseLeaveHandler();
-      if (this.shouldListenerWork('hover') && !this.disableInteractiveGetter()) {
-        this.createDelayHideTimer();
+      (_a = this.hierarchyTreeManager.getParent()) === null || _a === void 0 ? void 0 : _a.elementMouseLeaveHandler(event);
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('element-mouseleave') && !this.disableInteractiveGetter()) {
+        this.createDelayHideTimer(event, 'element-mouseleave');
       }
     };
     /* It's a function that listens to the global mousedown event. It checks if the dropdown is showing,
@@ -1344,15 +1449,15 @@ class ElementAppenderSlimmer extends VegaSlimmer {
       const hasChildShowing = this.hierarchyTreeManager
         .getChildren()
         .some((child) => child.isShowing());
+      const triggerStrategy = this.getTriggerStrategy();
       if (!hasChildShowing &&
-        this.shouldListenerWork('custom') &&
-        this.isShowing() &&
+        triggerStrategy.canEvaluate('click-outside') &&
         this.showConfig &&
         !isParent(currentTarget, this.showConfig.appendableElement) &&
         !isParent(currentTarget, this.showConfig.target) &&
         (this.showConfig.isScreenPosition ||
           findParent(currentTarget, 'vega-modal') === findParent(this.showConfig.target, 'vega-modal'))) {
-        this.hide();
+        this.executeTriggerStrategy(triggerStrategy, e, 'click-outside');
       }
     };
     /* istanbul ignore next */
@@ -1364,9 +1469,10 @@ class ElementAppenderSlimmer extends VegaSlimmer {
       }
     };
     /* A timer that will hide the dropdown after a certain amount of time. */
-    this.createDelayHideTimer = () => {
+    this.createDelayHideTimer = (event, eventType) => {
+      const triggerStrategy = this.getTriggerStrategy();
       this.delayHideTimer = setTimeout(() => {
-        this.hide();
+        this.executeTriggerStrategy(triggerStrategy, event, eventType);
         clearTimeout(this.delayHideTimer);
       }, ElementAppenderSlimmer.DELAY_HIDE_TIME);
     };
@@ -1374,19 +1480,22 @@ class ElementAppenderSlimmer extends VegaSlimmer {
     this.clearDelayHideTimer = () => {
       this.delayHideTimer && clearTimeout(this.delayHideTimer);
     };
-    /* It's a function that checks if the listener should work or not. */
-    this.shouldListenerWork = (trigger) => {
-      const currentTrigger = this.getTrigger();
-      switch (trigger) {
-        case 'custom':
-          return currentTrigger !== 'none';
-        case 'click':
-          return currentTrigger === 'click';
-        case 'hover':
-          return currentTrigger === 'hover';
+    this.executeTriggerStrategy = (triggerStrategy, event, eventType) => {
+      if (this.showConfig) {
+        const result = triggerStrategy.evaluate({
+          target: this.showConfig.target,
+          appendableElement: this.showConfig.appendableElement,
+          htmlEvent: event,
+          eventType: eventType,
+          currentState: {
+            isVisible: this.isShowing(),
+          },
+        });
+        if (result) {
+          result.nextAction === 'hide' && this.hide();
+          result.nextAction === 'show' && this.show();
+        }
       }
-      /* istanbul ignore next */
-      throw new Error(`Unexpected trigger: ${trigger}. Expected values are custom, click, or hover.`);
     };
     this.showConfigFactory = showConfigFactory;
     this.getTrigger = getTrigger;
@@ -1488,6 +1597,21 @@ class ElementAppenderSlimmer extends VegaSlimmer {
   removeShadowRootElementScrolling() {
     ChangeManager.unregister(SHADOW_ROOT_ELEMENT_SCROLLING, this.shadowRootElementScrollingObserver);
   }
+  getTriggerStrategy() {
+    const trigger = this.getTrigger();
+    if (trigger === 'click') {
+      return new ClickTriggerStrategy();
+    }
+    else if (trigger === 'hover') {
+      return new HoverTriggerStrategy();
+    }
+    else if (isEATriggerStrategy(trigger)) {
+      return trigger;
+    }
+    else {
+      return new NoneTriggerStrategy();
+    }
+  }
 }
 ElementAppenderSlimmer.DELAY_HIDE_TIME = 100;
 __decorate([

package/dist/esm/{event-emit-slimmer-2d791d0e.js → event-emit-slimmer-1bb4b533.js}

@@ -1,8 +1,8 @@
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 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-1aaa1159.js';
-import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-fdee2a0a.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d4e16f66.js';
+import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-2cbb828a.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-257928c1.js → form-field-controller-slimmer-907bf7c2.js}

@@ -6,15 +6,15 @@ import { U as UPDATE_TRANSLATION, a as FORM_FIELD_PENDING_VALID_CHANGE, b as FOR
 import { f as findParent, d as isElementVisible } from './ui-bb99c0c2.js';
 import { i as isAsyncFunction, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-1aaa1159.js';
-import { f as VegaInternalFieldErrorStateChange, d as VegaInternalFormSubmit, g as VegaInternalValid } from './vega-internal-event-id-4a06d705.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d4e16f66.js';
+import { i as VegaInternalFieldErrorStateChange, g as VegaInternalFormSubmit, j as VegaInternalValid } from './vega-internal-event-id-3edc9b4e.js';
 import { V as VegaInternalTranslation } from './translation-96e5debd.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8744cb44.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-41a1b380.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-2d5dba8d.js';
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/esm/{image-annotation-action-2cdbbd57.js → image-annotation-action-82cef6e4.js}

@@ -1,10 +1,10 @@
 import { h } from './index-090d31ca.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
 import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { A as ActionHandleStrategyRegistry, O as RTE_TEXT_COLORS, b as RTETextNode, $ as TextColorAnnotationAction, y as NodeAnnotationTypeEnum, F as AnnotationAction } from './code-block-4e0d321d.js';
-import { D as DomNodeSubjectObserverFactory, a as VegaClick, T as VegaPopoverShow, U as VegaPopoverHide, g as VegaChange } from './dom-node-subject-observer-factory-1aaa1159.js';
+import { A as ActionHandleStrategyRegistry, P as RTE_TEXT_COLORS, b as RTETextNode, $ as TextColorAnnotationAction, D as NodeAnnotationTypeEnum, l as AnnotationAction } from './code-block-36393b45.js';
+import { D as DomNodeSubjectObserverFactory, a as VegaClick, b as VegaPopoverShow, c as VegaPopoverHide, i as VegaChange } from './dom-node-subject-observer-factory-d4e16f66.js';
 import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-de88a117.js';
-import { g as ImageAnnotation } from './dto-renderer-manager-402e89d0.js';
+import { g as ImageAnnotation } from './content-state-e8ef033a.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>`,
@@ -256,33 +256,6 @@ __decorate([
   MapToComponentField()
 ], TextColorToolbarButtonSlimmer.prototype, "focusController", void 0);
 
-/**
- * This class is responsible for keeping track of the DOM elements.
- */
-class TextNodeRenderingRegistry {
-  constructor() {
-    this.textNodeElements = new Map();
-  }
-  /**
-   * Registers a DOM element and the color annotation of the DOM element.
-   *
-   * @param {HTMLElement} dom The DOM element to register.
-   * @param {TextColorAnnotation} textColorAnnotation The text color annotation of text node to register.
-   */
-  register(dom, textColorAnnotation) {
-    this.textNodeElements.set(dom, textColorAnnotation);
-  }
-  /**
-   * Retrieves the text node elements.
-   *
-   * @returns {Map<HTMLElement, TextColorAnnotation>} The text node elements, or empty array.
-   */
-  getTextNodeElements() {
-    return this.textNodeElements;
-  }
-}
-const TextNodeRenderingRegistry$1 = new TextNodeRenderingRegistry();
-
 /**
  * Action to add an image annotation to the editor
  */
@@ -303,4 +276,4 @@ class ImageAnnotationAction extends AnnotationAction {
   }
 }
 
-export { ImageAnnotationAction as I, TextNodeRenderingRegistry$1 as T, VisualModeToolbarButtonSlimmer as V, TextColorToolbarButtonSlimmer as a, ToolbarButtonSlimmer as b };
+export { ImageAnnotationAction as I, TextColorToolbarButtonSlimmer as T, VisualModeToolbarButtonSlimmer as V, ToolbarButtonSlimmer as a };

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

@@ -1709,6 +1709,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './vega-sidenav_3.entry.js').then(processMod, consoleError);
+        case 'vega-rich-text-table-properties_3':
+          return import(
+            /* webpackMode: "lazy" */
+            './vega-rich-text-table-properties_3.entry.js').then(processMod, consoleError);
         case 'vega-calendar_4':
           return import(
             /* webpackMode: "lazy" */

package/dist/esm/{index-0d487fae.js → index-2466b0c0.js}

@@ -1,8 +1,8 @@
 import { W as WaitForVega } from './wait-for-vega-handler-c2c07ac3.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-1aaa1159.js';
-import { V as VegaInternalComponentDidRender } from './vega-internal-event-id-4a06d705.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-d4e16f66.js';
+import { c as VegaInternalComponentDidRender } from './vega-internal-event-id-3edc9b4e.js';
 
 /* istanbul ignore next */
 /**