@heartlandone/vega 2.34.0 → 2.35.0-RTE-preview

package/dist/esm/vega-pagination.entry.js

@@ -1,22 +1,24 @@
-import { h, r as registerInstance, e as createEvent, H as Host, g as getElement, I as InjectVegaSlimmer } from './global-slimmer-registry-6887a59f.js';
-import { s as sanitizeVegaComponent } from './component-051a594c.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
+import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { n as normalizeNumberByRanger, c as convertToNumber } from './number-4398f2e1.js';
-import { D as DomNodeSubjectObserverFactory, v as VegaFormSubmit, A as VegaBlur, V as VegaChange, b as VegaClick, L as VegaPageSizeChange } from './dom-node-subject-observer-factory-80358591.js';
-import { a as arrayToClassString } from './ui-5600b48f.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-8ceabe63.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-c03cf145.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-21813c36.js';
-import { T as TranslationSlimmer } from './translation-slimmer-860cd766.js';
-import './change-manager-8f5b72c2.js';
-import './internal-vega-event-manager-3a3815d3.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
+import { v as VegaFormSubmit, A as VegaBlur, f as VegaChange, a as VegaClick, K as VegaPageSizeChange } from './dom-node-subject-factory-5831cdd4.js';
+import { a as arrayToClassString } from './ui-62e4be97.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-97aae8a8.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-f285e3ac.js';
+import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
+import { T as TranslationSlimmer } from './translation-slimmer-5ee9912b.js';
+import './change-manager-6a7eb88c.js';
+import './internal-vega-event-manager-07e1b3d9.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-dfde0cfa.js';
+import './feature-flag-controller-4b3fe6f8.js';
 import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
-import './dynamic-slimmer-85746483.js';
-import './translation-b3fe8e74.js';
+import './dynamic-slimmer-90b8af32.js';
+import './translation-a98970d8.js';
 import './static-subject-title-e06a3840.js';
-import './create-public-api-runtime-metrics-slimmer-14cb4599.js';
+import './create-public-api-runtime-metrics-slimmer-9ab05523.js';
 
 const VegaPaginationCurrentPageLabel = ({ pageSize, current, total, translationSlimmer, }) => {
   const rangeFrom = total > 0 ? pageSize * (current - 1) + 1 : 0;
@@ -282,7 +284,6 @@ const VegaPagination = class {
     };
     this.onPageSizeSelectorChange = (pageSize) => {
       this.pageSize = pageSize;
-      this.vegaPageSizeChangeEventEmitter.emit(this.pageSize);
     };
     this.calculatePages = () => {
       if (!this.total) {
@@ -333,7 +334,11 @@ const VegaPagination = class {
     this.currentValueGuard();
     this.vegaChangeEventEmitter.emit(this.current);
   }
+  watchTotal() {
+    this.pageCount = this.calculatePages();
+  }
   watchPageSize() {
+    this.vegaPageSizeChangeEventEmitter.emit(this.pageSize);
     this.pageCount = this.calculatePages();
   }
   componentWillLoad() {
@@ -350,7 +355,7 @@ const VegaPagination = class {
   static get watchers() { return {
     "pageCount": ["watchPageCount"],
     "current": ["watchCurrent"],
-    "total": ["watchPageSize"],
+    "total": ["watchTotal"],
     "pageSize": ["watchPageSize"]
   }; }
 };

package/dist/esm/vega-pie-chart.entry.js

@@ -1,7 +1,8 @@
-import { r as registerInstance, h, g as getElement, I as InjectVegaSlimmer, H as Host } from './global-slimmer-registry-6887a59f.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './index-187f71d1.js';
 import { h as array, t as tau, j as constant, I as InteractingEntryGenerator, k as d3Select, B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legend-input-processor-15939912.js';
-import { s as sanitizeVegaComponent } from './component-051a594c.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-21813c36.js';
+import { s as sanitizeVegaComponent } from './component-cae24190.js';
+import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
 import './array-b668466e.js';
 import './number-4398f2e1.js';
 import './typography-396de03f.js';

package/dist/esm/vega-popover_2.entry.js

@@ -1,27 +1,29 @@
-import { d as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, h, r as registerInstance, e as createEvent, H as Host, g as getElement, I as InjectVegaSlimmer } from './global-slimmer-registry-6887a59f.js';
-import { s as sanitizeVegaComponent } from './component-051a594c.js';
-import { I as InjectKeyboardManager } from './inject-keyboard-manager-45309420.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-21813c36.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-c03cf145.js';
-import { d as domNodeSubjectFactory, M as VegaPopoverShow, N as VegaPopoverHide } from './dom-node-subject-observer-factory-80358591.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-4dfa326d.js';
-import { r as remoteInvocationRegistry } from './remote-invocation-registry-2ec6936d.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
+import { s as sanitizeVegaComponent } from './component-cae24190.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-b0135018.js';
+import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-f285e3ac.js';
+import { d as domNodeSubjectFactory, L as VegaPopoverShow, M as VegaPopoverHide } from './dom-node-subject-factory-5831cdd4.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-d71e3109.js';
+import { r as remoteInvocationRegistry } from './remote-invocation-registry-d97fa3bc.js';
 import { k as VegaInternalPopoverUpdateTarget } from './vega-internal-event-id-4af5c6e9.js';
-import './keyboard-manager-2c06eafe.js';
-import './ui-5600b48f.js';
-import './dynamic-slimmer-85746483.js';
-import './change-manager-8f5b72c2.js';
-import './internal-vega-event-manager-3a3815d3.js';
-import './internal-vega-z-index-manager-89e8b6f5.js';
+import './keyboard-manager-4c898a0d.js';
+import './ui-62e4be97.js';
+import './dynamic-slimmer-90b8af32.js';
+import './change-manager-6a7eb88c.js';
+import './dom-node-subject-observer-factory-dc486a8b.js';
+import './internal-vega-event-manager-07e1b3d9.js';
+import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
-import './page-resize-observer-slimmer-8589ebc8.js';
+import './page-resize-observer-slimmer-beb7b0bd.js';
 import './breakpoints-91116111.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
 import './type-guard-158f6d7a.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
-import './responsive-format-facade-559ec469.js';
+import './responsive-format-facade-c2ab9c87.js';
 import './pixel-f32c07ce.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/vega-progress-tracker.entry.js

@@ -1,15 +1,17 @@
-import { r as registerInstance, e as createEvent, h, H as Host, g as getElement, I as InjectVegaSlimmer } from './global-slimmer-registry-6887a59f.js';
-import { P as VegaCurrentStepUpdate, D as DomNodeSubjectObserverFactory, j as VegaPageUpdate } from './dom-node-subject-observer-factory-80358591.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
+import { N as VegaCurrentStepUpdate, j as VegaPageUpdate } from './dom-node-subject-factory-5831cdd4.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { s as sanitizeVegaComponent } from './component-051a594c.js';
+import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { n as normalizeNumberByRanger } from './number-4398f2e1.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-21813c36.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-c03cf145.js';
-import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-9ea5019c.js';
-import './change-manager-8f5b72c2.js';
-import './ui-5600b48f.js';
-import './dynamic-slimmer-85746483.js';
-import './internal-vega-event-manager-3a3815d3.js';
+import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-f285e3ac.js';
+import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
+import './change-manager-6a7eb88c.js';
+import './ui-62e4be97.js';
+import './dynamic-slimmer-90b8af32.js';
+import './internal-vega-event-manager-07e1b3d9.js';
 import './object-261e7344.js';
 
 const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [

package/dist/esm/vega-radio_2.entry.js

@@ -1,37 +1,39 @@
-import { d as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, r as registerInstance, e as createEvent, h, H as Host, g as getElement, I as InjectVegaSlimmer } from './global-slimmer-registry-6887a59f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { s as sanitizeVegaComponent } from './component-051a594c.js';
-import { C as ChangeManager } from './change-manager-8f5b72c2.js';
+import { s as sanitizeVegaComponent } from './component-cae24190.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { R as RADIO_VALUE_CHANGE, i as RADIO_GROUP_DISABLED_CHANGE, b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-e06a3840.js';
-import { O as Observer, d as domNodeSubjectFactory, V as VegaChange, z as VegaFocus, A as VegaBlur } from './dom-node-subject-observer-factory-80358591.js';
-import { f as findParent } from './ui-5600b48f.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-21813c36.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-c03cf145.js';
+import { O as Observer, d as domNodeSubjectFactory, f as VegaChange, z as VegaFocus, A as VegaBlur } from './dom-node-subject-factory-5831cdd4.js';
+import { f as findParent } from './ui-62e4be97.js';
+import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-f285e3ac.js';
 import { c as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-4af5c6e9.js';
 import { R as RequiredFieldRule } from './required-field-rule-368b31fa.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-de5fe574.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-afc15e00.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-8ceabe63.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-fd177285.js';
-import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-ca2cb2e8.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-af969d03.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-289caacc.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-97aae8a8.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f80d6835.js';
+import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-1035b064.js';
-import './dynamic-slimmer-85746483.js';
-import './internal-vega-event-manager-3a3815d3.js';
+import './dynamic-slimmer-90b8af32.js';
+import './dom-node-subject-observer-factory-dc486a8b.js';
+import './internal-vega-event-manager-07e1b3d9.js';
 import './string-be824360.js';
-import './create-public-api-runtime-metrics-slimmer-14cb4599.js';
-import './translation-b3fe8e74.js';
-import './page-resize-observer-slimmer-8589ebc8.js';
+import './create-public-api-runtime-metrics-slimmer-9ab05523.js';
+import './translation-a98970d8.js';
+import './page-resize-observer-slimmer-beb7b0bd.js';
 import './breakpoints-91116111.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
 import './array-b668466e.js';
 import './number-4398f2e1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-dfde0cfa.js';
+import './feature-flag-controller-4b3fe6f8.js';
 import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
-import './keyboard-manager-2c06eafe.js';
+import './keyboard-manager-4c898a0d.js';
 
 var __decorate$5 = (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/vega-rich-text-content.entry.js

@@ -1,26 +1,310 @@
-import { d as MapToComponentField, V as VegaSlimmer, h, H as Host, r as registerInstance, g as getElement, I as InjectVegaSlimmer } from './global-slimmer-registry-6887a59f.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-21813c36.js';
-import { s as sanitizeVegaComponent } from './component-051a594c.js';
-import { d as VegaDarkModeStyleController } from './node.abstract-93746055.js';
-import { T as TextColorToolbarButtonSlimmer } from './text-color-toolbar-button-slimmer-d0255b98.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-0968ce04.js';
-import { f as findParent } from './ui-5600b48f.js';
-import { b as waitForComponentDidRender } from './text-node-6f7d736c.js';
+import { h, H as Host, r as registerInstance, g as getElement } from './index-187f71d1.js';
+import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
+import { s as sanitizeVegaComponent } from './component-cae24190.js';
+import { s as stateEntityRenderingRegistry, B as BlockAnnotation, N as NodeAnnotation, c as NodeAnnotationTypeEnum, I as InternalAnnotationTypeEnum, e as VegaDarkModeStyleController } from './node-annotation.abstract-d7d52bce.js';
+import { T as TextNodeRenderingRegistry, I as ImageAnnotationAction, a as TextColorToolbarButtonSlimmer } from './image-annotation-action-a8e00f28.js';
+import { Z as ZERO_WIDTH_SPACE, L as LinkAnnotationAction, I as ImageAnnotation, b as RTETextBlock, c as RTEListItemBlock, R as RTEListBlock, a as RTEImageBlock, d as waitForComponentDidRender } from './list-block-ba82c846.js';
+import { i as isNonNullable } from './type-guard-158f6d7a.js';
+import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-9ab05523.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
+import { f as VegaChange } from './dom-node-subject-factory-5831cdd4.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-403cc4e7.js';
+import { f as findParent } from './ui-62e4be97.js';
 import './_commonjsHelpers-9943807e.js';
 import './static-subject-title-e06a3840.js';
-import './change-manager-8f5b72c2.js';
-import './dom-node-subject-observer-factory-80358591.js';
-import './create-public-api-runtime-metrics-slimmer-14cb4599.js';
-import './dynamic-slimmer-85746483.js';
+import './change-manager-6a7eb88c.js';
 import './vega-internal-event-id-4af5c6e9.js';
-import './internal-icon-manager-7fc7535a.js';
-import './icon-manager-3cef32e7.js';
-import './type-guard-158f6d7a.js';
+import './internal-icon-manager-900a5bb4.js';
+import './icon-manager-b889176b.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
-import './accessibility-e5fd0fab.js';
+import './dynamic-slimmer-90b8af32.js';
+
+class RTEBlockRenderer {
+  constructor(block, renderContext) {
+    this.block = block;
+    this.renderContext = renderContext;
+  }
+  registerRef(ref) {
+    if (ref) {
+      stateEntityRenderingRegistry.register(ref, this.block);
+    }
+  }
+  /**
+   * Get styles from annotations
+   *
+   * @returns {AnnotationStyle} - Annotation style
+   */
+  getStyles() {
+    return Array.from(this.block.annotationMap.values())
+      .filter((annotation) => annotation instanceof BlockAnnotation)
+      .map((annotation) => annotation.render())
+      .filter(isNonNullable)
+      .reduce((current, obj) => (Object.assign(Object.assign({}, current), obj)), {});
+  }
+  /**
+   * Get classes from annotations
+   *
+   * @returns {AnnotationStyle} - Annotation style
+   */
+  getClasses() {
+    return Array.from(this.block.annotationMap.values())
+      .map((annotation) => { var _a; return (_a = annotation.renderClass) === null || _a === void 0 ? void 0 : _a.call(annotation); })
+      .filter(isNonNullable)
+      .reduce((pre, cur) => [pre, cur].join(' '), '');
+  }
+}
+
+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(' '), '');
+  }
+}
+
+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) {
+        TextNodeRenderingRegistry.register(ref, textColorAnnotation);
+      }
+    }
+  }
+}
+
+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())));
+  }
+}
+
+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) }));
+  }
+}
+
+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();
+    })));
+  }
+}
+
+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());
+  }
+}
+
+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())));
+  }
+}
 
 var __decorate$2 = (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;
@@ -50,7 +334,21 @@ class VegaRichTextContentRenderer extends VegaSlimmer {
   }
   renderContent() {
     var _a;
-    return (_a = this.content) === null || _a === void 0 ? void 0 : _a.blocks.map((block) => block.render({ editable: this.contentEditable }));
+    const renderContext = { editable: this.contentEditable };
+    return (_a = this.content) === null || _a === void 0 ? void 0 : _a.blocks.map((block) => {
+      return this.getBlockRenderer(block, renderContext).render();
+    });
+  }
+  getBlockRenderer(block, renderContext) {
+    if (block instanceof RTETextBlock && !(block instanceof RTEListItemBlock)) {
+      return new RTETextBlockRenderer(block, renderContext);
+    }
+    else if (block instanceof RTEListBlock) {
+      return new RTEListBlockRenderer(block, renderContext);
+    }
+    else if (block instanceof RTEImageBlock) {
+      return new RTEImageBlockRenderer(block, renderContext);
+    }
   }
   shouldShowPlaceholder() {
     var _a;