@globalpayments/vega 2.47.1 → 2.49.0

package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-link-click-controller.js

@@ -0,0 +1,70 @@
+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 { Observer } from '../../../../../helpers/change-manager/observer/observer';
+import changeManager from '../../../../../helpers/change-manager/change-manager';
+import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalLeftNavLinkSelected } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+export class VegaLeftNavGroupForLeftNavLinkClickObserver extends VegaSlimmer {
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      changeManager.unregister(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavLinkSelected), this.observer);
+    }
+  }
+  componentWillLoad() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      this.observer = new Observer(this.isAcceptableObserver.bind(this), this.observerListener.bind(this));
+      changeManager.register(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavLinkSelected), this.observer);
+    }
+  }
+  isAcceptableObserver(input) {
+    return !this.host.contains(input['host']);
+  }
+  /**
+   * Determines if the group should be collapsed based on the autoCollapseGroups property and the openByDefault property.
+   * If autoCollapseGroups is 'on-link-click', true, false, or 'always', then the group should be collapsed.
+   *
+   * @returns {boolean} - Returns true if the group should be collapsed, otherwise false.
+   */
+  shouldCollapse() {
+    return (this.autoCollapseGroups === 'on-link-click' ||
+      this.autoCollapseGroups === true ||
+      this.autoCollapseGroups === false ||
+      this.autoCollapseGroups === 'always');
+  }
+  observerListener() {
+    if (this.shouldCollapse()) {
+      this.vegaLeftNavGroupOpenStateController.close();
+    }
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "autoCollapseGroups", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "vegaLeftNavGroupOpenStateController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "vegaLeftNavHierarchyController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "openByDefault", void 0);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "disconnectedCallback", null);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "componentWillLoad", null);

package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-open-state-controller.js

@@ -0,0 +1,47 @@
+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, VegaSlimmer } from 'vega-slimmer/core';
+export class VegaLeftNavGroupOpenStateController extends VegaSlimmer {
+  /**
+   * Checks if the left nav group is currently open.
+   * This method checks if the 'open' class is present in the group container.
+   *
+   * @returns {boolean} - Returns true if the group is open, false otherwise.
+   */
+  isOpen() {
+    return this.renderer.getGroupContainer().classList.contains('open');
+  }
+  /**
+   * Opens the left nav group.
+   * This method adds the 'open' class to the group container.
+   */
+  open() {
+    this.renderer.getGroupContainer().classList.add('open');
+  }
+  /**
+   * Closes the left nav group.
+   * This method removes the 'open' class from the group container.
+   */
+  close() {
+    this.renderer.getGroupContainer().classList.remove('open');
+  }
+  /**
+   * Toggle the left nav group.
+   * This method toggle the 'open' class from the group container.
+   */
+  toggle() {
+    if (this.isOpen()) {
+      this.close();
+    }
+    else {
+      this.open();
+    }
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupOpenStateController.prototype, "renderer", void 0);

package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-other-groups-click-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 { Observer } from '../../../../../helpers/change-manager/observer/observer';
+import changeManager from '../../../../../helpers/change-manager/change-manager';
+import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalLeftNavGroupExpand } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+export class VegaLeftNavGroupForOtherGroupsClickObserver extends VegaSlimmer {
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      changeManager.unregister(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavGroupExpand), this.observer);
+    }
+  }
+  componentWillLoad() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      this.observer = new Observer(this.isAcceptableObserver.bind(this), this.observerListener.bind(this));
+      changeManager.register(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavGroupExpand), this.observer);
+    }
+  }
+  isAcceptableObserver(input) {
+    return input['host'] !== this.host && !this.host.contains(input['host']);
+  }
+  shouldCollapse() {
+    return (this.autoCollapseGroups == true ||
+      this.autoCollapseGroups === 'on-group-click' ||
+      this.autoCollapseGroups === 'always');
+  }
+  observerListener() {
+    if (this.shouldCollapse()) {
+      this.vegaLeftNavGroupOpenStateController.close();
+    }
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "autoCollapseGroups", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "vegaLeftNavGroupOpenStateController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "vegaLeftNavHierarchyController", void 0);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "disconnectedCallback", null);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "componentWillLoad", null);

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

@@ -19,12 +19,10 @@ export class VegaLeftNavGroupRenderer extends VegaSlimmer {
       const currentTarget = e.currentTarget;
       if (currentTarget && currentTarget.dataset.root === '$1') {
         e.preventDefault();
-        this.groupContainer.classList.toggle('open');
-        const isExpand = this.groupContainer.classList.contains('open');
+        this.vegaLeftNavGroupOpenStateController.toggle();
+        const isExpand = this.vegaLeftNavGroupOpenStateController.isOpen();
         this.groupClickEventEmitter.emit(isExpand ? 'EXPAND' : 'COLLAPSE');
-        if (this.autoCollapseGroups) {
-          this.notifyOtherGroup(isExpand);
-        }
+        this.notifyOtherGroup();
       }
     };
   }
@@ -52,9 +50,9 @@ export class VegaLeftNavGroupRenderer extends VegaSlimmer {
   /**
    * Notify other left nav groups to collapse
    */
-  notifyOtherGroup(isExpand) {
-    const topParent = this.siblingObserverController.getTopParent();
-    if (topParent && isExpand) {
+  notifyOtherGroup() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
       changeManager.notify(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavGroupExpand), { host: this.host });
     }
   }
@@ -82,10 +80,13 @@ __decorate([
 ], VegaLeftNavGroupRenderer.prototype, "groupClickEventEmitter", void 0);
 __decorate([
   MapToComponentField()
-], VegaLeftNavGroupRenderer.prototype, "siblingObserverController", void 0);
+], VegaLeftNavGroupRenderer.prototype, "vegaLeftNavHierarchyController", void 0);
 __decorate([
   MapToComponentField()
 ], VegaLeftNavGroupRenderer.prototype, "openByDefault", void 0);
 __decorate([
   MapToComponentField()
 ], VegaLeftNavGroupRenderer.prototype, "itemKey", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "vegaLeftNavGroupOpenStateController", void 0);

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

@@ -8,12 +8,15 @@ import { h, Component, Prop, Element, Event, State, Host } from '@stencil/core';
 import { sanitizeVegaComponent } from '../../../utils/component';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, slotPlaceholder, } from 'vega-slimmer/core';
 import { VegaLeftNavGroupRenderer } from './slimmers/renderers/vega-left-nav-group-renderer';
-import { VegaLeftNavGroupController } from './slimmers/controllers/vega-left-nav-group-controller';
+import { VegaLeftNavGroupForLeftNavLinkClickObserver } from './slimmers/controllers/vega-left-nav-group-link-click-controller';
 import { createEventEmitSlimmer, } from '../../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaGroupClick } from '../../../helpers/event-manager/event-id/vega-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
-import { VegaLeftNavGroupSiblingObserverController } from './slimmers/controllers/vega-left-nav-group-sibling-observer-controller';
+import { VegaLeftNavGroupForOtherGroupsClickObserver } from './slimmers/controllers/vega-left-nav-group-other-groups-click-controller';
 import { VegaLeftNavGroupStateController } from './slimmers/controllers/vega-left-nav-group-state-controller';
+import { VegaLeftNavGroupOpenStateController } from './slimmers/controllers/vega-left-nav-group-open-state-controller';
+import { VegaLeftNavHierarchyController } from '../slimmers/vega-left-nav-group-hierarchy-controller';
+import { VegaLeftNavGroupForInitializeSelectedObserver } from './slimmers/controllers/vega-left-nav-group-initialize-selected-controller';
 /**
  * @vegaVersion 1.31.0
  */
@@ -21,11 +24,14 @@ export class VegaLeftNavGroup {
   constructor() {
     this.globalSlimmers = {};
     this.renderer = new VegaLeftNavGroupRenderer();
-    this.controller = new VegaLeftNavGroupController();
-    this.siblingObserverController = new VegaLeftNavGroupSiblingObserverController();
+    this.vegaLeftNavHierarchyController = new VegaLeftNavHierarchyController();
+    this.linkClickObserverController = new VegaLeftNavGroupForLeftNavLinkClickObserver();
+    this.otherGroupsClickObserverController = new VegaLeftNavGroupForOtherGroupsClickObserver();
     this.groupClickEventEmitter = createEventEmitSlimmer(VegaLeftNavGroup, VegaGroupClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaLeftNavGroupStateController = new VegaLeftNavGroupStateController();
+    this.vegaLeftNavGroupOpenStateController = new VegaLeftNavGroupOpenStateController();
+    this.vegaLeftNavGroupForInitializeSelectedController = new VegaLeftNavGroupForInitializeSelectedObserver();
     this.autoCollapseGroups = false;
     /** label attached to the left nav group items **
      * @vegaVersion 1.31.0
@@ -185,10 +191,13 @@ __decorate([
 ], VegaLeftNavGroup.prototype, "renderer", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaLeftNavGroup.prototype, "controller", void 0);
+], VegaLeftNavGroup.prototype, "vegaLeftNavHierarchyController", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaLeftNavGroup.prototype, "siblingObserverController", void 0);
+], VegaLeftNavGroup.prototype, "linkClickObserverController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "otherGroupsClickObserverController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaLeftNavGroup.prototype, "groupClickEventEmitter", void 0);
@@ -198,3 +207,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaLeftNavGroup.prototype, "vegaLeftNavGroupStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "vegaLeftNavGroupOpenStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "vegaLeftNavGroupForInitializeSelectedController", void 0);

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

@@ -8,7 +8,22 @@ import { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
 import { LEFT_NAV_LINK_SELECTED_TOPIC } from '../../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import ChangeManager from '../../../../../helpers/change-manager/change-manager';
 import { VegaNavObserverSlimmer } from '../../../slimmers/vega-nav-observer-slimmer';
+import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalInitializeLeftNavLinkSelected } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
 export class VegaLeftNavLinkController extends VegaNavObserverSlimmer {
+  /**
+   * When selected is true during initialization, the VegaInternalInitializeLeftNavLinkSelected observer needs to be notified
+   */
+  componentWillRender() {
+    if (this.selected) {
+      const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+      if (topParent) {
+        ChangeManager.notify(domNodeSubjectFactory.getSubject(topParent, VegaInternalInitializeLeftNavLinkSelected), {
+          host: this.host,
+        });
+      }
+    }
+  }
   componentDidRender() {
     if (this.selected) {
       ChangeManager.notify(LEFT_NAV_LINK_SELECTED_TOPIC, this.host);
@@ -39,6 +54,12 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaLeftNavLinkController.prototype, "selected", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavLinkController.prototype, "vegaLeftNavHierarchyController", void 0);
+__decorate([
+  MapToComponentMethod('componentWillRender')
+], VegaLeftNavLinkController.prototype, "componentWillRender", null);
 __decorate([
   MapToComponentMethod('componentDidRender')
 ], VegaLeftNavLinkController.prototype, "componentDidRender", null);

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

@@ -9,7 +9,7 @@ import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import changeManager from '../../../../../helpers/change-manager/change-manager';
 import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { findParent } from '../../../../../utils/ui';
-import { VegaInternalLeftNavLinkClick } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { VegaInternalLeftNavLinkClick, VegaInternalLeftNavLinkSelected, } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
 export class VegaLeftNavLinkRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -24,6 +24,7 @@ export class VegaLeftNavLinkRenderer extends VegaSlimmer {
       }
       this.menuClickEventEmitter.emit();
       this.notifyVegaLeftNav();
+      this.notifyVegaLeftGroup();
     };
   }
   render() {
@@ -48,6 +49,14 @@ export class VegaLeftNavLinkRenderer extends VegaSlimmer {
       });
     }
   }
+  notifyVegaLeftGroup() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      changeManager.notify(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavLinkSelected), {
+        host: this.host,
+      });
+    }
+  }
 }
 __decorate([
   MapToComponentField()
@@ -79,3 +88,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaLeftNavLinkRenderer.prototype, "itemKey", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavLinkRenderer.prototype, "vegaLeftNavHierarchyController", void 0);

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

@@ -13,6 +13,7 @@ import { createEventEmitSlimmer, } from '../../../helpers/event-manager/slimmers
 import { VegaMenuClick } from '../../../helpers/event-manager/event-id/vega-event-id';
 import { createDeprecatedPropertySlimmer, } from '../../../helpers/slimmers/deprecated-property-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaLeftNavHierarchyController } from '../slimmers/vega-left-nav-group-hierarchy-controller';
 /**
  * @vegaVersion 1.31.0
  */
@@ -20,6 +21,7 @@ export class VegaLeftNavLink {
   constructor() {
     this.globalSlimmers = {};
     this.renderer = new VegaLeftNavLinkRenderer();
+    this.vegaLeftNavHierarchyController = new VegaLeftNavHierarchyController();
     this.controller = new VegaLeftNavLinkController();
     this.menuClickEventEmitter = createEventEmitSlimmer(VegaLeftNavLink, VegaMenuClick);
     this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaLeftNavLink, 'counterBadge.count', 'counterBadge.counter', undefined);
@@ -232,6 +234,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaLeftNavLink.prototype, "renderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavLink.prototype, "vegaLeftNavHierarchyController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaLeftNavLink.prototype, "controller", void 0);

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

@@ -60,6 +60,9 @@
 :host .rich-text-content h1,
 :host .rich-text-content h2,
 :host .rich-text-content h3,
+:host .rich-text-content h4,
+:host .rich-text-content h5,
+:host .rich-text-content h6,
 :host .rich-text-content p {
   margin: 0;
 }

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

@@ -27,6 +27,12 @@ export class BoldAnnotation extends NodeAnnotation {
       bold: this.bold,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new BoldAnnotation(this.bold);
+  }
   /**
    * Generate the style for the annotation
    *

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

@@ -27,6 +27,12 @@ export class CodeAnnotation extends NodeAnnotation {
       code: this.code,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new CodeAnnotation(this.code);
+  }
   /**
    * Generate the class for the annotation
    *

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

@@ -35,6 +35,12 @@ export class HorizontalAlignmentAnnotation extends BlockAnnotation {
   renderClass() {
     return `v-rte--horizontal-alignment-${this.textAlign}`;
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new HorizontalAlignmentAnnotation(this.textAlign);
+  }
   /**
    * Generate the style for the annotation
    *

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

@@ -35,6 +35,12 @@ export class ImageAnnotation extends NodeAnnotation {
         size: this.size,
       };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new ImageAnnotation(this.size, this.alt);
+  }
   /**
    * Generate the style for the image
    *

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

@@ -25,6 +25,12 @@ export class IndentAnnotation extends BlockAnnotation {
   toJSON() {
     return this.indent > 0 ? { indent: this.indent } : null;
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new IndentAnnotation(this.indent);
+  }
   /**
    * Generate the style for the annotation
    *

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

@@ -27,6 +27,12 @@ export class ItalicAnnotation extends NodeAnnotation {
       italic: this.italic,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new ItalicAnnotation(this.italic);
+  }
   /**
    * Generate the style for the annotation
    *

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

@@ -28,6 +28,12 @@ export class LinkAnnotation extends NodeAnnotation {
   toJSON() {
     return { link: { href: this.link.href, groupKey: this.link.groupKey } };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new LinkAnnotation(this.link);
+  }
   /**
    * Verify whether two link annotation is same or not
    *

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

@@ -9,4 +9,11 @@ export class LinkGroupAnnotation extends Annotation {
     this.linkGroups = new Map();
     this.linkGroups = new Map([[groupKey, []]]);
   }
+  clone() {
+    const clonedAnnotation = new LinkGroupAnnotation('');
+    this.linkGroups.forEach((nodes, key) => {
+      clonedAnnotation.linkGroups.set(key, nodes.map((node) => node.clone()));
+    });
+    return clonedAnnotation;
+  }
 }

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

@@ -8,4 +8,12 @@ export class SelectionRangeAnnotation extends Annotation {
     this.type = InternalAnnotationTypeEnum.SELECTION_RANGE;
     this.range = range;
   }
+  /**
+   * Clone the selection range annotation
+   *
+   * @returns {SelectionRangeAnnotation} A cloned instance of the selection range annotation
+   */
+  clone() {
+    return new SelectionRangeAnnotation(this.range);
+  }
 }

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

@@ -27,6 +27,12 @@ export class StrikethroughAnnotation extends NodeAnnotation {
       strikethrough: this.strikethrough,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new StrikethroughAnnotation(this.strikethrough);
+  }
   /**
    * Generate the class for the annotation
    *

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

@@ -29,6 +29,12 @@ export class TextColorAnnotation extends NodeAnnotation {
       textColor: this.textColor.key,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new TextColorAnnotation(this.textColor.key);
+  }
   /**
    * Generate the class for the annotation
    *

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

@@ -25,6 +25,12 @@ export class TextStyleAnnotation extends BlockAnnotation {
   toJSON() {
     return { textStyle: this.textStyle };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new TextStyleAnnotation(this.textStyle);
+  }
   /**
    * Render the styles by block type
    *
@@ -56,6 +62,15 @@ export class TextStyleAnnotation extends BlockAnnotation {
       case 'heading-3': {
         return { fontFamily: 'Inter', fontSize: '18px', lineHeight: '22px', fontWeight: '500' };
       }
+      case 'heading-4': {
+        return { fontFamily: 'Inter', fontSize: '16px', lineHeight: '22px', fontWeight: '500' };
+      }
+      case 'heading-5': {
+        return { fontFamily: 'Inter', fontSize: '14px', lineHeight: '22px', fontWeight: '500' };
+      }
+      case 'heading-6': {
+        return { fontFamily: 'Inter', fontSize: '12px', lineHeight: '22px', fontWeight: '500' };
+      }
     }
   }
 }

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

@@ -27,6 +27,12 @@ export class UnderlineAnnotation extends NodeAnnotation {
       underline: this.underline,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new UnderlineAnnotation(this.underline);
+  }
   /**
    * Generate the class for the annotation
    *

package/dist/collection/components/vega-rich-text-editor/dto/blocks/block.abstract.js

@@ -98,4 +98,12 @@ export class RTEBlock {
     this.annotationMap.set(annotation.type, annotation);
     typeof this.doAnnotationActionApply === 'function' && this.doAnnotationActionApply(action);
   }
+  /**
+   * clone annotations of the block
+   *
+   * @returns {BlockAnnotations} - Cloned annotations
+   */
+  cloneAnnotations() {
+    return new Map(Array.from(this.annotationMap.entries()).map(([key, value]) => [key, value.clone()]));
+  }
 }

package/dist/collection/components/vega-rich-text-editor/dto/blocks/image-block.js

@@ -71,6 +71,20 @@ export class RTEImageBlock extends RTEBlock {
   createNewImageBlock() {
     return new RTEImageBlock(generateUUID());
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    const clonedBlock = new RTEImageBlock(this.id);
+    clonedBlock.nodes = this.nodes.map((node) => {
+      const clonedNode = node.clone();
+      clonedNode.parentBlock = clonedBlock;
+      return clonedNode;
+    });
+    clonedBlock.annotationMap = super.cloneAnnotations();
+    clonedBlock.parent = this.parent;
+    return clonedBlock;
+  }
 }
 (() => {
   ActionHandleStrategyRegistry.register(ModifyContentActionType.DELETE_BLOCK_CONTENT, RTEImageBlock.name, new BlockDeleteImageStrategy());

package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-block.js

@@ -52,6 +52,20 @@ export class RTEListBlock extends RTEBlock {
   getLastNode() {
     return this.blocks[this.blocks.length - 1].getLastNode();
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    const clonedListBlock = new RTEListBlock(this.id, this.type);
+    clonedListBlock.blocks = this.blocks.map((item) => {
+      const clonedListItemBlock = item.clone();
+      clonedListItemBlock.parent = clonedListBlock;
+      return clonedListItemBlock;
+    });
+    clonedListBlock.annotationMap = super.cloneAnnotations();
+    clonedListBlock.parent = this.parent;
+    return clonedListBlock;
+  }
 }
 (() => {
   ActionHandleStrategyRegistry.register(ModifyContentActionType.DELETE_CHILD, RTEListBlock.name, new ListRemoveListItemStrategy());