@heartlandone/vega 2.101.0 → 2.103.0

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

@@ -41,7 +41,7 @@ import { DataTabIndexValueMapper } from '../../helpers/slimmers/mutation-observe
  */
 export class VegaInput {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.ariaAttributesValueMapper = new AriaAttributesValueMapper(() => {
       return this.host.shadowRoot.querySelector('input');
     }, {
@@ -420,9 +420,6 @@ export class VegaInput {
      */
     this.disableCopyPaste = false;
   }
-  watchSuffixText() {
-    methodPlaceholder();
-  }
   /**
    * The input component is embedded in other components.
    *
@@ -458,6 +455,9 @@ export class VegaInput {
   watchMaskChange(newValue, oldValue) {
     methodPlaceholder(newValue, oldValue);
   }
+  watchSuffixText() {
+    methodPlaceholder();
+  }
   watchSuggestionsDropdownSource() {
     methodPlaceholder();
   }
@@ -1228,6 +1228,52 @@ export class VegaInput {
         "text": "Configures input masking to automatically format the user's input according\nto a predefined pattern.\n\nSupports built-in mask types (`'phone'`, `'zipcode'`, `'taxId'`,\n`'thousand-comma'`, `'number'`) as well as custom masks via `'custom'` or\n`'custom-formatter'` strategies.\n\nPass a single `MaskConfigType` object or an array of configs to apply\nmultiple masks. Each config specifies the mask `type`, optional formatting\n`options`, and a `trigger` (`'input'` or `'blur'`) to control when\nformatting is applied."
       }
     },
+    "prefixText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "undefined"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.103.0"
+          }],
+        "text": "Text displayed before (to the left of) the input value inside the input field."
+      },
+      "attribute": "prefix-text",
+      "reflect": false
+    },
+    "suffixText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "undefined"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.103.0"
+          }],
+        "text": "Text displayed after (to the right of) the input value inside the input field."
+      },
+      "attribute": "suffix-text",
+      "reflect": false
+    },
     "disableCopyPaste": {
       "type": "boolean",
       "mutable": false,
@@ -1277,8 +1323,6 @@ export class VegaInput {
     }
   }; }
   static get states() { return {
-    "prefixText": {},
-    "suffixText": {},
     "isCompactInputWidth": {},
     "isPasswordDisplay": {},
     "suggestionsDropdownConfig": {}
@@ -1724,9 +1768,6 @@ export class VegaInput {
   }; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
-      "propName": "suffixText",
-      "methodName": "watchSuffixText"
-    }, {
       "propName": "value",
       "methodName": "watchValue"
     }, {
@@ -1738,6 +1779,9 @@ export class VegaInput {
     }, {
       "propName": "maskConfig",
       "methodName": "watchMaskChange"
+    }, {
+      "propName": "suffixText",
+      "methodName": "watchSuffixText"
     }, {
       "propName": "suggestionsDropdownSource",
       "methodName": "watchSuggestionsDropdownSource"

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

@@ -31,7 +31,7 @@ import { CreditCardBlurMaskStrategy } from '../../helpers/formatter/string-forma
  */
 export class VegaInputCreditCard {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
         {

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

@@ -47,7 +47,7 @@ export class VegaInputNumericRenderer extends VegaSlimmer {
     if (this.integerOnly) {
       maskOptions.precision = 0;
     }
-    return (h("vega-input", { value: this.value || '', showClearIcon: this.showClearIcon, disabled: this.disabled, label: this.label, hint: this.hint, required: this.required, optional: this.optional, type: "number", placeholder: this.placeholder, size: this.size === 'small' ? 'small' : 'default', prefixIcon: this.prefixIcon, ref: (ref) => {
+    return (h("vega-input", { value: this.value || '', showClearIcon: this.showClearIcon, disabled: this.disabled, label: this.label, hint: this.hint, required: this.required, optional: this.optional, type: "number", placeholder: this.placeholder, size: this.size === 'small' ? 'small' : 'default', prefixIcon: this.prefixIcon, prefixText: this.prefixText, suffixText: this.suffixText, ref: (ref) => {
         this.vegaInputRef = ref;
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (payload) => this.onInputChange(payload));
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaBlur, (payload) => this.onInputBlur(payload));
@@ -60,6 +60,12 @@ export class VegaInputNumericRenderer extends VegaSlimmer {
 __decorate([
   MapToComponentField()
 ], VegaInputNumericRenderer.prototype, "prefixIcon", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "prefixText", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "suffixText", void 0);
 __decorate([
   MapToComponentField()
 ], VegaInputNumericRenderer.prototype, "showClearIcon", void 0);

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

@@ -26,7 +26,7 @@ import { MaxNumberRule } from '../../helpers/validator/rules/max-number-rule';
  */
 export class VegaInputNumeric {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.valueController = new VegaInputNumericValueController();
     this.keyboardController = new VegaInputNumericKeyboardController();
     this.renderer = new VegaInputNumericRenderer();
@@ -53,8 +53,6 @@ export class VegaInputNumeric {
       defaultValue: '',
       attributeGetter: (propertyName) => this[propertyName],
     });
-    this.prefixTextNotifySlimmer = createSubStateNotifySlimmer(VegaInputNumeric, 'prefixText', 'watchPrefixText');
-    this.suffixTextNotifySlimmer = createSubStateNotifySlimmer(VegaInputNumeric, 'suffixText', 'watchSuffixText');
     this.isCompactInputWidthNotifySlimmer = createSubStateNotifySlimmer(VegaInputNumeric, 'isCompactInputWidth');
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.isCompactInputWidth = true;
@@ -877,12 +875,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputNumeric.prototype, "formFieldController", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaInputNumeric.prototype, "prefixTextNotifySlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaInputNumeric.prototype, "suffixTextNotifySlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputNumeric.prototype, "isCompactInputWidthNotifySlimmer", void 0);

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

@@ -24,7 +24,7 @@ import { ImmutableArray } from '../../helpers/immutable/immutable-array';
  */
 export class VegaInputPasscode {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
         {

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

@@ -28,7 +28,7 @@ import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimm
  */
 export class VegaInputPhoneNumber {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.valueController = new VegaInputPhoneNumberValueController();
     this.inputPhoneNumberRenderer = new VegaInputPhoneNumberRenderer();

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

@@ -26,7 +26,7 @@ import { TranslationSlimmer } from '../../helpers/slimmers/translation';
  */
 export class VegaInputRange {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.translationSlimmer = new TranslationSlimmer();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [

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

@@ -35,7 +35,7 @@ import { VegaInternalTranslation } from '../../helpers/translation/internal-tran
  */
 export class VegaInputSelect {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.translationSlimmer = new TranslationSlimmer();
     this.sourceController = new VegaInputSelectSourceController();
     this.vegaInputSelectRenderer = new VegaInputSelectRenderer();

package/dist/collection/components/vega-item-toggle/vega-item-toggle.js

@@ -21,7 +21,7 @@ import { VegaItemToggleRuntimeMetricsPayloadDefinition } from '../../constants/r
  */
 export class VegaItemToggle {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.toggleStatusEventEmitter = createEventEmitSlimmer(VegaItemToggle, VegaToggleStatus);
     this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaItemToggle, 'statusMap', 'itemToggleStatusMap', VegaItemToggle.defaultStatusMap);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaItemToggleRuntimeMetricsPayloadDefinition);

package/dist/collection/components/vega-loader-wrapper/vega-loader-wrapper.js

@@ -13,7 +13,7 @@ import { ManageVegaLoaderWrapperZIndexController } from './slimmers/controllers/
  */
 export class VegaLoaderWrapper {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.manageVegaLoaderWrapperZIndexController = new ManageVegaLoaderWrapperZIndexController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
   }

package/dist/collection/components/vega-loading-indicator/vega-loading-indicator.js

@@ -20,7 +20,7 @@ import { VegaLoadingIndicatorRuntimeMetricsPayloadDefinition } from '../../const
  */
 export class VegaLoadingIndicator {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     /**
      * The below method is e2e-test covered in
      * @see{module:vega-loading-indicator-resize-e2e}

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

@@ -32,7 +32,7 @@ import { VegaModalPaddingStateController } from './slimmers/controllers/vega-mod
  */
 export class VegaModal {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.nestedModalController = new VegaNestedModalController();
     this.openStateController = new VegaModalOpenStateController();
     this.mobileController = new VegaModalMobileController();

package/dist/collection/components/vega-nav/vega-left-nav/vega-left-nav.js

@@ -30,7 +30,7 @@ import { VegaInternalThemeManager } from '../../../helpers/theme/internal-theme-
  */
 export class VegaLeftNav {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.headerRenderer = new VegaLeftNavHeaderRenderer();
     this.footerRenderer = new VegaLeftNavFooterRenderer();
     this.openStateController = new VegaLeftNavOpenStateController();

package/dist/collection/components/vega-nav/vega-left-nav-group/vega-left-nav-group.js

@@ -22,7 +22,7 @@ import { VegaLeftNavGroupForInitializeSelectedObserver } from './slimmers/contro
  */
 export class VegaLeftNavGroup {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.renderer = new VegaLeftNavGroupRenderer();
     this.vegaLeftNavHierarchyController = new VegaLeftNavHierarchyController();
     this.linkClickObserverController = new VegaLeftNavGroupForLeftNavLinkClickObserver();

package/dist/collection/components/vega-nav/vega-left-nav-link/vega-left-nav-link.js

@@ -19,7 +19,7 @@ import { VegaLeftNavHierarchyController } from '../slimmers/vega-left-nav-group-
  */
 export class VegaLeftNavLink {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.renderer = new VegaLeftNavLinkRenderer();
     this.vegaLeftNavHierarchyController = new VegaLeftNavHierarchyController();
     this.controller = new VegaLeftNavLinkController();

package/dist/collection/components/vega-nav/vega-left-nav-section/vega-left-nav-section.js

@@ -16,7 +16,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimme
  */
 export class VegaLeftNavSection {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.renderer = new VegaLeftNavSectionRenderer();
     this.actionClickEventEmitter = createEventEmitSlimmer(VegaLeftNavSection, VegaActionClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();

package/dist/collection/components/vega-nav/vega-nav-card/vega-nav-card.js

@@ -16,7 +16,7 @@ import { VegaNavCardRuntimeMetricsPayloadDefinition } from '../../../constants/r
  */
 export class VegaNavCard {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.listRenderer = new VegaNavListRenderer();
     this.maxHeightController = new VegaNavCardMaxHeightController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaNavCardRuntimeMetricsPayloadDefinition);

package/dist/collection/components/vega-page-notification/vega-page-notification-list/vega-page-notification-list.js

@@ -12,7 +12,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimme
  */
 export class VegaPageNotificationList {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {

package/dist/collection/components/vega-page-notification/vega-page-notification.js

@@ -26,7 +26,7 @@ const typeIconMap = {
  */
 export class VegaPageNotification {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.isMobileDevice = getDeviceType() === DeviceType.MOBILE;
     /**

package/dist/collection/components/vega-pagination/vega-pagination-page-selector-mobile/vega-pagination-page-selector-mobile.js

@@ -17,7 +17,7 @@ import { ChildNodesEventPreventSlimmer } from '../../../helpers/event-manager/sl
  */
 export class VegaPaginationPageSelectorMobile {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.childEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.host);
     this.pageSelectorMobileRenderer = new PageSelectorMobileRenderer();

package/dist/collection/components/vega-pagination/vega-pagination-page-size-selector-mobile/vega-pagination-page-size-selector-mobile.js

@@ -16,7 +16,7 @@ import { PageSizeSelectorMobileDropdownRenderer } from './slimmers/renderers/pag
  */
 export class VegaPaginationPageSizeSelectorMobile {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.translationSlimmer = new TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.pageSizeSelectorMobileRenderer = new PageSizeSelectorMobileRenderer();

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

@@ -32,7 +32,7 @@ import { VegaPaginationLayoutController } from './slimmers/controllers/vega-pagi
  */
 export class VegaPagination {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.translationSlimmer = new TranslationSlimmer();
     this.childEventPrevent = new ChildNodesEventPreventSlimmer([VegaFormSubmit], () => this.host);
     this.childValueChangePrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.host, true);

package/dist/collection/components/vega-popover/vega-popover-content-box/vega-popover-content-box.js

@@ -14,7 +14,7 @@ import { formatAndValidResponsiveToken } from '../../../utils/design-token';
  */
 export class VegaPopoverContentBox {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Controls whether the arrow is display.

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

@@ -21,7 +21,7 @@ import { isOverlayHandledEscape, markOverlayHandledEscape, } from '../../helpers
  */
 export class VegaPopover {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.appenderRenderer = new VegaPopoverAppenderRenderer();
     this.appenderController = new VegaPopoverAppenderController();
     this.popoverShowEventEmitter = createEventEmitSlimmer(VegaPopover, VegaPopoverShow);

package/dist/collection/components/vega-progress-tracker/vega-progress-tracker-step/vega-progress-tracker-step.js

@@ -15,7 +15,7 @@ import { ProgressStepStatus } from '../slimmers/controllers/dto/internal-progres
  */
 export class VegaProgressTrackerStep {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.stateController = new VegaProgressTrackerStepStateController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.progressStatus = ProgressStepStatus.DEFAULT;

package/dist/collection/components/vega-progress-tracker/vega-progress-tracker.js

@@ -25,7 +25,7 @@ import { VegaProgressTrackerCurrentDirectionController } from './slimmers/contro
  */
 export class VegaProgressTracker {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.renderModeController = new VegaProgressTrackerRenderModeController();
     this.currentStepsController = new VegaProgressTrackerCurrentStepsController();
     this.currentStepController = new VegaProgressTrackerCurrentStepController();

package/dist/collection/components/vega-radio/vega-radio-group/vega-radio-group.js

@@ -27,7 +27,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimme
  */
 export class VegaRadioGroup {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
         {

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

@@ -23,7 +23,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
  */
 export class VegaRadio {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.changeEventEmitter = createEventEmitSlimmer(VegaRadio, VegaChange);
     this.focusEventEmitter = createEventEmitSlimmer(VegaRadio, VegaFocus);
     this.blurEventEmitter = createEventEmitSlimmer(VegaRadio, VegaBlur);

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

@@ -20,7 +20,7 @@ import { VegaInternalThemeManager } from '../../helpers/theme/internal-theme-man
  */
 export class VegaRichTextContent {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaRichTextContentRenderer = new VegaRichTextContentRenderer();
     this.vegaRichTextContentStateController = new VegaRichTextContentStateController();

package/dist/collection/components/vega-rich-text-editor/constants/constant.js

@@ -97,9 +97,13 @@ export const RTE_BLOCK_BOUNDARY_ATTRIBUTE = 'data-vega-rte-block-boundary';
  * whether to preserve the original inline styles.
  */
 export const RTE_PASTE_MODE_DATA_TYPE = 'application/x-vega-rte-paste-mode';
+/** Marks synthetic plain-paste text whose preserved-whitespace sentinels require decoding. */
+export const RTE_PRESERVED_WHITESPACE_DATA_TYPE = 'application/x-vega-rte-preserved-whitespace';
 /**
  * Custom DataTransfer MIME type value used to indicate that the paste content
  * originated from Microsoft Word.
  */
 export const RTE_PASTE_MODE_WORD = 'word';
 export const RTE_WORD_COUNT_KEY = 'rte-word-count';
+/** Custom paste mode value used to insert clipboard content without formatting. */
+export const RTE_PASTE_MODE_PLAIN = 'plain';

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

@@ -47,8 +47,8 @@ export class ActionHandlerInterceptorRegistry {
    * @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 targetClassName = targetClass.typeName;
+    const actionType = action instanceof ModifyContentAction ? action.type : action.typeName;
     const strategyMap = this.registry.get(targetClassName);
     if (strategyMap) {
       const set = strategyMap.get(actionType);

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

@@ -59,14 +59,14 @@ export class ActionHandleStrategyRegistry {
     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);
+      const actionType = action instanceof ModifyContentAction ? action.type : action.typeName;
+      const strategy = ActionHandleStrategyRegistry.get(actionType, RTEInstance.typeName);
       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}`);
+        LogUtility.warn(`Type ${actionType} action handle strategy is not registered in class ${RTEInstance.typeName}`);
       }
     };
     if (interceptor) {
@@ -84,7 +84,7 @@ export class ActionHandleStrategyRegistry {
    * @returns {boolean} - Whether the action type can be handled by the strategy.
    */
   static canHandle(actionType, RTEInstance) {
-    const strategy = ActionHandleStrategyRegistry.get(actionType, RTEInstance.constructor.name);
+    const strategy = ActionHandleStrategyRegistry.get(actionType, RTEInstance.typeName);
     return strategy ? true : false;
   }
 }

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

@@ -2,6 +2,7 @@ import RTEDTOClassManager from '../../../../helpers/rte-manager/dto-class-manage
 import { LogUtility } from '../../../../utils/log';
 import { generateUUID } from '../../../../utils/misc';
 import stateEntityRenderingRegistry from '../../slimmers/controllers/state-entity-rendering-registry';
+import { ModifyContentAction } from '../actions/modify-content-action.abstract';
 import { CommonAnnotationTypeEnum } from '../annotations/common-annotation.abstract';
 import { CustomStyleAnnotation } from '../annotations/custom-style-annotation';
 /**
@@ -17,7 +18,8 @@ export class ActionHandleStrategy {
    * @returns {R} - The invoke result in special strategy.
    */
   execute(action, target) {
-    LogUtility.log(`Executing action ${action.constructor.name} on ${target.constructor.name} ${target['id']}`);
+    const actionType = action instanceof ModifyContentAction ? action.type : action.typeName;
+    LogUtility.log(`Executing action ${actionType} on ${target.typeName} ${target['id']}`);
     return this.handleAction(action, target);
   }
   /**
@@ -58,7 +60,7 @@ export class ActionHandleStrategy {
   getRootContent(child) {
     const parent = child.parent;
     if (parent) {
-      if (parent.dtoName === 'VegaRTEContent') {
+      if (parent.typeName === 'VegaRTEContent') {
         return parent;
       }
       else {

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/block-delete-node-content-strategy.js

@@ -164,6 +164,6 @@ export class BlockDeleteNodeContentStrategy extends ActionHandleStrategy {
    * @returns {boolean} True if the block is not the root content block, false otherwise.
    */
   isRTEBlock(block) {
-    return block && block.dtoName !== 'VegaRTEContent';
+    return block && block.typeName !== 'VegaRTEContent';
   }
 }

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/list-transform-selection.js

@@ -11,13 +11,13 @@
  * @returns {RTEBlock[]} Top-level selected blocks to emit into the rebuilt list.
  */
 export function normalizeMixedListSelection(selectedBlocks, listType) {
-  const selectedListItems = new Set(selectedBlocks.filter((block) => block.dtoName === 'RTEListItemBlock'));
+  const selectedListItems = new Set(selectedBlocks.filter((block) => block.typeName === 'RTEListItemBlock'));
   return selectedBlocks.filter((block) => {
-    if (!(block.dtoName === 'RTEListItemBlock')) {
+    if (!(block.typeName === 'RTEListItemBlock')) {
       return true;
     }
     let parentList = block.parent;
-    while (parentList.parent && parentList.parent.dtoName === 'RTEListItemBlock') {
+    while (parentList.parent && parentList.parent.typeName === 'RTEListItemBlock') {
       const ownerItem = parentList.parent;
       if (selectedListItems.has(ownerItem)) {
         block.parent.type = listType;

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/list-transform-to-paragraph-strategy.js

@@ -317,8 +317,8 @@ export class ListTransformToParagraphStrategy extends ListAnnotationStrategy {
         return null;
       }
       path.unshift(itemIndex);
-      if (currentList.parent.dtoName === 'VegaRTEContent' ||
-        currentList.parent.dtoName === 'RTEHtmlBlock') {
+      if (currentList.parent.typeName === 'VegaRTEContent' ||
+        currentList.parent.typeName === 'RTEHtmlBlock') {
         const containerPath = this.getContainerPath(currentList);
         return containerPath ? [...containerPath, ...path] : null;
       }

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

@@ -22,7 +22,7 @@ export class PasteContentStrategy extends ActionHandleStrategy {
       // Do NOT allow inline merge for list blocks or other special block types.
       const canInlineMergeSingleBlock = blocksToBeInserted.length === 1 &&
         startNode instanceof RTETextNode &&
-        !['RTEListBlock', 'RTEHtmlBlock'].includes(singlePastedBlock.constructor.name) &&
+        !['RTEListBlock', 'RTEHtmlBlock'].includes(singlePastedBlock.typeName) &&
         singlePastedBlock.children.length > 0 &&
         singlePastedBlock.children.every((child) => { var _a, _b; return ((_b = (_a = child).isTextNode) === null || _b === void 0 ? void 0 : _b.call(_a)) === true; });
       if (startNode === target.children[0] && startOffset === 0) {

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/sequential-composition-strategy.js

@@ -0,0 +1,31 @@
+import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
+/**
+ * Runs each step of a `SequentialCompositionAction` against its own target. Inner leaf actions stay
+ * non-flushable, so only the outer composition emits the single flush notification. A step can be a
+ * factory that builds its operation(s) at apply time, reading earlier applied actions by their type.
+ */
+export class SequentialCompositionStrategy extends ActionHandleStrategy {
+  /**
+   * @inheritDoc
+   */
+  handleAction(action) {
+    const results = new Map();
+    const context = {
+      // eslint-disable-next-line jsdoc/require-jsdoc
+      getAction: (type) => results.get(type),
+    };
+    action.steps.forEach((step) => {
+      const produced = typeof step === 'function' ? step(context) : step;
+      if (!produced) {
+        return;
+      }
+      const operations = Array.isArray(produced) ? produced : [produced];
+      operations.forEach((operation) => {
+        // Avoid multiple flush value
+        operation.action.isFlushable = false;
+        operation.target.apply(operation.action);
+        results.set(operation.action.type, operation.action);
+      });
+    });
+  }
+}

package/dist/collection/components/vega-rich-text-editor/dto/actions/annotation-action.abstract.js

@@ -1,5 +1,7 @@
+import { Discriminated } from '../../../../helpers/discriminator/discriminated';
 /**
  * Abstract class for annotation actions
  */
-export class AnnotationAction {
+export class AnnotationAction extends Discriminated {
 }
+AnnotationAction.typeName = 'AnnotationAction';

package/dist/collection/components/vega-rich-text-editor/dto/actions/bold-annotation-action.js

@@ -18,3 +18,4 @@ export class BoldAnnotationAction extends TextSplittableAction {
     return new BoldAnnotation(this.bold);
   }
 }
+BoldAnnotationAction.typeName = 'BoldAnnotationAction';

package/dist/collection/components/vega-rich-text-editor/dto/actions/clear-formatting-annotation-action.js

@@ -17,3 +17,4 @@ export class ClearFormattingAnnotationAction extends TextSplittableAction {
     return new ClearFormattingAnnotation();
   }
 }
+ClearFormattingAnnotationAction.typeName = 'ClearFormattingAnnotationAction';

package/dist/collection/components/vega-rich-text-editor/dto/actions/code-annotation-action.js

@@ -18,3 +18,4 @@ export class CodeAnnotationAction extends TextSplittableAction {
     return new CodeAnnotation(this.code);
   }
 }
+CodeAnnotationAction.typeName = 'CodeAnnotationAction';

package/dist/collection/components/vega-rich-text-editor/dto/actions/custom-style-annotation-action.js

@@ -18,3 +18,4 @@ export class CustomStyleAnnotationAction extends AnnotationAction {
     return new CustomStyleAnnotation(this.customStyle);
   }
 }
+CustomStyleAnnotationAction.typeName = 'CustomStyleAnnotationAction';