@globalpayments/vega 2.100.0 → 2.102.0

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

@@ -8,11 +8,10 @@ import { h } from '@stencil/core';
 import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
 import { DomNodeSubjectObserverFactory } from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 import { VegaChange } from '../../../../helpers/event-manager/event-id/vega-event-id';
-import { VegaInternalIconManager } from '../../../../helpers/icon/internal-icon-manager';
 import { getCountryCallingCode } from '../../../../polyfill/libphonenumber';
 import { COUNTRIES } from '../../assets/countries';
 import remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
-import { VegaDropdownRenderItemInternalOverridden, VegaInputSelectRenderPrefixIconInternalOverridden, } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { VegaDropdownRenderItemInternalOverridden } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { FeatureFlag } from '../../../../helpers/feature-control/feature-flag-controller';
 export class CountrySelectRenderer extends VegaSlimmer {
@@ -93,7 +92,7 @@ export class CountrySelectRenderer extends VegaSlimmer {
           isScreenPosition: FeatureFlag.isEnabled('VEGA_INPUT_PHONE_NUMBER.ENABLE_CALCULATION_POSITION_BY_SCREEN'),
           matchTargetWidth: false,
           size: this.estimateMaxWidthOfCountries(countries),
-        }, size: this.size, prefixIcon: VegaInternalIconManager.getIconKey(this.countryCode), disabled: this.disabled, placeholder: "", ref: (inputSelect) => {
+        }, size: this.size, disabled: this.disabled, placeholder: "", ref: (inputSelect) => {
           this.inputSelectRef = inputSelect;
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(inputSelect, VegaChange, 
           /*
@@ -105,11 +104,8 @@ export class CountrySelectRenderer extends VegaSlimmer {
             this.handleCountrySelectChange(e.detail);
           });
           remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaDropdownRenderItemInternalOverridden), this.renderDropdownItem.bind(this));
-          remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInputSelectRenderPrefixIconInternalOverridden), this.renderDropdownPrefixIconWithFlagIcon.bind(this));
-        }, value: this.countryCode })));
-  }
-  renderDropdownPrefixIconWithFlagIcon(prefixIcon) {
-    return h("vega-flag-icon", { country: prefixIcon.split(' ')[1] });
+        }, value: this.countryCode },
+        h("vega-flag-icon", { slot: "prefix", country: this.countryCode }))));
   }
   /*
    * The below method is e2e-test covered in

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/slimmers/renderers/vega-input-select-prefix-icon-renderer.js

@@ -6,35 +6,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
 import { h } from '@stencil/core';
-import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import { VegaInputSelectRenderPrefixIconInternalOverridden } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
-import remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
-/** Manager remote invocation */
 export class VegaInputSelectPrefixIconRenderer extends VegaSlimmer {
-  /**
-   * Component lifecycle - connectedCallback
-   */
-  connectedCallback() {
-    this.remotePhoneNumberPrefixIconRenderSubject =
-      domNodeSubjectFactory.getSubjectFromParentNodeByEventId(this.host, VegaInputSelectRenderPrefixIconInternalOverridden);
-  }
-  /**
-   * Call the render function in input-phone-number.
-   *
-   * @param {unknown[]} args - arguments of remote search function
-   * @returns {Nullable<HTMLVegaFlagIconElement>} - returned vega-flag-icon.
-   */
-  callRemotePrefixIconRender(...args) {
-    if (this.remotePhoneNumberPrefixIconRenderSubject) {
-      const renderResult = remoteInvocationRegistry.call(this.remotePhoneNumberPrefixIconRenderSubject, ...args);
-      if (renderResult)
-        return renderResult;
-    }
-    return null;
+  checkPrefixSlotPresence() {
+    this.hasPrefixSlot = this.host.querySelector('[slot="prefix"]') !== null;
   }
   render() {
-    const renderResult = this.callRemotePrefixIconRender(this.prefixIcon);
-    return (this.prefixIcon && (h("div", { class: "vega-input-select-prefix-icon" }, renderResult ? (renderResult) : (h("vega-icon", { icon: this.prefixIcon, size: "size-16" })))));
+    return ((this.hasPrefixSlot || this.prefixIcon) && (h("div", { class: "vega-input-select-prefix-icon" }, this.hasPrefixSlot ? (h("slot", { name: "prefix" })) : (h("vega-icon", { icon: this.prefixIcon, size: "size-16" })))));
   }
 }
 __decorate([
@@ -44,5 +21,8 @@ __decorate([
   MapToComponentField()
 ], VegaInputSelectPrefixIconRenderer.prototype, "prefixIcon", void 0);
 __decorate([
-  MapToComponentMethod('connectedCallback')
-], VegaInputSelectPrefixIconRenderer.prototype, "connectedCallback", null);
+  MapToComponentField({ writable: true })
+], VegaInputSelectPrefixIconRenderer.prototype, "hasPrefixSlot", void 0);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], VegaInputSelectPrefixIconRenderer.prototype, "checkPrefixSlotPresence", null);

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();
@@ -83,6 +83,7 @@ export class VegaInputSelect {
     this.isDropdownShow = false;
     this.currentBreakpoint = getCurrentBreakpoint();
     this.isLazyLoading = false;
+    this.hasPrefixSlot = false;
     /**
      * Specifies the label or title for the input field.
      *
@@ -801,7 +802,8 @@ export class VegaInputSelect {
     "isDropdownShow": {},
     "currentBreakpoint": {},
     "isLazyLoading": {},
-    "selectedItem": {}
+    "selectedItem": {},
+    "hasPrefixSlot": {}
   }; }
   static get events() { return [{
       "method": "vegaChange",

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/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/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';

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

@@ -17,3 +17,4 @@ export class DeleteNodeAnnotationAction extends AnnotationAction {
     return undefined;
   }
 }
+DeleteNodeAnnotationAction.typeName = 'DeleteNodeAnnotationAction';

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

@@ -18,3 +18,4 @@ export class HorizontalAlignmentAnnotationAction extends AnnotationAction {
     return new HorizontalAlignmentAnnotation(this.textAlign);
   }
 }
+HorizontalAlignmentAnnotationAction.typeName = 'HorizontalAlignmentAnnotationAction';

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

@@ -19,3 +19,4 @@ export class ImageAnnotationAction extends AnnotationAction {
     return new ImageAnnotation(this.size, this.alt);
   }
 }
+ImageAnnotationAction.typeName = 'ImageAnnotationAction';

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

@@ -18,3 +18,4 @@ export class IndentAnnotationAction extends AnnotationAction {
     return new IndentAnnotation(this.indent);
   }
 }
+IndentAnnotationAction.typeName = 'IndentAnnotationAction';

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

@@ -18,3 +18,4 @@ export class ItalicAnnotationAction extends TextSplittableAction {
     return new ItalicAnnotation(this.italic);
   }
 }
+ItalicAnnotationAction.typeName = 'ItalicAnnotationAction';

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

@@ -25,3 +25,4 @@ export class LinkAnnotationAction extends TextSplittableAction {
     return new LinkAnnotation(this.link);
   }
 }
+LinkAnnotationAction.typeName = 'LinkAnnotationAction';

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

@@ -20,3 +20,4 @@ export class LinkGroupAnnotationAction extends AnnotationAction {
     return new LinkGroupAnnotation(this.groupKey);
   }
 }
+LinkGroupAnnotationAction.typeName = 'LinkGroupAnnotationAction';

package/dist/collection/components/vega-rich-text-editor/dto/actions/selection-change-action.js

@@ -18,3 +18,4 @@ export class SelectionChangeAction extends AnnotationAction {
     return new SelectionRangeAnnotation(this.range);
   }
 }
+SelectionChangeAction.typeName = 'SelectionChangeAction';

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

@@ -11,3 +11,4 @@ export class TextSplittableAction extends AnnotationAction {
     this.doSplit = true;
   }
 }
+TextSplittableAction.typeName = 'TextSplittableAction';

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

@@ -18,3 +18,4 @@ export class StrikethroughAnnotationAction extends TextSplittableAction {
     return new StrikethroughAnnotation(this.strikethrough);
   }
 }
+StrikethroughAnnotationAction.typeName = 'StrikethroughAnnotationAction';

package/dist/collection/components/vega-rich-text-editor/dto/actions/sync-up-selection-action.js

@@ -16,3 +16,4 @@ export class SyncUpSelectionAction extends AnnotationAction {
     return null;
   }
 }
+SyncUpSelectionAction.typeName = 'SyncUpSelectionAction';

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

@@ -18,3 +18,4 @@ export class TextColorAnnotationAction extends TextSplittableAction {
     return new TextColorAnnotation(this.textColor);
   }
 }
+TextColorAnnotationAction.typeName = 'TextColorAnnotationAction';

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

@@ -19,3 +19,4 @@ export class TextStyleAnnotationAction extends AnnotationAction {
     return new TextStyleAnnotation(this.textStyle);
   }
 }
+TextStyleAnnotationAction.typeName = 'TextStyleAnnotationAction';

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

@@ -18,3 +18,4 @@ export class UnderlineAnnotationAction extends TextSplittableAction {
     return new UnderlineAnnotation(this.underline);
   }
 }
+UnderlineAnnotationAction.typeName = 'UnderlineAnnotationAction';

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

@@ -8,4 +8,12 @@ export var InternalAnnotationTypeEnum;
  * Abstract class for all annotations
  */
 export class Annotation {
+  /**
+   * Whether the annotation only represents transient formatting state.
+   *
+   * @returns {boolean} True when the annotation should be treated as formatting-only.
+   */
+  get isFormattingOnly() {
+    return false;
+  }
 }