@heartlandone/vega 2.34.1 → 2.35.0-RTE-preview

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

@@ -0,0 +1,13 @@
+import { h } from '@stencil/core';
+import { RTEBlockRenderer } from './block-renderer.abstract';
+import { RTEImageNodeRenderer } from '../nodes/image-node-renderer';
+export class RTEImageBlockRenderer extends RTEBlockRenderer {
+  constructor(block, renderContext) {
+    super(block, renderContext);
+  }
+  render() {
+    return (h("div", { style: Object.assign({}, super.getStyles()), ref: (ref) => super.registerRef(ref), class: super.getClasses() }, this.block.nodes.map((node) => {
+      return new RTEImageNodeRenderer(node, this.renderContext).render();
+    })));
+  }
+}

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

@@ -0,0 +1,12 @@
+import { h } from '@stencil/core';
+import { RTEBlockRenderer } from './block-renderer.abstract';
+import { RTEListItemBlockRenderer } from './list-item-block-renderer';
+export class RTEListBlockRenderer extends RTEBlockRenderer {
+  constructor(block, renderContext) {
+    super(block, renderContext);
+  }
+  render() {
+    const BlockTag = this.block.type === 'number-list' ? 'ol' : 'ul';
+    return (h(BlockTag, { ref: (ref) => super.registerRef(ref) }, this.block.blocks.map((listItemBlock) => new RTEListItemBlockRenderer(listItemBlock, this.renderContext).render())));
+  }
+}

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

@@ -0,0 +1,16 @@
+import { h } from '@stencil/core';
+import { RTETextBlockRenderer } from './text-block-renderer';
+import { RTEListBlockRenderer } from './list-block-renderer';
+export class RTEListItemBlockRenderer extends RTETextBlockRenderer {
+  constructor(block, renderContext) {
+    super(block, renderContext);
+  }
+  render() {
+    return (h("li", { ref: (ref) => super.registerRef(ref), style: super.getStyles(), class: super.getClasses() },
+      super.renderNodes(),
+      this.renderChildren(this.block.children)));
+  }
+  renderChildren(children) {
+    return children === null || children === void 0 ? void 0 : children.map((block) => new RTEListBlockRenderer(block, this.renderContext).render());
+  }
+}

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

@@ -0,0 +1,123 @@
+import { h } from '@stencil/core';
+import { InternalAnnotationTypeEnum } from '../../annotations/annotation.abstract';
+import { RTEBlockRenderer } from './block-renderer.abstract';
+import { RTETextNodeRenderer } from '../nodes/text-node-renderer';
+import { NodeAnnotationTypeEnum } from '../../annotations/node-annotation.abstract';
+import { isNonNullable } from '../../../../../types/type-guard';
+import { generateUUID } from '../../../../../utils/misc';
+import { LinkAnnotationAction } from '../../actions/link-annotation-action';
+import { createEnterKeyHandlerToTriggerClick } from '../../../../../utils/accessibility';
+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';
+export class RTETextBlockRenderer extends RTEBlockRenderer {
+  constructor(block, renderContext) {
+    super(block, renderContext);
+  }
+  render() {
+    const BlockTag = this.getBlockTagByType(this.block.type);
+    return (h(BlockTag, { ref: (ref) => super.registerRef(ref), style: super.getStyles(), class: super.getClasses() }, this.renderNodes()));
+  }
+  renderNodes() {
+    const linkGroupAnnotation = this.block.getAnnotationByType(InternalAnnotationTypeEnum.LINK_GROUP);
+    return linkGroupAnnotation
+      ? this.renderLinkNodes(this.block.nodes, this.renderContext)
+      : this.block.nodes.map((node) => new RTETextNodeRenderer(node, this.renderContext).render());
+  }
+  getBlockTagByType(type) {
+    switch (type) {
+      case 'title':
+      case 'subtitle':
+        return `div`;
+      case 'heading-1':
+        return `h1`;
+      case 'heading-2':
+        return `h2`;
+      case 'heading-3':
+        return `h3`;
+      case 'paragraph':
+        return 'p';
+    }
+  }
+  renderLinkNodes(nodes, { editable }) {
+    const blockNodes = this.groupNodesByLink(nodes);
+    return blockNodes.flatMap((item) => {
+      if (this.isLinkGroup(item)) {
+        const linkAnnotation = item[0].getAnnotationByType(NodeAnnotationTypeEnum.LINK);
+        return editable
+          ? this.renderLinkEditorWrapper(item, linkAnnotation)
+          : this.renderLink(item, linkAnnotation);
+      }
+      return new RTETextNodeRenderer(item).render();
+    });
+  }
+  groupNodesByLink(nodes) {
+    return nodes.reduce((acc, node) => {
+      const nodeLinkAnnotation = node.getAnnotationByType(NodeAnnotationTypeEnum.LINK);
+      const lastGroup = acc[acc.length - 1];
+      if (isNonNullable(nodeLinkAnnotation)) {
+        if (lastGroup &&
+          this.isLinkGroup(lastGroup) &&
+          lastGroup[0].getAnnotationByType(NodeAnnotationTypeEnum.LINK).toEqual(nodeLinkAnnotation)) {
+          lastGroup.push(node);
+        }
+        else {
+          acc.push([node]);
+        }
+      }
+      else {
+        acc.push(node);
+      }
+      return acc;
+    }, []);
+  }
+  isLinkGroup(item) {
+    return Array.isArray(item);
+  }
+  renderLinkEditorWrapper(linkNodes, linkAnnotation) {
+    const { href } = linkAnnotation.link;
+    const textFromNodes = linkNodes.map((node) => node.text).join('');
+    const handleChange = ({ detail, }) => {
+      switch (detail.action) {
+        case 'link': {
+          const { url, text } = detail.payload;
+          const textChanged = text !== textFromNodes;
+          const groupKey = generateUUID();
+          linkNodes.forEach((node) => {
+            const linkAnnotationAction = new LinkAnnotationAction({
+              link: { href: url, groupKey: groupKey },
+              newText: textChanged ? text : undefined,
+              needMergeNode: textChanged && linkNodes.length > 1,
+              doSplit: false,
+            });
+            node.apply(linkAnnotationAction);
+          });
+          return;
+        }
+        case 'unlink': {
+          linkNodes.forEach((node) => node.deleteAnnotationByType(NodeAnnotationTypeEnum.LINK));
+          return;
+        }
+      }
+    };
+    let linkWrapperRef;
+    return (h("span", { class: "link-editor-wrapper", role: "link", tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick(), ref: (ref) => {
+        if (ref) {
+          linkWrapperRef = ref;
+        }
+      } },
+      this.renderLink(linkNodes, linkAnnotation),
+      h("vega-rich-text-link-editor", { record: {
+          text: textFromNodes,
+          url: href,
+        }, ref: (ref) => {
+          if (ref) {
+            ref.target = linkWrapperRef;
+            DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, handleChange);
+          }
+        } })));
+  }
+  renderLink(linkNodes, linkAnnotation) {
+    const { href } = linkAnnotation.link;
+    return (h("a", { class: "v-rte--link", href: href, target: "_blank" }, linkNodes.map((node) => new RTETextNodeRenderer(node).render())));
+  }
+}

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

@@ -0,0 +1,48 @@
+import { h } from '@stencil/core';
+import { ImageAnnotation } from '../../annotations/image-annotation';
+import { NodeAnnotationTypeEnum } from '../../annotations/node-annotation.abstract';
+import { ImageAnnotationAction } from '../../actions/image-annotation-action';
+import stateEntityRenderingRegistry from '../../../slimmers/controllers/state-entity-rendering-registry';
+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 { RTENodeRenderer } from './node-renderer.abstract';
+export class RTEImageNodeRenderer extends RTENodeRenderer {
+  constructor(node, renderContext) {
+    super(node, renderContext);
+    this.handleChange = ({ detail, }) => {
+      switch (detail.action) {
+        case 'edit': {
+          const size = detail.payload.size;
+          const alt = detail.payload.alt;
+          this.node.apply(new ImageAnnotationAction(size, alt));
+          break;
+        }
+        /*
+         * The below method is e2e-test covered in
+         * @see{module:vega-rich-text-editor-image-click-delete-button}
+         */
+        /* istanbul ignore next */
+        case 'delete': {
+          const event = new InputEvent('beforeinput', {
+            inputType: 'deleteContentBackward',
+            bubbles: true,
+          });
+          setTimeout(() => {
+            stateEntityRenderingRegistry.getDOMByEntity(this.node).dispatchEvent(event);
+          }, 50);
+          break;
+        }
+      }
+    };
+  }
+  render() {
+    const imageAnnotation = this.node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+    const { size, alt } = imageAnnotation || new ImageAnnotation('md', '');
+    return this.renderContext.editable ? (h("vega-rich-text-image-editor", { style: super.getStyles(), size: size, alt: alt, ref: (ref) => {
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, this.handleChange);
+      } }, this.renderImage(alt))) : (this.renderImage(alt));
+  }
+  renderImage(alt) {
+    return (h("img", { style: this.renderContext.editable ? { width: '100%' } : super.getStyles(), alt: alt, src: this.node.url, ref: (ref) => super.registerRef(ref) }));
+  }
+}

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

@@ -0,0 +1,37 @@
+import stateEntityRenderingRegistry from '../../../slimmers/controllers/state-entity-rendering-registry';
+import { NodeAnnotation } from '../../annotations/node-annotation.abstract';
+export class RTENodeRenderer {
+  constructor(node, renderContext) {
+    this.node = node;
+    this.renderContext = renderContext;
+  }
+  registerRef(ref) {
+    if (ref) {
+      stateEntityRenderingRegistry.register(ref, this.node);
+    }
+  }
+  /**
+   * Get styles from annotations
+   *
+   * @returns {AnnotationStyle} - Annotation style
+   */
+  getStyles() {
+    return Array.from(this.node.annotationMap.values())
+      .filter((annotation) => annotation instanceof NodeAnnotation)
+      .map((annotation) => annotation.render())
+      .filter(Boolean)
+      .reduce((current, obj) => (Object.assign(Object.assign({}, current), obj)), {});
+  }
+  /**
+   * Get classes from annotations
+   *
+   * @returns {AnnotationStyle} - Annotation style
+   */
+  getClasses() {
+    return Array.from(this.node.annotationMap.values())
+      .filter((annotation) => annotation instanceof NodeAnnotation)
+      .map((annotation) => { var _a; return (_a = annotation.renderClass) === null || _a === void 0 ? void 0 : _a.call(annotation); })
+      .filter(Boolean)
+      .reduce((pre, cur) => [pre, cur].join(' '), '');
+  }
+}

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

@@ -0,0 +1,26 @@
+import { h } from '@stencil/core';
+import { RTENodeRenderer } from './node-renderer.abstract';
+import { NodeAnnotationTypeEnum } from '../../annotations/node-annotation.abstract';
+import { ZERO_WIDTH_SPACE } from '../../../constants/constant';
+import TextNodeElementRenderingRegistry from '../../../slimmers/controllers/text-node-rendering-registry';
+export class RTETextNodeRenderer extends RTENodeRenderer {
+  constructor(node, renderContext) {
+    super(node, renderContext);
+  }
+  render() {
+    const codeAnnotation = this.node.annotationMap.get(NodeAnnotationTypeEnum.CODE);
+    if (codeAnnotation === null || codeAnnotation === void 0 ? void 0 : codeAnnotation.code) {
+      return (h("code", { style: super.getStyles(), class: super.getClasses(), ref: (ref) => this.registerRef(ref) }, this.node.text || ZERO_WIDTH_SPACE));
+    }
+    return (h("span", { style: super.getStyles(), class: super.getClasses(), ref: (ref) => this.registerRef(ref) }, this.node.text || ZERO_WIDTH_SPACE));
+  }
+  registerRef(ref) {
+    super.registerRef(ref);
+    if (ref) {
+      const textColorAnnotation = this.node.getAnnotationByType('TEXT_COLOR');
+      if (textColorAnnotation) {
+        TextNodeElementRenderingRegistry.register(ref, textColorAnnotation);
+      }
+    }
+  }
+}

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

@@ -1,5 +1,3 @@
-import { BoldAnnotationAction } from '../../../dto/actions/bold-annotation-action';
-import { HorizontalAlignmentAnnotationAction } from '../../../dto/actions/horizontal-alignment-annotation-action';
 import { RTEImageBlock } from '../../../dto/blocks/image-block';
 import { RTEImageNode } from '../../../dto/nodes/image-node';
 describe('image block', () => {
@@ -64,14 +62,6 @@ describe('image block', () => {
       annotations: { indent: 2 },
     });
   });
-  it('render method should work as expect', () => {
-    const imageBlock = new RTEImageBlock('block-1');
-    const imageNode = new RTEImageNode('1', 'mock-url', imageBlock);
-    imageBlock.nodes = [imageNode];
-    imageNode.apply(new BoldAnnotationAction(true));
-    imageBlock.apply(new HorizontalAlignmentAnnotationAction('right'));
-    expect(imageBlock.render()).toBeDefined();
-  });
   it('isNotEmpty should work as expect', () => {
     const imageBlock = new RTEImageBlock('block-1');
     const imageNode = new RTEImageNode('1', 'mock-url', imageBlock);

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

@@ -1,5 +1,4 @@
 import { RTEListBlock } from '../../../dto/blocks/list-block';
-import stateEntityRenderingRegistry from '../../../slimmers/controllers/state-entity-rendering-registry';
 describe('bullet list', () => {
   it('new RTEBulletListBlock should work as expect', () => {
     expect(new RTEListBlock('1', 'bullet-list')).toBeDefined();
@@ -61,33 +60,6 @@ describe('bullet list', () => {
       ],
     });
   });
-  it('registerRef method should work as expect', () => {
-    const bulletListBlock = new RTEListBlock('1', 'bullet-list');
-    const mockDiv = document.createElement('div');
-    bulletListBlock['registerRef'](mockDiv);
-    expect(stateEntityRenderingRegistry.getDOMByEntity(bulletListBlock)).toEqual(mockDiv);
-    expect(stateEntityRenderingRegistry.getEntityByDOM(mockDiv)).toEqual(bulletListBlock);
-  });
-  it('render method should work as expect', () => {
-    expect(new RTEListBlock('1', 'bullet-list').render()).toBeDefined();
-    expect(RTEListBlock.from({
-      id: '1-1-1',
-      type: 'bullet-list',
-      blocks: [
-        {
-          id: '1-1-1-1',
-          type: 'list-item',
-          nodes: [
-            {
-              id: '1-1-1-1-1',
-              type: 'text',
-              text: 'This is a bullet-list 3-1.',
-            },
-          ],
-        },
-      ],
-    }).render()).toBeDefined();
-  });
   it('isNotEmpty should work as expect', () => {
     const bulletListBlock = RTEListBlock.from({
       id: '1',
@@ -133,26 +105,6 @@ describe('bullet list', () => {
   });
 });
 describe('number list', () => {
-  it('render method should work as expect', () => {
-    expect(new RTEListBlock('1', 'bullet-list').render()).toBeDefined();
-    expect(RTEListBlock.from({
-      id: '1-1-1',
-      type: 'number-list',
-      blocks: [
-        {
-          id: '1-1-1-1',
-          type: 'list-item',
-          nodes: [
-            {
-              id: '1-1-1-1-1',
-              type: 'text',
-              text: 'This is a bullet-list 3-1.',
-            },
-          ],
-        },
-      ],
-    }).render()).toBeDefined();
-  });
   it('isNotEmpty should work as expect', () => {
     const listBlock = RTEListBlock.from({
       id: '1',

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

@@ -1,6 +1,5 @@
 import { RTEListItemBlock } from '../../../dto/blocks/list-item-block';
 import { RTETextNode } from '../../../dto/nodes/text-node';
-import stateEntityRenderingRegistry from '../../../slimmers/controllers/state-entity-rendering-registry';
 describe('bullet list item', () => {
   it('new RTEBulletListItemBlock should work as expect', () => {
     const bulletListItemBlock = new RTEListItemBlock('1');
@@ -129,45 +128,6 @@ describe('bullet list item', () => {
       ],
     });
   });
-  it('render method should work as expect', () => {
-    expect(RTEListItemBlock.from({
-      id: '1',
-      type: 'list-item',
-      nodes: [
-        {
-          id: '1-1',
-          type: 'text',
-          text: 'This is a bullet-list 1.',
-        },
-      ],
-      children: [
-        {
-          id: '1-1-1',
-          type: 'bullet-list',
-          blocks: [
-            {
-              id: '1-1-1-1',
-              type: 'list-item',
-              nodes: [
-                {
-                  id: '1-1-1-1-1',
-                  type: 'text',
-                  text: 'This is a bullet-list 3-1.',
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    }).render()).toBeDefined();
-  });
-  it('registerRef method should work as expect', () => {
-    const bulletListItemBlock = new RTEListItemBlock('1');
-    const mockDiv = document.createElement('div');
-    bulletListItemBlock['registerRef'](mockDiv);
-    expect(stateEntityRenderingRegistry.getDOMByEntity(bulletListItemBlock)).toEqual(mockDiv);
-    expect(stateEntityRenderingRegistry.getEntityByDOM(mockDiv)).toEqual(bulletListItemBlock);
-  });
   it('getLastNode should work as expect', () => {
     const listItemBlock = RTEListItemBlock.from({
       id: '1',

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

@@ -1,11 +1,6 @@
 import { RTETextBlock } from '../../../dto/blocks/text-block';
 import { RTETextNode } from '../../../dto/nodes/text-node';
-import { BoldAnnotationAction } from '../../../dto/actions/bold-annotation-action';
-import stateEntityRenderingRegistry from '../../../slimmers/controllers/state-entity-rendering-registry';
 import { TextStyleAnnotationAction } from '../../../dto/actions/text-style-annotation-action';
-import domNodesSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import { VegaInternalRichTextEditorFlushChanges } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
-import { HorizontalAlignmentAnnotationAction } from '../../../dto/actions/horizontal-alignment-annotation-action';
 import { SelectionChangeAction } from '../../../dto/actions/selection-change-action';
 describe('text block', () => {
   it('new RTETextBlock should work as expect', () => {
@@ -84,35 +79,6 @@ describe('text block', () => {
       },
     });
   });
-  it('render method should work as expect', () => {
-    const textBlock = new RTETextBlock('block-1', 'paragraph');
-    const textNode = new RTETextNode('1', 'This is a text.', textBlock);
-    textBlock.nodes = [textNode];
-    textNode.apply(new BoldAnnotationAction(true));
-    textBlock.apply(new HorizontalAlignmentAnnotationAction('right'));
-    expect(textBlock.render()).toBeDefined();
-  });
-  it('getBlockTagByType should work as expect', () => {
-    const titleBlock = new RTETextBlock('block-1', 'title');
-    expect(titleBlock['getBlockTagByType'](titleBlock.type)).toEqual('div');
-    const subtitleBlock = new RTETextBlock('block-1', 'subtitle');
-    expect(subtitleBlock['getBlockTagByType'](subtitleBlock.type)).toEqual('div');
-    const heading1Block = new RTETextBlock('block-1', 'heading-1');
-    expect(heading1Block['getBlockTagByType'](heading1Block.type)).toEqual('h1');
-    const heading2Block = new RTETextBlock('block-1', 'heading-2');
-    expect(heading2Block['getBlockTagByType'](heading2Block.type)).toEqual('h2');
-    const heading3Block = new RTETextBlock('block-1', 'heading-3');
-    expect(heading3Block['getBlockTagByType'](heading3Block.type)).toEqual('h3');
-    const paragraphBlock = new RTETextBlock('block-1', 'paragraph');
-    expect(paragraphBlock['getBlockTagByType'](paragraphBlock.type)).toEqual('p');
-  });
-  it('registerRef method should work as expect', () => {
-    const titleBlock = new RTETextBlock('block-1', 'title');
-    const mockDiv = document.createElement('div');
-    titleBlock['registerRef'](mockDiv);
-    expect(stateEntityRenderingRegistry.getDOMByEntity(titleBlock)).toEqual(mockDiv);
-    expect(stateEntityRenderingRegistry.getEntityByDOM(mockDiv)).toEqual(titleBlock);
-  });
   it('apply method should work as expect', () => {
     const titleBlock = new RTETextBlock('block-1', 'title');
     const textNode = new RTETextNode('1', 'This is a text.', titleBlock);
@@ -135,11 +101,6 @@ describe('text block', () => {
     };
     mockDiv.append(mockSpan);
     mockHost.append(mockDiv);
-    titleBlock['registerRef'](mockDiv);
-    textNode['registerRef'](mockSpan);
-    const parentSubject = domNodesSubjectFactory.getSubject(mockHost, VegaInternalRichTextEditorFlushChanges);
-    expect(domNodesSubjectFactory.getSubjectFromParentNodeByEventId(mockDiv, VegaInternalRichTextEditorFlushChanges)).toEqual(parentSubject);
-    expect(stateEntityRenderingRegistry.getDOMByEntity(titleBlock)).toEqual(mockDiv);
     expect(titleBlock.type).toEqual('title');
     textNode.apply(new SelectionChangeAction(range));
     titleBlock.apply(new TextStyleAnnotationAction('heading-1', true));

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

@@ -1,6 +1,5 @@
 import { RTEImageNode } from '../../../dto/nodes/image-node';
 import { RTEImageBlock } from '../../../dto/blocks/image-block';
-import stateEntityRenderingRegistry from '../../../slimmers/controllers/state-entity-rendering-registry';
 import { ImageAnnotationAction } from '../../../dto/actions/image-annotation-action';
 describe('image node', () => {
   it('new RTEImageNode should work as expect', () => {
@@ -8,19 +7,6 @@ describe('image node', () => {
     const imageNode = new RTEImageNode('1', 'mock-url', imageBlock);
     expect(imageNode.toJSON()).toEqual({ id: '1', type: 'image', url: 'mock-url' });
   });
-  it('render method should work as expect', () => {
-    const imageBlock = new RTEImageBlock('block-id');
-    const imageNode = new RTEImageNode('1', 'mock-url', imageBlock);
-    expect(imageNode.render()).toBeDefined();
-  });
-  it('registerRef method should work as expect', () => {
-    const imageBlock = new RTEImageBlock('block-id');
-    const imageNode = new RTEImageNode('1', 'mock-url', imageBlock);
-    const mockImg = document.createElement('img');
-    imageNode['registerRef'](mockImg);
-    expect(stateEntityRenderingRegistry.getDOMByEntity(imageNode)).toEqual(mockImg);
-    expect(stateEntityRenderingRegistry.getEntityByDOM(mockImg)).toEqual(imageNode);
-  });
   it('apply method should work as expect', () => {
     const imageBlock = new RTEImageBlock('1');
     const imageNode = new RTEImageNode('1', 'mock-url', imageBlock);

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

@@ -15,10 +15,6 @@ import { BoldAnnotationAction } from '../../../dto/actions/bold-annotation-actio
 import { NodeAnnotationTypeEnum } from '../../../dto/annotations/node-annotation.abstract';
 import stateEntityRenderingRegistry from '../../../slimmers/controllers/state-entity-rendering-registry';
 import { SelectionChangeAction } from '../../../dto/actions/selection-change-action';
-import domNodesSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import { VegaInternalRichTextEditorFlushChanges } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
-import { UnderlineAnnotationAction } from '../../../dto/actions/underline-annotation-action';
-import { TextColorAnnotationAction } from '../../../dto/actions/text-color-annotation-action';
 import { DeleteNodeAnnotationAction } from '../../../dto/actions/delete-node-annotation-action';
 describe('text node', () => {
   it('new RTETextNode should work as expect', () => {
@@ -91,24 +87,6 @@ describe('text node', () => {
     expect(id).not.toEqual('1');
     expect(rest).toEqual({ text: 'This is a new text.', type: 'text' });
   });
-  it('render method should work as expect with inline style', () => {
-    const textBlock = new RTETextBlock('block-1', 'paragraph');
-    const textNode = new RTETextNode('1', 'This is a text.', textBlock);
-    textNode.apply(new BoldAnnotationAction(true));
-    expect(textNode.render()).toBeDefined();
-  });
-  it('render method should work as expect with class style', () => {
-    const textBlock = new RTETextBlock('block-1', 'paragraph');
-    const textNode = new RTETextNode('1', 'This is a text.', textBlock);
-    textNode.apply(new UnderlineAnnotationAction(true));
-    expect(textNode.render()).toBeDefined();
-  });
-  it('render method should work as expect with text color class style', () => {
-    const textBlock = new RTETextBlock('block-1', 'paragraph');
-    const textNode = new RTETextNode('1', 'This is a text.', textBlock);
-    textNode.apply(new TextColorAnnotationAction('black'));
-    expect(textNode.render()).toBeDefined();
-  });
   it('getAnnotationByType should work as expect', () => {
     const textBlock = new RTETextBlock('block-1', 'paragraph');
     const textNode = new RTETextNode('1', 'This is a text.', textBlock);
@@ -118,24 +96,12 @@ describe('text node', () => {
       type: 'BOLD',
     });
   });
-  it('registerRef method should work as expect', () => {
-    const textBlock = new RTETextBlock('block-1', 'paragraph');
-    const textNode = new RTETextNode('1', 'This is a text.', textBlock);
-    const mockDiv = document.createElement('div');
-    textNode['registerRef'](mockDiv);
-    expect(stateEntityRenderingRegistry.getDOMByEntity(textNode)).toEqual(mockDiv);
-    expect(stateEntityRenderingRegistry.getEntityByDOM(mockDiv)).toEqual(textNode);
-  });
   it('apply method should work as expect', () => {
     const textBlock = new RTETextBlock('block-1', 'paragraph');
     const textNode = new RTETextNode('1', 'This is a text.', textBlock);
     const mockSpan = document.createElement('span');
     const mockHost = document.createElement('div');
     mockHost.append(mockSpan);
-    textNode['registerRef'](mockSpan);
-    const parentSubject = domNodesSubjectFactory.getSubject(mockHost, VegaInternalRichTextEditorFlushChanges);
-    expect(domNodesSubjectFactory.getSubjectFromParentNodeByEventId(mockSpan, VegaInternalRichTextEditorFlushChanges)).toEqual(parentSubject);
-    expect(stateEntityRenderingRegistry.getDOMByEntity(textNode)).toEqual(mockSpan);
     textNode.apply(new BoldAnnotationAction(true));
     expect(textNode.toJSON()).toEqual({
       id: '1',

package/dist/esm/{app-globals-48531a04.js → app-globals-5b154b6d.js}

@@ -1,19 +1,20 @@
-import { F as FeatureFlag } from './feature-flag-controller-dfde0cfa.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, d as VegaSkeletonLoader } from './block-annotation.abstract-b0554e2b.js';
-import { V as VegaThemeManager } from './node.abstract-93746055.js';
-import { M as MapToComponentMethod, V as VegaSlimmer, f as forceUpdate, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-6887a59f.js';
-import { V as VegaDialog } from './vega-dialog-controller-5b23f68c.js';
+import { F as FeatureFlag } from './feature-flag-controller-4b3fe6f8.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, d as VegaSkeletonLoader } from './vega-skeleton-loader-controller-0aaaf1fa.js';
+import { V as VegaThemeManager } from './node-annotation.abstract-d7d52bce.js';
+import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaDialog } from './vega-dialog-controller-34eb8967.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import { V as VegaIconManager } from './icon-manager-3cef32e7.js';
-import './ui-5600b48f.js';
-import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-b3fe8e74.js';
+import { V as VegaIconManager } from './icon-manager-b889176b.js';
+import './ui-62e4be97.js';
+import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-a98970d8.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-2aef3ad5.js';
-import { w as waitForVega } from './text-node-a652ca87.js';
-import { V as VegaRTEContent } from './content-state-4b036bf1.js';
+import { w as waitForVega } from './list-block-ba82c846.js';
+import { V as VegaRTEContent } from './content-state-f39c4bbf.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-e06a3840.js';
-import { C as ChangeManager } from './change-manager-8f5b72c2.js';
-import { O as Observer } from './dom-node-subject-observer-factory-80358591.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import { O as Observer } from './dom-node-subject-factory-5831cdd4.js';
+import { f as forceUpdate } from './index-187f71d1.js';
 
 var __decorate$1 = (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/esm/{change-manager-8f5b72c2.js → change-manager-6a7eb88c.js}

@@ -1,4 +1,4 @@
-import { L as LogUtility } from './global-slimmer-registry-6887a59f.js';
+import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 /**
  * The ChangeManager is a class that allows observers to register themselves to a subject

package/dist/esm/{child-nodes-event-prevent-slimmer-8ceabe63.js → child-nodes-event-prevent-slimmer-97aae8a8.js}

@@ -1,7 +1,7 @@
-import { d as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-6887a59f.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-3a3815d3.js';
+import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-07e1b3d9.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import { F as FeatureFlag } from './feature-flag-controller-dfde0cfa.js';
+import { F as FeatureFlag } from './feature-flag-controller-4b3fe6f8.js';
 
 var __decorate = (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/esm/{child-nodes-notify-observer-slimmer-afc15e00.js → child-nodes-notify-observer-slimmer-289caacc.js}

@@ -1,7 +1,7 @@
-import { d as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-6887a59f.js';
-import { O as Observer } from './dom-node-subject-observer-factory-80358591.js';
-import { C as ChangeManager } from './change-manager-8f5b72c2.js';
-import { i as isParent } from './ui-5600b48f.js';
+import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { O as Observer } from './dom-node-subject-factory-5831cdd4.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import { i as isParent } from './ui-62e4be97.js';
 
 var __decorate = (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/esm/{component-051a594c.js → component-cae24190.js}

@@ -1,4 +1,4 @@
-import { L as LogUtility } from './global-slimmer-registry-6887a59f.js';
+import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 const exemptionClasses = [
   'vega-flex-grow',