@heartlandone/vega 2.67.0 → 2.68.0

package/dist/collection/components/vega-field-label/vega-field-label.js

@@ -26,6 +26,8 @@ export class VegaFieldLabel {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.suffixElementRenderer = new VegaFieldLabelSuffixElementRenderer();
     /**
+     * @deprecated Please use `suffixButtonConfig` instead
+     *
      * Specifies the properties for the suffix button associated with the input.
      *
      * It provides essential information and functionality related to
@@ -34,6 +36,15 @@ export class VegaFieldLabel {
      * @vegaVersion 2.25.0
      */
     this.suffixButtonProps = null;
+    /**
+     * Specifies the properties for the suffix button associated with the input.
+     *
+     * It provides essential information and functionality related to
+     *    the suffix button's role and behavior.
+     *
+     * @vegaVersion 2.68.0
+     */
+    this.suffixButtonConfig = null;
     /**
      * Specifies the label or title for the field.
      *
@@ -112,9 +123,40 @@ export class VegaFieldLabel {
       "optional": false,
       "docs": {
         "tags": [{
+            "name": "deprecated",
+            "text": "Please use `suffixButtonConfig` instead\n\nSpecifies the properties for the suffix button associated with the input.\n\nIt provides essential information and functionality related to\nthe suffix button's role and behavior."
+          }, {
             "name": "vegaVersion",
             "text": "2.25.0"
           }],
+        "text": ""
+      },
+      "defaultValue": "null"
+    },
+    "suffixButtonConfig": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "Nullable<LabelSuffixButtonConfig>",
+        "resolved": "{ icon: string; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
+        "references": {
+          "Nullable": {
+            "location": "import",
+            "path": "../../types/general"
+          },
+          "LabelSuffixButtonConfig": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.68.0"
+          }],
         "text": "Specifies the properties for the suffix button associated with the input.\n\nIt provides essential information and functionality related to\n   the suffix button's role and behavior."
       },
       "defaultValue": "null"

package/dist/collection/components/vega-input/vega-input.js

@@ -102,6 +102,8 @@ export class VegaInput {
      */
     this.label = '';
     /**
+     * @deprecated Please use `LabelSuffixButtonConfig` instead
+     *
      * Specifies the properties for the suffix button associated with the input.
      *
      * It provides essential information and functionality
@@ -110,6 +112,15 @@ export class VegaInput {
      * @vegaVersion 2.25.0
      */
     this.labelSuffixButtonProps = null;
+    /**
+     * Specifies the properties for the suffix button associated with the input.
+     *
+     * It provides essential information and functionality
+     *  related to the suffix button's role and behavior.
+     *
+     * @vegaVersion 2.68.0
+     */
+    this.labelSuffixButtonConfig = null;
     /**
      * Represents a pre-set or default value for the input field.
      *
@@ -415,7 +426,7 @@ export class VegaInput {
       this.renderHintDom()));
   }
   renderLabelDom() {
-    return (h("vega-field-label", { onClick: this.focusInput, "is-field-required": this.required, disabled: this.disabled, label: this.label, suffixButtonProps: this.labelSuffixButtonProps, ref: (node) => {
+    return (h("vega-field-label", { onClick: this.focusInput, "is-field-required": this.required, disabled: this.disabled, label: this.label, suffixButtonProps: this.labelSuffixButtonProps, suffixButtonConfig: this.labelSuffixButtonConfig, ref: (node) => {
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, VegaLabelButtonClick, this.handleLabelButtonClick);
       } }));
   }
@@ -475,9 +486,13 @@ export class VegaInput {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "LabelSuffixButtonProps",
+        "original": "Nullable<LabelSuffixButtonProps>",
         "resolved": "{ icon: string; tooltipText?: string; trigger?: \"hover\" | \"click\"; }",
         "references": {
+          "Nullable": {
+            "location": "import",
+            "path": "../../types/general"
+          },
           "LabelSuffixButtonProps": {
             "location": "import",
             "path": "../vega-field-label/types"
@@ -488,9 +503,40 @@ export class VegaInput {
       "optional": false,
       "docs": {
         "tags": [{
+            "name": "deprecated",
+            "text": "Please use `LabelSuffixButtonConfig` instead\n\nSpecifies the properties for the suffix button associated with the input.\n\nIt provides essential information and functionality\nrelated to the suffix button's role and behavior."
+          }, {
             "name": "vegaVersion",
             "text": "2.25.0"
           }],
+        "text": ""
+      },
+      "defaultValue": "null"
+    },
+    "labelSuffixButtonConfig": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "Nullable<LabelSuffixButtonConfig>",
+        "resolved": "{ icon: string; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
+        "references": {
+          "Nullable": {
+            "location": "import",
+            "path": "../../types/general"
+          },
+          "LabelSuffixButtonConfig": {
+            "location": "import",
+            "path": "../vega-field-label/types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.68.0"
+          }],
         "text": "Specifies the properties for the suffix button associated with the input.\n\nIt provides essential information and functionality\n related to the suffix button's role and behavior."
       },
       "defaultValue": "null"

package/dist/collection/components/vega-input-select/slimmers/renderers/vega-input-select-renderer.js

@@ -8,21 +8,21 @@ import { Host, h } from '@stencil/core';
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import { arrayToClassString } from '../../../../utils/ui';
 import ResponsiveFormatFacade from '../../../../helpers/formatter/responsive-map-formatter/responsive-format-facade';
+import { DomNodeSubjectObserverFactory } from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
+import { VegaLabelButtonClick } from '../../../../helpers/event-manager/event-id/vega-event-id';
 /** The `VegaInputSelectRenderer` class is a TypeScript React component that renders a select input field with various properties and methods. */
 export class VegaInputSelectRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
-    this.renderLabel = () => {
-      return (this.label && (h("div", { class: "vega-input-select-label" },
-        h("span", null, this.label),
-        this.required && h("span", { class: "vega-input-select-required" }, "*"))));
-    };
     this.renderErrorMessage = () => {
       return h("div", { class: "vega-input-select-error-message" });
     };
     this.renderHelpMessage = () => {
       return h("div", { class: "vega-input-select-hint" }, this.hint);
     };
+    this.handleLabelButtonClick = () => {
+      this.labelButtonClickEventEmitter.emit();
+    };
   }
   render() {
     return (h(Host, { class: arrayToClassString([
@@ -34,6 +34,11 @@ export class VegaInputSelectRenderer extends VegaSlimmer {
       this.renderErrorMessage(),
       this.hint && this.renderHelpMessage()));
   }
+  renderLabel() {
+    return (this.label && (h("vega-field-label", { "is-field-required": this.required, disabled: this.disabled, label: this.label, suffixButtonConfig: this.labelSuffixButtonConfig, ref: (node) => {
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, VegaLabelButtonClick, this.handleLabelButtonClick);
+      } })));
+  }
 }
 __decorate([
   MapToComponentField()
@@ -50,6 +55,12 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaInputSelectRenderer.prototype, "required", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputSelectRenderer.prototype, "labelSuffixButtonConfig", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputSelectRenderer.prototype, "labelButtonClickEventEmitter", void 0);
 __decorate([
   MapToComponentField({ componentFieldName: 'vegaInputSelectDropdownRenderer' })
 ], VegaInputSelectRenderer.prototype, "dropdownRenderer", void 0);

package/dist/collection/components/vega-input-select/vega-input-select.css

@@ -25,46 +25,8 @@
   padding-bottom: 8px;
 }
 
-:host .vega-input-select-label {
-  font-family: "Inter", sans-serif;
-  font-size: 16px;
-  font-weight: 500;
-  line-height: 22px;
-  letter-spacing: 0px;
-  color: rgba(var(--v-text-primary, 32, 54, 69, 1));
-  padding-bottom: 8px;
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  :host .vega-input-select-label {
-    font-family: "Inter", sans-serif;
-    font-size: 16px;
-    font-weight: 500;
-    line-height: 22px;
-    letter-spacing: 0px;
-  }
-}
-@media screen and (min-width: 1024px) and (max-width: 1439px) {
-  :host .vega-input-select-label {
-    font-family: "Inter", sans-serif;
-    font-size: 16px;
-    font-weight: 500;
-    line-height: 22px;
-    letter-spacing: 0px;
-  }
-}
-@media screen and (min-width: 1440px) and (max-width: 9999px) {
-  :host .vega-input-select-label {
-    font-family: "Inter", sans-serif;
-    font-size: 16px;
-    font-weight: 500;
-    line-height: 22px;
-    letter-spacing: 0px;
-  }
-}
-
-:host .vega-input-select-label .vega-input-select-required {
-  color: rgba(var(--v-text-error, 189, 41, 71, 1));
-  margin-left: 4px;
+vega-field-label {
+  margin-bottom: 8px;
 }
 
 :host .vega-input-select-container {
@@ -98,10 +60,6 @@
   border: 1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));
 }
 
-:host(.vega-input-select-disabled) .vega-input-select-label {
-  color: rgba(var(--v-text-secondary, 107, 116, 125, 1));
-}
-
 :host(.vega-input-select-disabled) vega-dropdown {
   pointer-events: none;
 }

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -16,7 +16,7 @@ import { VegaInputSelectDropdownRenderer } from './slimmers/renderers/vega-input
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
-import { VegaChange, VegaHide, VegaSearch, VegaSearchTrigger, VegaShow, } from '../../helpers/event-manager/event-id/vega-event-id';
+import { VegaChange, VegaHide, VegaLabelButtonClick, VegaSearch, VegaSearchTrigger, VegaShow, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaInputSelectLazyLoadController } from './slimmers/controllers/vega-input-select-lazy-load-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
@@ -59,6 +59,7 @@ export class VegaInputSelect {
     this.searchTriggerEventEmitter = createEventEmitSlimmer(VegaInputSelect, VegaSearchTrigger);
     this.showEventEmitter = createEventEmitSlimmer(VegaInputSelect, VegaShow);
     this.hideEventEmitter = createEventEmitSlimmer(VegaInputSelect, VegaHide);
+    this.labelButtonClickEventEmitter = createEventEmitSlimmer(VegaInputSelect, VegaLabelButtonClick);
     this.eventPrevent = new ChildNodesEventPreventSlimmer([VegaSearch, VegaSearchTrigger, VegaShow, VegaHide], () => this.host, true);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaInputSelectRuntimeMetricsPayloadDefinition);
     this.isDropdownShow = false;
@@ -73,6 +74,15 @@ export class VegaInputSelect {
      * @vegaVersion 1.3.0
      */
     this.label = '';
+    /**
+     * Specifies the properties for the suffix button associated with the input.
+     *
+     * It provides essential information and functionality
+     *  related to the suffix button's role and behavior.
+     *
+     * @vegaVersion 2.68.0
+     */
+    this.labelSuffixButtonConfig = null;
     /**
      * Determines whether the input select field is required.
      *
@@ -240,6 +250,34 @@ export class VegaInputSelect {
       "reflect": false,
       "defaultValue": "''"
     },
+    "labelSuffixButtonConfig": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "Nullable<LabelSuffixButtonConfig>",
+        "resolved": "{ icon: string; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
+        "references": {
+          "Nullable": {
+            "location": "import",
+            "path": "../../types/general"
+          },
+          "LabelSuffixButtonConfig": {
+            "location": "import",
+            "path": "../vega-field-label/types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.68.0"
+          }],
+        "text": "Specifies the properties for the suffix button associated with the input.\n\nIt provides essential information and functionality\n related to the suffix button's role and behavior."
+      },
+      "defaultValue": "null"
+    },
     "required": {
       "type": "boolean",
       "mutable": false,
@@ -777,6 +815,45 @@ export class VegaInputSelect {
         "resolved": "string",
         "references": {}
       }
+    }, {
+      "method": "vegaLabelButtonClick",
+      "name": "vegaLabelButtonClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.68.0"
+          }],
+        "text": "An event emitter notifying that the suffix button associated with the field label has been clicked."
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "labelButtonClick",
+      "name": "labelButtonClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.68.0"
+          }],
+        "text": "An event emitter notifying that the suffix button associated with the field label has been clicked."
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
     }]; }
   static get methods() { return {
     "doClose": {
@@ -911,6 +988,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "hideEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputSelect.prototype, "labelButtonClickEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "eventPrevent", void 0);

package/dist/collection/components/vega-rich-text-content/slimmers/controllers/vega-rich-text-content-extensions-styles-controller.js

@@ -0,0 +1,60 @@
+var __decorate = (this && this.__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;
+};
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { isArrayEqual } from '../../../../utils/array';
+/**
+ * attach the extension styles to the host.
+ */
+export class RTEExtensionStylesController extends VegaSlimmer {
+  /**
+   * Attach extension styles to the host after load.
+   */
+  attachExtensionStyles() {
+    this.attachStylesToHost();
+  }
+  /**
+   * Update extension context when extensions property changes.
+   *
+   * @param {VegaRTEExtension[]} newValue - New extensions array.
+   * @param {VegaRTEExtension[]} oldValue - Old extensions array.
+   */
+  handleExtensionsChange(newValue, oldValue) {
+    if (!isArrayEqual(newValue, oldValue, false, (a, b) => a === b ? 0 : 1)) {
+      this.attachStylesToHost();
+    }
+  }
+  /**
+   * Collects and attaches custom styles from all extensions to the host component.
+   */
+  attachStylesToHost() {
+    if (this.extensions) {
+      let customStyles = '';
+      for (const extension of this.extensions) {
+        const extensionStyles = extension.collectExtensionRendererStyles();
+        if (extensionStyles) {
+          customStyles += `${extensionStyles}\n`;
+        }
+      }
+      this.extensionStyles = customStyles;
+    }
+  }
+}
+__decorate([
+  MapToComponentField()
+], RTEExtensionStylesController.prototype, "extensions", void 0);
+__decorate([
+  MapToComponentField()
+], RTEExtensionStylesController.prototype, "host", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], RTEExtensionStylesController.prototype, "extensionStyles", void 0);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], RTEExtensionStylesController.prototype, "attachExtensionStyles", null);
+__decorate([
+  MapToComponentMethod('watchExtensions')
+], RTEExtensionStylesController.prototype, "handleExtensionsChange", null);

package/dist/collection/components/vega-rich-text-content/slimmers/renderers/vega-rich-text-content-renderer.js

@@ -10,6 +10,7 @@ import { VegaDarkModeStyleController } from '../../../../helpers/theme/controlle
 import { TextColorToolbarButtonSlimmer } from '../../../vega-rich-text-editor/slimmers/renderers/tools/text-color-toolbar-button-slimmer';
 import { VegaRTEContent } from '../../../vega-rich-text-editor/dto/content-state';
 import RTEBlockRendererFactory from '../../../vega-rich-text-editor/dto/renderers/renderer-factory';
+import { vegaNonceManager } from '../../../../helpers/csp/vega-nonce-manager';
 export class VegaRichTextContentRenderer extends VegaSlimmer {
   constructor() {
     super();
@@ -30,7 +31,9 @@ export class VegaRichTextContentRenderer extends VegaSlimmer {
     return this.richTextContentRef;
   }
   render() {
-    return h(Host, null, this.renderRichTextContent());
+    return (h(Host, null,
+      this.extensionStyles ? (h("style", { nonce: vegaNonceManager.nonce, class: "rte-extension-styles" }, this.extensionStyles)) : null,
+      this.renderRichTextContent()));
   }
   setRTEContent() {
     if (this.content && !(this.content instanceof VegaRTEContent)) {
@@ -76,6 +79,9 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaRichTextContentRenderer.prototype, "content", void 0);
+__decorate([
+  MapToComponentField()
+], VegaRichTextContentRenderer.prototype, "extensionStyles", void 0);
 __decorate([
   MapToComponentMethod('componentWillLoad')
 ], VegaRichTextContentRenderer.prototype, "componentWillLoad", null);

package/dist/collection/components/vega-rich-text-content/vega-rich-text-content.js

@@ -12,6 +12,7 @@ import { VegaRichTextContentRenderer } from './slimmers/renderers/vega-rich-text
 import { VegaRichTextContentStateController } from './slimmers/controllers/vega-rich-text-content-state-controller';
 import { findParent } from '../../utils/ui';
 import { waitForComponentDidRender } from '../../helpers/common';
+import { RTEExtensionStylesController } from './slimmers/controllers/vega-rich-text-content-extensions-styles-controller';
 /**
  * @vegaVersion 2.34.0
  */
@@ -21,12 +22,17 @@ export class VegaRichTextContent {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaRichTextContentRenderer = new VegaRichTextContentRenderer();
     this.vegaRichTextContentStateController = new VegaRichTextContentStateController();
+    this.vegaRichTextContentExtensionsStylesController = new RTEExtensionStylesController();
     /**
      * Specifies whether the rich text content is editable.
      *
      * @vegaVersion 2.34.0
      */
     this.contentEditable = false;
+    /**
+     * Holds the custom styles generated by extensions.
+     */
+    this.extensionStyles = '';
     /**
      * Defines the configuration for rich text content extensions.
      * It enables support for custom nodes, ensuring that extended content is rendered correctly.
@@ -38,6 +44,9 @@ export class VegaRichTextContent {
   watchValueUpdate() {
     methodPlaceholder();
   }
+  watchExtensions(newValue, oldValue) {
+    methodPlaceholder(newValue, oldValue);
+  }
   /**
    * Invoke this method to focus on rich text content editable div
    *
@@ -112,7 +121,8 @@ export class VegaRichTextContent {
   }; }
   static get states() { return {
     "placeholder": {},
-    "contentEditable": {}
+    "contentEditable": {},
+    "extensionStyles": {}
   }; }
   static get methods() { return {
     "vegaFocus": {
@@ -146,6 +156,9 @@ export class VegaRichTextContent {
   static get watchers() { return [{
       "propName": "content",
       "methodName": "watchValueUpdate"
+    }, {
+      "propName": "extensions",
+      "methodName": "watchExtensions"
     }]; }
 }
 __decorate([
@@ -160,3 +173,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextContent.prototype, "vegaRichTextContentStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextContent.prototype, "vegaRichTextContentExtensionsStylesController", void 0);

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/action-handle-interceptor-registry.js

@@ -0,0 +1,61 @@
+import { ModifyContentAction } from '../actions/modify-content-action.abstract';
+/**
+ * Registry for action handler interceptors, which can register and retrieve interceptors for specific actions and targets.
+ */
+export class ActionHandlerInterceptorRegistry {
+  /**
+   * Bind a specific strategy to a special action type of the rich text node.
+   *
+   * @param {string} actionType - The special action type or the action class name.
+   * @param {string} targetClass - The rich text node class name.
+   * @param {ActionHandlerInterceptor} strategy - The action handle strategy instance.
+   */
+  static register(actionType, targetClass, strategy) {
+    if (!this.registry.has(targetClass)) {
+      this.registry.set(targetClass, new Map());
+    }
+    /* eslint-disable @typescript-eslint/no-non-null-assertion */
+    if (!this.registry.get(targetClass).has(actionType)) {
+      this.registry.get(targetClass).set(actionType, new Set());
+    }
+    this.registry.get(targetClass).get(actionType).add(strategy);
+    /* eslint-enable @typescript-eslint/no-non-null-assertion */
+  }
+  /**
+   * Unregister the strategy for the specific action type and target class.
+   *
+   * @param {string} actionType - The special action type or the action class name.
+   * @param {string} targetClass - The rich text node class name.
+   * @param {ActionHandlerInterceptor} strategy - The action handler interceptor instance.
+   */
+  static unregister(actionType, targetClass, strategy) {
+    const strategyMap = this.registry.get(targetClass);
+    if (strategyMap) {
+      const strategySet = strategyMap.get(actionType);
+      if (strategySet) {
+        strategySet.delete(strategy);
+      }
+    }
+  }
+  /**
+   * Get the special interceptor strategy that before handle the action logic.
+   *
+   * @typedef T generic type
+   * @typedef target generic type
+   * @param {RTEActionType} action - The special action .
+   * @param {string} targetClass - The rich text node class name.
+   * @returns {Nullable<ActionHandlerInterceptor<T, target>>} - The action handler interceptor instance or null if not found.
+   */
+  static get(action, targetClass) {
+    const targetClassName = targetClass.constructor.name;
+    const actionType = action instanceof ModifyContentAction ? action.type : action.constructor.name;
+    const strategyMap = this.registry.get(targetClassName);
+    if (strategyMap) {
+      const set = strategyMap.get(actionType);
+      if (set && set.size > 0) {
+        return Array.from(set).find((interceptor) => interceptor.canIntercept(action, targetClass));
+      }
+    }
+  }
+}
+ActionHandlerInterceptorRegistry.registry = new Map();

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/action-handle-interceptor.abstract.js

@@ -0,0 +1,5 @@
+/**
+ * Abstract class for action handler interceptors, which can intercept actions before they are handled.
+ */
+export class ActionHandlerInterceptor {
+}

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/action-handle-strategy-registry.js

@@ -1,5 +1,6 @@
 import { LogUtility } from '../../../../utils/log';
 import { ModifyContentAction } from '../actions/modify-content-action.abstract';
+import { ActionHandlerInterceptorRegistry } from './action-handle-interceptor-registry';
 /**
  * The strategies registry, contains static methods `register`, `get` and `getStrategyAndExecute`.
  */
@@ -18,6 +19,18 @@ export class ActionHandleStrategyRegistry {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     this.registry.get(targetClass).set(actionType, strategy);
   }
+  /**
+   * Unregister the strategy for the specific action type and target class.
+   *
+   * @param {string} actionType - The special action type or the action class name.
+   * @param {string} targetClass - The rich text node class name.
+   */
+  static unregister(actionType, targetClass) {
+    const strategyMap = this.registry.get(targetClass);
+    if (strategyMap) {
+      strategyMap.delete(actionType);
+    }
+  }
   /**
    * Get the special strategy that handle the action logic.
    *
@@ -43,20 +56,31 @@ export class ActionHandleStrategyRegistry {
    * @returns {R | undefined} The return value of the strategy method execute invoke result.
    */
   static executeTheStrategy(action, RTEInstance) {
-    const actionType = action instanceof ModifyContentAction ? action.type : action.constructor.name;
-    const strategy = ActionHandleStrategyRegistry.get(actionType, RTEInstance.constructor.name);
-    if (strategy) {
-      return strategy.execute(action, RTEInstance);
+    const interceptor = ActionHandlerInterceptorRegistry.get(action, RTEInstance);
+    // eslint-disable-next-line jsdoc/require-jsdoc
+    const executeStrategy = () => {
+      const actionType = action instanceof ModifyContentAction ? action.type : action.constructor.name;
+      const strategy = ActionHandleStrategyRegistry.get(actionType, RTEInstance.constructor.name);
+      if (strategy) {
+        action['executedFlag'] = true;
+        return strategy.execute(action, RTEInstance);
+      }
+      else {
+        LogUtility.warn(`Type ${actionType} action handle strategy is not registered in class ${RTEInstance.constructor.name}`);
+      }
+    };
+    if (interceptor) {
+      return interceptor.intercept(executeStrategy, action, RTEInstance);
     }
     else {
-      LogUtility.error(`Type ${actionType} action handle strategy is not registered in class ${RTEInstance.constructor.name}`);
+      return executeStrategy();
     }
   }
   /**
    * Check if the action type can be handled by strategy for the specific RTE instance.
    *
    * @param {string} actionType - The special action type or the action class name.
-   * @param {RTENode | RTEBlock} RTEInstance - The rich text editor node.
+   * @param {RTENode | RTEBlock | VegaRTEContent} RTEInstance - The rich text editor node.
    * @returns {boolean} - Whether the action type can be handled by the strategy.
    */
   static canHandle(actionType, RTEInstance) {