@globalpayments/vega 2.34.0 → 2.34.1

package/dist/cjs/vega-table_8.cjs.entry.js

@@ -3562,7 +3562,7 @@ __decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], SortIconRenderer.prototype, "sortOrder", void 0);
 
-const vegaTableHeadCellCss = ":host(.v-hidden){display:none}@media (min-width: 320px){:host(.S\\:v-table-cell){display:table-cell}}@media (min-width: 768px){:host(.M\\:v-table-cell){display:table-cell}}@media (min-width: 1024px){:host(.L\\:v-table-cell){display:table-cell}}@media (min-width: 1440px){:host(.XL\\:v-table-cell){display:table-cell}}:host{display:table-cell;background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:left;vertical-align:middle}:host(.sortable){cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.sortable:hover){background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}th{display:block;padding:0px;padding:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){th{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){th{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){th{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}th.break-word{word-break:break-word}.vega-table-column{display:flex;align-items:center}.vega-table-column.center{justify-content:center}.vega-table-column.right{justify-content:flex-end}.vega-table-column.left{justify-content:flex-start}.vega-table-column .vega-table-column-label{min-width:0px}.vega-table-column .vega-table-column-sorter{display:flex;align-items:center;justify-content:center;padding:2px;margin-left:8px;cursor:pointer;outline:none}:host(.density-default) .vega-table-cell{padding:12px}:host(.density-compact) .vega-table-cell{padding:4px}:host(.density-relaxed) .vega-table-cell{padding:16px}";
+const vegaTableHeadCellCss = ":host(.v-hidden){display:none}@media (min-width: 320px){:host(.S\\:v-table-cell){display:table-cell}}@media (min-width: 768px){:host(.M\\:v-table-cell){display:table-cell}}@media (min-width: 1024px){:host(.L\\:v-table-cell){display:table-cell}}@media (min-width: 1440px){:host(.XL\\:v-table-cell){display:table-cell}}:host{display:table-cell;background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:left;vertical-align:middle}:host(.sortable){cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.sortable:hover){background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}th{display:block;padding:0px;padding:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){th{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){th{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){th{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}th.break-word{word-break:break-word}.vega-table-column{display:flex;align-items:center}.vega-table-column.center{justify-content:center;text-align:center}.vega-table-column.right{justify-content:flex-end;text-align:right}.vega-table-column.left{justify-content:flex-start;text-align:left}.vega-table-column .vega-table-column-label{min-width:0px}.vega-table-column .vega-table-column-sorter{display:flex;align-items:center;justify-content:center;padding:2px;margin-left:8px;cursor:pointer;outline:none}:host(.density-default) .vega-table-cell{padding:12px}:host(.density-compact) .vega-table-cell{padding:4px}:host(.density-relaxed) .vega-table-cell{padding:16px}";
 
 var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/vega.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const appGlobals = require('./app-globals-4e819773.js');
+const appGlobals = require('./app-globals-48582633.js');
 require('./feature-flag-controller-e97b5f29.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
@@ -28,10 +28,10 @@ require('./translation-f6b7ee84.js');
 require('./typography-4560e7f1.js');
 require('./valid-credit-card-number-rule-4a9ae5d9.js');
 require('./regex-c1f70fd4.js');
-require('./text-node-0d12da5a.js');
+require('./text-node-494856f3.js');
 require('./type-guard-4ba85fdc.js');
 require('./accessibility-bfa227f6.js');
-require('./content-state-3a2724f6.js');
+require('./content-state-6a5b9736.js');
 
 /*
  Stencil Client Patch Browser v2.17.4 | MIT Licensed | https://stenciljs.com

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

@@ -104,7 +104,6 @@ export class VegaPagination {
     };
     this.onPageSizeSelectorChange = (pageSize) => {
       this.pageSize = pageSize;
-      this.vegaPageSizeChangeEventEmitter.emit(this.pageSize);
     };
     this.calculatePages = () => {
       if (!this.total) {
@@ -155,7 +154,11 @@ export class VegaPagination {
     this.currentValueGuard();
     this.vegaChangeEventEmitter.emit(this.current);
   }
+  watchTotal() {
+    this.pageCount = this.calculatePages();
+  }
   watchPageSize() {
+    this.vegaPageSizeChangeEventEmitter.emit(this.pageSize);
     this.pageCount = this.calculatePages();
   }
   componentWillLoad() {
@@ -375,7 +378,7 @@ export class VegaPagination {
       "methodName": "watchCurrent"
     }, {
       "propName": "total",
-      "methodName": "watchPageSize"
+      "methodName": "watchTotal"
     }, {
       "propName": "pageSize",
       "methodName": "watchPageSize"

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

@@ -17,16 +17,6 @@ export class BoldAnnotation extends NodeAnnotation {
   static from(bold) {
     return [NodeAnnotationTypeEnum.BOLD, new BoldAnnotation(bold)];
   }
-  /**
-   * Generate the map item for the annotation by html element
-   *
-   * @param {HTMLElement} node - An html element.
-   * @returns {[NodeAnnotationTypeEnum.BOLD, BoldAnnotation]} Map item for the annotation
-   */
-  static fromHTML(node) {
-    const style = node.style;
-    return this.from(node.nodeName === 'STRONG' || style.fontWeight === 'bold' || style.fontWeight === '700');
-  }
   /**
    * Generate the JSON representation of the annotation
    *

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

@@ -17,15 +17,6 @@ export class CodeAnnotation extends NodeAnnotation {
   static from(code) {
     return [NodeAnnotationTypeEnum.CODE, new CodeAnnotation(code)];
   }
-  /**
-   * Generate the map item for the annotation by html element
-   *
-   * @param {HTMLElement} node - An html element.
-   * @returns {[NodeAnnotationTypeEnum.CODE, CodeAnnotation]} Map item for the annotation
-   */
-  static fromHTML(node) {
-    return this.from(node.classList.contains('v-rte--code') || node.nodeName === 'CODE');
-  }
   /**
    * Generate the JSON representation of the annotation
    *

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

@@ -17,50 +17,6 @@ export class HorizontalAlignmentAnnotation extends BlockAnnotation {
   static from(textAlign) {
     return [BlockAnnotationTypeEnum.ALIGNMENT, new HorizontalAlignmentAnnotation(textAlign)];
   }
-  /**
-   * Generate the map item for the annotation by html element
-   *
-   * @param {HTMLElement} node - An html element.
-   * @returns {[BlockAnnotationTypeEnum.ALIGNMENT, HorizontalAlignmentAnnotation]} Map item for the annotation
-   */
-  static fromHTML(node) {
-    const alignment = this.getTextAlign(node);
-    return alignment ? this.from(alignment) : null;
-  }
-  /**
-   * Get the text alignment of an HTML element.
-   *
-   * @param {HTMLElement} node - An HTMLElement.
-   * @returns {Nullable<VegaRTEBlockAlignment>} text alignment.
-   */
-  static getTextAlign(node) {
-    const classList = node.classList;
-    if (classList.contains(`v-rte--horizontal-alignment-left`)) {
-      return 'left';
-    }
-    else if (classList.contains(`v-rte--horizontal-alignment-center`)) {
-      return 'center';
-    }
-    else if (classList.contains(`v-rte--horizontal-alignment-right`)) {
-      return 'right';
-    }
-    else if (classList.contains(`v-rte--horizontal-alignment-justify`)) {
-      return 'justify';
-    }
-    const style = node.style;
-    switch (style.textAlign) {
-      case 'center':
-        return 'center';
-      case 'right':
-        return 'right';
-      case 'justify':
-        return 'justify';
-      case 'left':
-        return 'left';
-      default:
-        return null;
-    }
-  }
   /**
    * Generate the JSON item of the annotation
    *

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

@@ -20,16 +20,6 @@ export class ImageAnnotation extends NodeAnnotation {
   static from(size, alt) {
     return [NodeAnnotationTypeEnum.IMAGE, new ImageAnnotation(size, alt)];
   }
-  /**
-   * Generate the map item for the annotation
-   *
-   * @param {VegaRichTextImageEditorSizeType} size - size.
-   * @param {string} alt - alt.
-   * @returns {[NodeAnnotationTypeEnum.IMAGE, ImageAnnotation]} Map item for the annotation
-   */
-  static fromHTML(size, alt) {
-    return this.from(size || 'md', alt);
-  }
   /**
    * Generate the JSON representation of the annotation
    *

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

@@ -17,48 +17,6 @@ export class IndentAnnotation extends BlockAnnotation {
   static from(indent) {
     return [BlockAnnotationTypeEnum.INDENT, new IndentAnnotation(indent)];
   }
-  /**
-   * Generate the map item for the annotation by html element
-   *
-   * @param {HTMLElement} node - An html element.
-   * @returns {[BlockAnnotationTypeEnum.INDENT, IndentAnnotation]} Map item for the annotation
-   */
-  static fromHTML(node) {
-    const marginLeft = this.getMarginLeft(node);
-    return marginLeft && marginLeft >= 0 ? this.from(Math.floor(marginLeft / 16)) : null;
-  }
-  /**
-   * Retrieves the left margin value of an HTML element.
-   *
-   * @param {HTMLElement} node - An html element.
-   * @returns {number} margin left.
-   */
-  static getMarginLeft(node) {
-    const style = node.style;
-    let marginLeft;
-    if (style.marginLeft) {
-      marginLeft = style.marginLeft;
-    }
-    else if (style.margin) {
-      const margins = style.margin.split(' ');
-      switch (margins.length) {
-        case 4:
-          marginLeft = margins[3];
-          break;
-        case 2:
-        case 3:
-          marginLeft = margins[1];
-          break;
-        default:
-          marginLeft = margins[0];
-          break;
-      }
-    }
-    else {
-      return null;
-    }
-    return Number(marginLeft.replace('px', ''));
-  }
   /**
    * Generate the JSON item of the annotation
    *

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

@@ -17,15 +17,6 @@ export class ItalicAnnotation extends NodeAnnotation {
   static from(italic) {
     return [NodeAnnotationTypeEnum.ITALIC, new ItalicAnnotation(italic)];
   }
-  /**
-   * Generate the map item for the annotation by html element
-   *
-   * @param {HTMLElement} node - An html element.
-   * @returns {[NodeAnnotationTypeEnum.ITALIC, ItalicAnnotation]} Map item for the annotation
-   */
-  static fromHTML(node) {
-    return this.from(node.nodeName === 'I' || node.style.fontStyle === 'italic' || node.nodeName === 'EM');
-  }
   /**
    * Generate the JSON representation of the annotation
    *

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

@@ -20,20 +20,6 @@ export class LinkAnnotation extends NodeAnnotation {
       new LinkAnnotation({ href: link.href, groupKey: link.groupKey }),
     ];
   }
-  /**
-   * Generate the map item for the annotation by html element
-   *
-   * @param {HTMLElement} node - An html element.
-   * @returns {[NodeAnnotationTypeEnum.LINK, LinkAnnotation]} Map item for the annotation
-   */
-  static fromHTML(node) {
-    return node.hasAttribute('data-href')
-      ? this.from({
-        href: node.getAttribute('data-href'),
-        groupKey: node.getAttribute('data-group-key'),
-      })
-      : null;
-  }
   /**
    * Generate the JSON representation of the annotation
    *

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

@@ -17,17 +17,6 @@ export class StrikethroughAnnotation extends NodeAnnotation {
   static from(strikethrough) {
     return [NodeAnnotationTypeEnum.STRIKETHROUGH, new StrikethroughAnnotation(strikethrough)];
   }
-  /**
-   * Generate the map item for the annotation by html element
-   *
-   * @param {HTMLElement} node - An html element.
-   * @returns {[NodeAnnotationTypeEnum.STRIKETHROUGH, StrikethroughAnnotation]} Map item for the annotation
-   */
-  static fromHTML(node) {
-    return this.from(node.style.textDecoration.includes('line-through') ||
-      node.nodeName === 'S' ||
-      node.classList.contains('v-rte--strikethrough'));
-  }
   /**
    * Generate the JSON representation of the annotation
    *

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

@@ -1,6 +1,5 @@
 import { NodeAnnotation, NodeAnnotationTypeEnum } from './node-annotation.abstract';
 import { RTE_TEXT_COLORS } from '../../constants/constant';
-import { rgbToHex } from '../../../../utils/ui';
 import { VegaThemeManager } from '../../../../helpers/theme/theme-manager';
 /**
  * Annotation to make text with text color
@@ -20,31 +19,6 @@ export class TextColorAnnotation extends NodeAnnotation {
   static from(textColor) {
     return [NodeAnnotationTypeEnum.TEXT_COLOR, new TextColorAnnotation(textColor)];
   }
-  /**
-   * Generate the map item for the annotation by html element
-   *
-   * @param {HTMLElement} node - An html element.
-   * @returns {[NodeAnnotationTypeEnum.TEXT_COLOR, TextColorAnnotation]} Map item for the annotation
-   */
-  static fromHTML(node) {
-    var _a;
-    const color = node.style.color;
-    const hexColor = (_a = rgbToHex(color)) === null || _a === void 0 ? void 0 : _a.toUpperCase();
-    if (hexColor) {
-      const colorSchema = RTE_TEXT_COLORS.find((schema) => schema.light === hexColor || schema.dark === hexColor);
-      if (colorSchema)
-        return this.from(colorSchema.key);
-      return null;
-    }
-    else {
-      for (const color of RTE_TEXT_COLORS) {
-        if (node.style.color.includes(color.key)) {
-          return this.from(color.key);
-        }
-      }
-      return null;
-    }
-  }
   /**
    * Generate the JSON representation of the annotation
    *

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

@@ -17,50 +17,6 @@ export class TextStyleAnnotation extends BlockAnnotation {
   static from(textStyle) {
     return [BlockAnnotationTypeEnum.TEXT_STYLE, new TextStyleAnnotation(textStyle)];
   }
-  /**
-   * Generate the map item for the annotation by html element
-   *
-   * @param {HTMLElement} node - An html element.
-   * @returns {[BlockAnnotationTypeEnum.TEXT_STYLE, TextStyleAnnotation]} Map item for the annotation
-   */
-  static fromHTML(node) {
-    return this.from(this.getTextStyle(node));
-  }
-  /**
-   * Get the type of block.
-   *
-   * @param {HTMLElement} node - An HTMLElement.
-   * @returns {VegaRTETextStyleType} text style type.
-   */
-  static getTextStyle(node) {
-    if (node.nodeType !== Node.TEXT_NODE && node.hasAttribute('data-type')) {
-      return node.getAttribute('data-type');
-    }
-    switch (node.style.fontSize) {
-      case '36px':
-        return 'title';
-      case '28px':
-        return 'subtitle';
-      case '22px':
-        return 'heading-1';
-      case '20px':
-        return 'heading-2';
-      case '18px':
-        return 'heading-3';
-      default:
-        break;
-    }
-    switch (node.nodeName) {
-      case 'H1':
-        return 'heading-1';
-      case 'H2':
-        return 'heading-2';
-      case 'H3':
-        return 'heading-3';
-      default:
-        return 'paragraph';
-    }
-  }
   /**
    * Generate the JSON representation of the annotation
    *

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

@@ -17,17 +17,6 @@ export class UnderlineAnnotation extends NodeAnnotation {
   static from(underline) {
     return [NodeAnnotationTypeEnum.UNDERLINE, new UnderlineAnnotation(underline)];
   }
-  /**
-   * Generate the map item for the annotation by html element
-   *
-   * @param {HTMLElement} node - An html element.
-   * @returns {[NodeAnnotationTypeEnum.UNDERLINE, UnderlineAnnotation]} Map item for the annotation
-   */
-  static fromHTML(node) {
-    return this.from(node.style.textDecoration.includes('underline') ||
-      node.nodeName === 'U' ||
-      node.classList.contains('v-rte--underline'));
-  }
   /**
    * Generate the JSON representation of the annotation
    *

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

@@ -11,7 +11,6 @@ import { BlockBaseOperator } from '../helper/block-base-operator';
 import { AppendChildNodesAction } from '../actions/append-child-nodes-action';
 import { RemoveChildAction } from '../actions/remove-child-action';
 import { ZERO_WIDTH_SPACE } from '../../constants/constant';
-import { TextStyleAnnotation } from '../annotations/text-style-annotation';
 /**
  * Abstract class for block
  */
@@ -41,23 +40,6 @@ export class RTEBlock extends BlockBaseOperator {
         return IndentAnnotation.from(value);
     }
   }
-  /**
-   * Create annotations for block element.
-   *
-   * @param {string} type - Annotations type.
-   * @param {HTMLElement} node - current node.
-   * @returns {Nullable<[BlockAnnotationTypeEnum, BlockAnnotation]>} - result.
-   */
-  static createAnnotationEntityFromHTML(type, node) {
-    switch (type) {
-      case 'ALIGNMENT':
-        return HorizontalAlignmentAnnotation.fromHTML(node);
-      case 'TEXT_STYLE':
-        return TextStyleAnnotation.fromHTML(node);
-      case 'INDENT':
-        return IndentAnnotation.fromHTML(node);
-    }
-  }
   /**
    * Class to JSON object
    *

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

@@ -4,7 +4,6 @@ import { RTEImageNode } from '../nodes/image-node';
 import stateEntityRenderingRegistry from '../../slimmers/controllers/state-entity-rendering-registry';
 import { ModifyContentActionType } from '../actions/modify-content-action.abstract';
 import { RemoveChildAction } from '../actions/remove-child-action';
-import { BlockAnnotationTypeEnum } from '../annotations/block-annotation.abstract';
 import { isNonNullable } from '../../../../types/type-guard';
 import { AppendChildNodesAction } from '../actions/append-child-nodes-action';
 import { ReplaceChildNodesAction } from '../actions/replace-child-nodes-action';
@@ -37,18 +36,6 @@ export class RTEImageBlock extends RTEBlock {
     }
     return imageBlock;
   }
-  static fromHTML(node) {
-    const nodes = node.nodeName === 'IMG' ? [node] : Array.from(node.children);
-    const imageBlock = new RTEImageBlock(generateUUID());
-    imageBlock.nodes = nodes.map((item) => RTEImageNode.fromHTML(item, imageBlock));
-    Object.keys(BlockAnnotationTypeEnum).forEach((type) => {
-      const item = this.createAnnotationEntityFromHTML(type, node);
-      if (isNonNullable(item)) {
-        imageBlock.annotationMap.set(...item);
-      }
-    });
-    return imageBlock;
-  }
   toJSON() {
     return Object.assign(Object.assign({}, super.toJSON()), { type: 'image', nodes: this.nodes.map((node) => node.toJSON()) });
   }

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

@@ -11,8 +11,6 @@ import { AppendChildNodesAction } from '../actions/append-child-nodes-action';
 import { InsertBlocksBeforeAction } from '../actions/insert-blocks-before-block';
 import { SyncUpSelectionAction } from '../actions/sync-up-selection-action';
 import { RemoveNestListAction } from '../actions/remove-nest-list-action';
-import { BlockAnnotationTypeEnum } from '../annotations/block-annotation.abstract';
-import { isNonNullable } from '../../../../types/type-guard';
 export class RTEListBlock extends RTEBlock {
   constructor(id, type) {
     super(id);
@@ -29,23 +27,6 @@ export class RTEListBlock extends RTEBlock {
     });
     return listBlock;
   }
-  static fromHTML(node) {
-    const listBlock = new RTEListBlock(generateUUID(), node.nodeName === 'UL' ? 'bullet-list' : 'number-list');
-    listBlock.blocks = Array.from(node.children)
-      .map((item) => {
-      const listItemBlock = RTEListItemBlock.fromHTML(item);
-      listItemBlock && (listItemBlock.parent = listBlock);
-      return listItemBlock;
-    })
-      .filter(Boolean);
-    Object.keys(BlockAnnotationTypeEnum).forEach((type) => {
-      const item = this.createAnnotationEntityFromHTML(type, node);
-      if (isNonNullable(item)) {
-        listBlock.annotationMap.set(...item);
-      }
-    });
-    return listBlock;
-  }
   toJSON() {
     return Object.assign(Object.assign({}, super.toJSON()), { id: this.id, type: this.type, blocks: this.blocks.map((block) => block.toJSON()) });
   }

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

@@ -8,7 +8,6 @@ import { SplitBlockWithNodeAction } from '../actions/split-block-with-node-actio
 import { RTETextBlock } from './text-block';
 import { InsertBlocksAfterAction } from '../actions/insert-blocks-after-block';
 import { InsertBlocksBeforeAction } from '../actions/insert-blocks-before-block';
-import { BlockAnnotationTypeEnum } from '../annotations/block-annotation.abstract';
 import { isNonNullable } from '../../../../types/type-guard';
 import { NodeAnnotationTypeEnum } from '../annotations/node-annotation.abstract';
 export class RTEListItemBlock extends RTETextBlock {
@@ -38,32 +37,6 @@ export class RTEListItemBlock extends RTETextBlock {
     }
     return listItemBlock;
   }
-  static fromHTML(node) {
-    const listItem = new RTEListItemBlock(generateUUID());
-    listItem.nodes = Array.from(node.childNodes)
-      .map((item) => {
-      if (!['UL', 'OL'].includes(item.nodeName)) {
-        return RTETextNode.fromHTML(item, listItem);
-      }
-    })
-      .filter(Boolean);
-    listItem.children = Array.from(node.childNodes)
-      .map((item) => {
-      if (['UL', 'OL'].includes(item.nodeName)) {
-        const listBlock = RTEListBlock.fromHTML(item);
-        listBlock && (listBlock.parent = listItem);
-        return listBlock;
-      }
-    })
-      .filter(Boolean);
-    Object.keys(BlockAnnotationTypeEnum).forEach((type) => {
-      const item = this.createAnnotationEntityFromHTML(type, node);
-      if (isNonNullable(item)) {
-        listItem.annotationMap.set(...item);
-      }
-    });
-    return listItem;
-  }
   toJSON() {
     var _a;
     return Object.assign(Object.assign({}, super.toJSON()), { type: 'list-item', children: (_a = this.children) === null || _a === void 0 ? void 0 : _a.map((block) => block.toJSON()) });

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

@@ -2,7 +2,6 @@ import { h } from '@stencil/core';
 import { RTETextNode } from '../nodes/text-node';
 import stateEntityRenderingRegistry from '../../slimmers/controllers/state-entity-rendering-registry';
 import { isNonNullable } from '../../../../types/type-guard';
-import { BlockAnnotationTypeEnum } from '../annotations/block-annotation.abstract';
 import { TextStyleAnnotation } from '../annotations/text-style-annotation';
 import { ModifyContentActionType } from '../actions/modify-content-action.abstract';
 import { RemoveChildAction } from '../actions/remove-child-action';
@@ -31,10 +30,10 @@ export class RTETextBlock extends RTEBlock {
     this.nodes = [];
     this.type = type;
     if (RTETextBlock.isAcceptableTextStyle(type)) {
-      super.annotationMap = new Map([TextStyleAnnotation.from(type)]);
+      this.annotationMap = new Map([TextStyleAnnotation.from(type)]);
     }
     else {
-      super.annotationMap = new Map([TextStyleAnnotation.from('paragraph')]);
+      this.annotationMap = new Map([TextStyleAnnotation.from('paragraph')]);
     }
   }
   static from(block) {
@@ -51,17 +50,6 @@ export class RTETextBlock extends RTEBlock {
     }
     return textBlock;
   }
-  static fromHTML(node, blockType) {
-    const textBlock = new RTETextBlock(generateUUID(), blockType);
-    textBlock.nodes = Array.from(node.childNodes).map((item) => RTETextNode.fromHTML(item, textBlock));
-    Object.keys(BlockAnnotationTypeEnum).forEach((type) => {
-      const item = this.createAnnotationEntityFromHTML(type, node);
-      if (isNonNullable(item)) {
-        textBlock.annotationMap.set(...item);
-      }
-    });
-    return textBlock;
-  }
   /**
    * The function `createAnnotationEntity` creates a block annotation entity based on the provided type
    * and value.

package/dist/collection/components/vega-rich-text-editor/dto/nodes/image-node.js

@@ -8,7 +8,6 @@ import { NodeAnnotationTypeEnum } from '../annotations/node-annotation.abstract'
 import { isNonNullable } from '../../../../types/type-guard';
 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 { generateUUID } from '../../../../utils/misc';
 export class RTEImageNode extends RTENode {
   constructor(id, url, parentBlock, annotationMap) {
     super(id, annotationMap);
@@ -30,15 +29,6 @@ export class RTEImageNode extends RTENode {
       .filter(isNonNullable));
     return imageNode;
   }
-  static fromHTML(node, parentBlock) {
-    const src = node.nodeName === 'IMG'
-      ? node.src
-      : node.querySelector('img').src;
-    const size = node.size;
-    const imageNode = new RTEImageNode(generateUUID(), src, parentBlock);
-    imageNode.annotationMap = new Map([ImageAnnotation.fromHTML(size, node.alt)]);
-    return imageNode;
-  }
   toJSON() {
     const imageAnnotation = this.annotationMap.get(NodeAnnotationTypeEnum.IMAGE);
     const annotations = {};

package/dist/collection/components/vega-rich-text-editor/dto/nodes/text-node.js

@@ -50,20 +50,6 @@ export class RTETextNode extends RTENode {
     }
     return textNode;
   }
-  static fromHTML(node, parentBlock) {
-    const textNode = new RTETextNode(generateUUID(), node.textContent, parentBlock);
-    if (node.nodeType !== Node.TEXT_NODE) {
-      textNode.annotationMap = new Map(Object.keys(NodeAnnotationTypeEnum)
-        .map((nodeAnnotationType) => {
-        return this.createAnnotationEntityFromHTML(nodeAnnotationType, node);
-      })
-        .filter(isNonNullable));
-      if (node.hasAttribute('data-group-key')) {
-        parentBlock.apply(new LinkGroupAnnotationAction(node.getAttribute('data-group-key'), [textNode]));
-      }
-    }
-    return textNode;
-  }
   static createAnnotationEntity(type, value) {
     switch (type) {
       case 'bold':
@@ -82,24 +68,6 @@ export class RTETextNode extends RTENode {
         return LinkAnnotation.from(value);
     }
   }
-  static createAnnotationEntityFromHTML(type, node) {
-    switch (type) {
-      case 'BOLD':
-        return BoldAnnotation.fromHTML(node);
-      case 'ITALIC':
-        return ItalicAnnotation.fromHTML(node);
-      case 'UNDERLINE':
-        return UnderlineAnnotation.fromHTML(node);
-      case 'STRIKETHROUGH':
-        return StrikethroughAnnotation.fromHTML(node);
-      case 'CODE':
-        return CodeAnnotation.fromHTML(node);
-      case 'TEXT_COLOR':
-        return TextColorAnnotation.fromHTML(node);
-      case 'LINK':
-        return LinkAnnotation.fromHTML(node);
-    }
-  }
   toJSON() {
     const annotations = Array.from(this.annotationMap.values())
       .filter((annotation) => annotation instanceof NodeAnnotation)