@progress/kendo-editor-common 1.12.2-develop.5 → 1.12.2-develop.7

package/dist/es/plugins/table-resize/column-resize.js

@@ -1,15 +1,14 @@
 import { Plugin } from 'prosemirror-state';
 import { TableMap } from 'prosemirror-tables';
-import { DecorationSet, Decoration } from 'prosemirror-view';
-import { colgroupAttr } from '../../config/constants.js';
-import { TableView, TableWrapperView } from './table-view.js';
-import { setNodeStyle, parseStyle } from '../../utils.js';
-import { tableColumnResizeKey, otherResizing, otherResizeHandle, domCellAround, cellIndexes, edgeCell } from './utils.js';
-
-function columnResizing() {
+import { Decoration, DecorationSet } from 'prosemirror-view';
+import { colgroupAttr } from '../../config/constants';
+import { TableView, TableWrapperView } from './table-view';
+import { parseStyle, setNodeStyle } from './../../utils';
+import { cellIndexes, domCellAround, otherResizeHandle, otherResizing, edgeCell, tableColumnResizeKey as key } from './utils';
+export function columnResizing() {
     const handleWidth = 5, cellMinWidth = 25;
     const plugin = new Plugin({
-        key: tableColumnResizeKey,
+        key,
         state: {
             init() {
                 return new ResizeState(-1, null);
@@ -20,15 +19,15 @@ function columnResizing() {
         },
         props: {
             attributes(state) {
-                if (otherResizeHandle(tableColumnResizeKey, state)) {
+                if (otherResizeHandle(key, state)) {
                     return null;
                 }
-                const pluginState = tableColumnResizeKey.getState(state);
+                const pluginState = key.getState(state);
                 return pluginState.activeHandle > -1 ? { class: 'resize-cursor' } : null;
             },
             handleDOMEvents: {
                 mousemove(view, event) {
-                    if (!otherResizing(tableColumnResizeKey, view.state)) {
+                    if (!otherResizing(key, view.state)) {
                         handleMouseMove(view, event, handleWidth);
                     }
                     return false;
@@ -42,8 +41,8 @@ function columnResizing() {
                 }
             },
             decorations(state) {
-                if (!otherResizing(tableColumnResizeKey, state)) {
-                    const pluginState = tableColumnResizeKey.getState(state);
+                if (!otherResizing(key, state)) {
+                    const pluginState = key.getState(state);
                     if (pluginState.activeHandle > -1) {
                         return handleDecorations(state, pluginState.activeHandle);
                     }
@@ -68,7 +67,7 @@ class ResizeState {
     }
     apply(tr) {
         let state;
-        const action = tr.getMeta(tableColumnResizeKey);
+        const action = tr.getMeta(key);
         if (action && action.setHandle != null) {
             return new ResizeState(action.setHandle, null);
         }
@@ -86,7 +85,7 @@ class ResizeState {
     }
 }
 function handleMouseMove(view, event, handleWidth) {
-    const pluginState = tableColumnResizeKey.getState(view.state);
+    const pluginState = key.getState(view.state);
     if (!pluginState.dragging) {
         const target = domCellAround(event.target);
         let cell = -1;
@@ -107,13 +106,13 @@ function handleMouseMove(view, event, handleWidth) {
     }
 }
 function handleMouseLeave(view) {
-    const pluginState = tableColumnResizeKey.getState(view.state);
+    const pluginState = key.getState(view.state);
     if (pluginState.activeHandle > -1 && !pluginState.dragging) {
         updateHandle(view, -1);
     }
 }
 function handleMouseDown(view, event, cellMinWidth) {
-    const pluginState = tableColumnResizeKey.getState(view.state);
+    const pluginState = key.getState(view.state);
     if (pluginState.activeHandle === -1 || pluginState.dragging) {
         return false;
     }
@@ -156,7 +155,7 @@ function handleMouseDown(view, event, cellMinWidth) {
         };
     }
     const width = parseFloat(col.style.width);
-    const tr = view.state.tr.setMeta(tableColumnResizeKey, { setDragging: { startX: event.clientX, startWidth: width } });
+    const tr = view.state.tr.setMeta(key, { setDragging: { startX: event.clientX, startWidth: width } });
     if (!tableDom.style.width) {
         const widths = Array.from(col.parentNode.children).map((c) => c.style.width);
         if (widths.every(Boolean)) {
@@ -172,18 +171,18 @@ function handleMouseDown(view, event, cellMinWidth) {
     function finish(ev) {
         ev.view.removeEventListener('mouseup', finish);
         ev.view.removeEventListener('mousemove', move);
-        const curPluginState = tableColumnResizeKey.getState(view.state);
+        const curPluginState = key.getState(view.state);
         if (curPluginState.dragging) {
             const transaction = view.state.tr;
             updateColumnWidth(view, transaction, curPluginState.activeHandle);
-            view.dispatch(transaction.setMeta(tableColumnResizeKey, { setDragging: null }));
+            view.dispatch(transaction.setMeta(key, { setDragging: null }));
         }
     }
     function move(ev) {
         if (!ev.which) {
             return finish(ev);
         }
-        const curPluginState = tableColumnResizeKey.getState(view.state);
+        const curPluginState = key.getState(view.state);
         const dragged = draggedWidth(curPluginState.dragging, ev, cellMinWidth);
         displayColumnWidth(view, curPluginState.activeHandle, dragged);
     }
@@ -199,7 +198,7 @@ function draggedWidth(dragging, event, cellMinWidth) {
 function updateHandle(view, value) {
     const tr = view.state.tr;
     tr.setMeta('addToHistory', false);
-    tr.setMeta(tableColumnResizeKey, { setHandle: value });
+    tr.setMeta(key, { setHandle: value });
     view.dispatch(tr);
 }
 function updateColumnWidth(view, tr, cell) {
@@ -266,5 +265,3 @@ function handleDecorations(state, cell) {
     }));
     return DecorationSet.create(state.doc, decorations);
 }
-
-export { columnResizing };

package/dist/es/plugins/table-resize/index.js

@@ -1,12 +1,9 @@
-import { columnResizing } from './column-resize.js';
-import { tableResizing as tableResizing$1 } from './table-resize.js';
-import { rowResizing } from './row-resize.js';
-export { tableColumnResizeKey, tableResizeKey, tableRowResizeKey } from './utils.js';
-
-const tableResizing = () => [
-    tableResizing$1(),
+import { columnResizing } from './column-resize';
+import { tableResizing as tableResize } from './table-resize';
+import { rowResizing } from './row-resize';
+export const tableResizing = () => [
+    tableResize(),
     columnResizing(),
     rowResizing()
 ];
-
-export { tableResizing };
+export { tableResizeKey, tableColumnResizeKey, tableRowResizeKey } from './utils';

package/dist/es/plugins/table-resize/row-resize.js

@@ -1,18 +1,17 @@
 import { Plugin } from 'prosemirror-state';
-import { tableNodeTypes, TableMap } from 'prosemirror-tables';
-import { DecorationSet, Decoration } from 'prosemirror-view';
-import { tableRowResizeKey, otherResizing, otherResizeHandle, domCellAround, cellIndexes, edgeCell } from './utils.js';
-import { parseStyle, setNodeStyle } from '../../utils.js';
-
+import { TableMap, tableNodeTypes } from 'prosemirror-tables';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+import { cellIndexes, domCellAround, otherResizeHandle, otherResizing, tableRowResizeKey as key, edgeCell } from './utils';
+import { parseStyle, setNodeStyle } from './../../utils';
 class TableRowView {
     ignoreMutation(record) {
         return record.type === 'attributes' && record.attributeName === 'style' && record.target.nodeName === 'TR';
     }
 }
-function rowResizing() {
+export function rowResizing() {
     const handleWidth = 5;
     const plugin = new Plugin({
-        key: tableRowResizeKey,
+        key,
         state: {
             init(_, state) {
                 this.spec.props.nodeViews[tableNodeTypes(state.schema).row.name] = () => new TableRowView();
@@ -24,15 +23,15 @@ function rowResizing() {
         },
         props: {
             attributes(state) {
-                if (otherResizeHandle(tableRowResizeKey, state)) {
+                if (otherResizeHandle(key, state)) {
                     return null;
                 }
-                const pluginState = tableRowResizeKey.getState(state);
+                const pluginState = key.getState(state);
                 return pluginState.activeHandle > -1 ? { class: 'resize-cursor-vertical' } : null;
             },
             handleDOMEvents: {
                 mousemove(view, event) {
-                    if (!otherResizing(tableRowResizeKey, view.state)) {
+                    if (!otherResizing(key, view.state)) {
                         handleMouseMove(view, event, handleWidth);
                     }
                     return false;
@@ -46,10 +45,10 @@ function rowResizing() {
                 }
             },
             decorations(state) {
-                if (otherResizing(tableRowResizeKey, state)) {
+                if (otherResizing(key, state)) {
                     return DecorationSet.empty;
                 }
-                const pluginState = tableRowResizeKey.getState(state);
+                const pluginState = key.getState(state);
                 if (pluginState.activeHandle > -1) {
                     return handleDecorations(state, pluginState.activeHandle);
                 }
@@ -68,7 +67,8 @@ class ResizeState {
         this.dragging = dragging;
     }
     apply(tr) {
-        let state, action = tr.getMeta(tableRowResizeKey);
+        let state;
+        const action = tr.getMeta(key);
         if (action && action.setHandle != null) {
             return new ResizeState(action.setHandle, null);
         }
@@ -86,9 +86,10 @@ class ResizeState {
     }
 }
 function handleMouseMove(view, event, handleWidth) {
-    const pluginState = tableRowResizeKey.getState(view.state);
+    const pluginState = key.getState(view.state);
     if (!pluginState.dragging) {
-        let target = domCellAround(event.target), cell = -1;
+        const target = domCellAround(event.target);
+        let cell = -1;
         if (target) {
             const indexes = cellIndexes(target);
             const { top, bottom } = target.getBoundingClientRect();
@@ -106,13 +107,13 @@ function handleMouseMove(view, event, handleWidth) {
     }
 }
 function handleMouseLeave(view) {
-    const pluginState = tableRowResizeKey.getState(view.state);
+    const pluginState = key.getState(view.state);
     if (pluginState.activeHandle > -1 && !pluginState.dragging) {
         updateHandle(view, -1);
     }
 }
 function handleMouseDown(view, event) {
-    const pluginState = tableRowResizeKey.getState(view.state);
+    const pluginState = key.getState(view.state);
     if (pluginState.activeHandle === -1 || pluginState.dragging) {
         return false;
     }
@@ -127,7 +128,7 @@ function handleMouseDown(view, event) {
         const tr = view.nodeDOM(pluginState.activeHandle);
         rowHeight = tr.offsetHeight;
     }
-    view.dispatch(view.state.tr.setMeta(tableRowResizeKey, {
+    view.dispatch(view.state.tr.setMeta(key, {
         setDragging: {
             startY: event.clientY,
             startHeight: { rowHeight, tableHeight }
@@ -136,9 +137,9 @@ function handleMouseDown(view, event) {
     function finish(ev) {
         ev.view.removeEventListener('mouseup', finish);
         ev.view.removeEventListener('mousemove', move);
-        const curPluginState = tableRowResizeKey.getState(view.state);
+        const curPluginState = key.getState(view.state);
         if (curPluginState.dragging) {
-            const tr = view.state.tr.setMeta(tableRowResizeKey, { setDragging: null });
+            const tr = view.state.tr.setMeta(key, { setDragging: null });
             updateRowHeight(view, tr, curPluginState.activeHandle);
             view.dispatch(tr);
         }
@@ -147,7 +148,7 @@ function handleMouseDown(view, event) {
         if (!ev.which) {
             return finish(ev);
         }
-        const curPluginState = tableRowResizeKey.getState(view.state);
+        const curPluginState = key.getState(view.state);
         const dragged = draggedHeight(curPluginState.dragging, ev);
         const offset = ev.clientY - curPluginState.dragging.startY;
         displayRowHeight(view, curPluginState.activeHandle, dragged, offset, tableHeight);
@@ -164,7 +165,7 @@ function draggedHeight(dragging, event) {
 function updateHandle(view, value) {
     const tr = view.state.tr;
     tr.setMeta('addToHistory', false);
-    tr.setMeta(tableRowResizeKey, { setHandle: value });
+    tr.setMeta(key, { setHandle: value });
     view.dispatch(tr);
 }
 function updateRowHeight(view, tr, cellPos) {
@@ -230,5 +231,3 @@ function handleDecorations(state, cell) {
     });
     return DecorationSet.create(state.doc, decorations);
 }
-
-export { rowResizing };

package/dist/es/plugins/table-resize/table-resize.js

@@ -1,9 +1,8 @@
-import { Plugin, NodeSelection } from 'prosemirror-state';
-import { resizableAttr, dataResizeDirTable, colgroupAttr } from '../../config/constants.js';
-import { tableResizeKey, getTable } from './utils.js';
-import { parentNode, parseStyle, setNodeStyle } from '../../utils.js';
-import { directions } from '../resize-utils.js';
-
+import { NodeSelection, Plugin } from 'prosemirror-state';
+import { colgroupAttr, dataResizeDirTable, resizableAttr } from '../../config/constants';
+import { getTable, tableResizeKey as key } from './utils';
+import { parseStyle, setNodeStyle, parentNode } from './../../utils';
+import { directions } from './../resize-utils';
 const commonDir = {
     'southeast': true,
     'southwest': true,
@@ -27,7 +26,7 @@ class ResizeState {
         this.nodePosition = nodePosition;
     }
     apply(tr) {
-        const next = tr.getMeta(tableResizeKey);
+        const next = tr.getMeta(key);
         if (next) {
             const nextState = new ResizeState(next.activeHandle, next.setDragging, next.nodePosition);
             return nextState;
@@ -37,7 +36,7 @@ class ResizeState {
 }
 const handleMouseMove = (view, event) => {
     var _a;
-    const state = tableResizeKey.getState(view.state);
+    const state = key.getState(view.state);
     const { dragging, nodePosition, activeHandle } = state;
     if (nodePosition < 0 || !dragging) {
         return;
@@ -141,7 +140,7 @@ const tableSize = (table) => {
     return { width, height, colsWidth, rowsHeight, offsetWidth, offsetHeight };
 };
 const handleMouseUp = (view) => {
-    const { dragging, nodePosition, activeHandle } = tableResizeKey.getState(view.state);
+    const { dragging, nodePosition, activeHandle } = key.getState(view.state);
     if (dragging) {
         const node = view.state.doc.nodeAt(nodePosition);
         const dom = getTable(view.nodeDOM(nodePosition));
@@ -162,7 +161,7 @@ const handleMouseUp = (view) => {
             tr.setNodeMarkup(nodePosition, null, attrs);
             tr.setMeta('commandName', 'node-resize');
             tr.setMeta('args', attrs);
-            tr.setMeta(tableResizeKey, {
+            tr.setMeta(key, {
                 setDragging: null,
                 activeHandle: null,
                 nodePosition
@@ -186,10 +185,10 @@ const handleMouseDown = (view, event) => {
     if (!activeHandle) {
         return false;
     }
-    const resizeState = tableResizeKey.getState(view.state);
+    const resizeState = key.getState(view.state);
     event.preventDefault();
     const transaction = view.state.tr;
-    transaction.setMeta(tableResizeKey, {
+    transaction.setMeta(key, {
         setDragging: { startX: event.clientX, startY: event.clientY },
         activeHandle,
         nodePosition: resizeState.nodePosition
@@ -210,9 +209,9 @@ const handleMouseDown = (view, event) => {
     curWindow.addEventListener('mousemove', move);
     return true;
 };
-const tableResizing = (options = { node: 'table' }) => {
+export const tableResizing = (options = { node: 'table' }) => {
     return new Plugin({
-        key: tableResizeKey,
+        key: key,
         view: () => ({
             selectedNode(state, nodeType) {
                 const selection = state.selection;
@@ -241,7 +240,7 @@ const tableResizing = (options = { node: 'table' }) => {
                     const tr = state.tr;
                     tr.setMeta('addToHistory', false);
                     if (selected && prevSelected && selected.pos !== prevSelected.pos) {
-                        tr.setMeta(tableResizeKey, { nodePosition: selected.pos });
+                        tr.setMeta(key, { nodePosition: selected.pos });
                         const prevNode = tr.doc.nodeAt(prevSelected.pos);
                         if (prevNode && prevNode.type.name === nodeType.name) {
                             tr.setNodeMarkup(prevSelected.pos, nodeType, { ...prevSelected.node.attrs, [resizableAttr]: false });
@@ -251,15 +250,15 @@ const tableResizing = (options = { node: 'table' }) => {
                     }
                     else if (selected && prevSelected && selected.pos === prevSelected.pos &&
                         !selected.node.attrs[resizableAttr] && !state.selection.eq(prevState.selection)) {
-                        tr.setMeta(tableResizeKey, { nodePosition: selected.pos });
+                        tr.setMeta(key, { nodePosition: selected.pos });
                         view.dispatch(tr.setNodeMarkup(selected.pos, nodeType, { ...selected.node.attrs, [resizableAttr]: true }));
                     }
                     else if (selected && !prevSelected) {
-                        tr.setMeta(tableResizeKey, { nodePosition: selected.pos });
+                        tr.setMeta(key, { nodePosition: selected.pos });
                         view.dispatch(tr.setNodeMarkup(selected.pos, nodeType, { ...selected.node.attrs, [resizableAttr]: true }));
                     }
                     else if (!selected && prevSelected) {
-                        tr.setMeta(tableResizeKey, { nodePosition: -1 });
+                        tr.setMeta(key, { nodePosition: -1 });
                         view.dispatch(tr.setNodeMarkup(prevSelected.pos, nodeType, { ...prevSelected.node.attrs, [resizableAttr]: false }));
                     }
                 }
@@ -282,5 +281,3 @@ const tableResizing = (options = { node: 'table' }) => {
         }
     });
 };
-
-export { tableResizing };

package/dist/es/plugins/table-resize/table-view.js

@@ -1,9 +1,8 @@
-import { resizableWrap, colgroupAttr, resizeHandle, dataResizeDirTable, resizableAttr } from '../../config/constants.js';
-import { parseStrColgroup } from '../../config/schema.js';
-import { handles } from '../resize-utils.js';
-import { setAttribute, parseStyle } from '../../utils.js';
-
-class TableView {
+import { colgroupAttr, dataResizeDirTable, resizableAttr, resizableWrap, resizeHandle } from '../../config/constants';
+import { parseStrColgroup } from '../../config/schema';
+import { handles } from './../resize-utils';
+import { parseStyle, setAttribute } from './../../utils';
+export class TableView {
     constructor(node, view) {
         this.node = node;
         this.view = view;
@@ -84,7 +83,7 @@ class TableView {
         }
     }
 }
-class TableWrapperView {
+export class TableWrapperView {
     constructor(node, view) {
         this.node = node;
         this.view = view;
@@ -124,5 +123,3 @@ class TableWrapperView {
         }
     }
 }
-
-export { TableView, TableWrapperView };

package/dist/es/plugins/table-resize/utils.js

@@ -1,11 +1,10 @@
 import { PluginKey } from 'prosemirror-state';
 import { TableMap } from 'prosemirror-tables';
-import { parentNode } from '../../utils.js';
-
-const tableResizeKey = new PluginKey('table-resize');
-const tableColumnResizeKey = new PluginKey('table-column-resizing');
-const tableRowResizeKey = new PluginKey('table-row-resizing');
-function otherResizing(current, state) {
+import { parentNode } from '../../utils';
+export const tableResizeKey = new PluginKey('table-resize');
+export const tableColumnResizeKey = new PluginKey('table-column-resizing');
+export const tableRowResizeKey = new PluginKey('table-row-resizing');
+export function otherResizing(current, state) {
     let activeResize = false;
     activeResize = activeResize ||
         (current !== tableResizeKey && Boolean(tableResizeKey.get(state)) && tableResizeKey.getState(state).dragging);
@@ -15,7 +14,7 @@ function otherResizing(current, state) {
         (current !== tableRowResizeKey && Boolean(tableRowResizeKey.get(state)) && tableRowResizeKey.getState(state).dragging);
     return activeResize;
 }
-function otherResizeHandle(current, state) {
+export function otherResizeHandle(current, state) {
     let activeResize = false;
     activeResize = activeResize ||
         (current !== tableColumnResizeKey &&
@@ -25,13 +24,13 @@ function otherResizeHandle(current, state) {
         (current !== tableRowResizeKey && Boolean(tableRowResizeKey.get(state)) && tableRowResizeKey.getState(state).activeHandle > -1);
     return activeResize;
 }
-function getTable(dom) {
+export function getTable(dom) {
     if (dom && dom.firstChild && dom.firstChild.nodeName === 'TABLE') {
         return dom.firstChild;
     }
     return dom;
 }
-function domCellAround(target) {
+export function domCellAround(target) {
     while (target && target.nodeName !== 'TD' && target.nodeName !== 'TH') {
         target = target.classList.contains('ProseMirror') ? null : target.parentNode;
     }
@@ -57,7 +56,7 @@ function tableSpansMap(table) {
     });
     return map;
 }
-function cellIndexes(dataCell) {
+export function cellIndexes(dataCell) {
     const map = tableSpansMap(dataCell.closest('table'));
     let result = null;
     for (let r = 0; r < map.length; r++) {
@@ -73,7 +72,7 @@ function cellIndexes(dataCell) {
     }
     return result || { rowIndex: -1, cellIndex: -1 };
 }
-function edgeCell(view, event, indexes) {
+export function edgeCell(view, event, indexes) {
     const found = view.posAtCoords({ left: event.clientX, top: event.clientY });
     if (!found) {
         return -1;
@@ -89,5 +88,3 @@ function edgeCell(view, event, indexes) {
     const cell = tablePos + map.map[(map.width * indexes.rowIndex) + indexes.cellIndex];
     return cell;
 }
-
-export { cellIndexes, domCellAround, edgeCell, getTable, otherResizeHandle, otherResizing, tableColumnResizeKey, tableResizeKey, tableRowResizeKey };

package/dist/es/source.js

@@ -1,9 +1,8 @@
-import { DOMParser, Fragment } from 'prosemirror-model';
+import { DOMParser as ProseMirrorDOMParser, Fragment } from 'prosemirror-model';
 import { AllSelection } from 'prosemirror-state';
-import { rowTypeAttr, colgroupAttr } from './config/constants.js';
-import { DOMSerializer } from './DOMSerializer.js';
-import { setStyleAttr } from './utils.js';
-
+import { rowTypeAttr, colgroupAttr } from './config/constants';
+import { DOMSerializer } from './DOMSerializer';
+import { setStyleAttr } from './utils';
 const blockWrappers = [
     'div', 'ol', 'ul', 'li', 'table', 'tbody', 'thead', 'tfoot', 'caption', 'td', 'th', 'p',
     'tr', 'col', 'colgroup', 'article', 'main', 'nav', 'header', 'footer', 'aside', 'section'
@@ -125,7 +124,7 @@ const validateTablesToPmSchema = (fragment) => {
  *
  * @returns The trimmed HTML content
  */
-const trimWhitespace = (html, trimAroundTags = blockWrappers) => {
+export const trimWhitespace = (html, trimAroundTags = blockWrappers) => {
     const tags = trimAroundTags.join('|');
     return html.replace(new RegExp('\\s*(<(?:' + tags + ')(?:\\s[^>]*?)?>)', 'g'), '$1')
         .replace(new RegExp('(<\\/(?:' + tags + ')(?:\\s[^>]*?)?>)\\s*', 'g'), '$1');
@@ -153,7 +152,7 @@ const restoreStyleAttr = (container) => {
  * @param html
  * @returns DocumentFragment
  */
-const htmlToFragment = (html) => {
+export const htmlToFragment = (html) => {
     const template = document.createElement('template');
     template.innerHTML = replaceStyleAttr(html);
     restoreStyleAttr(template.content);
@@ -162,7 +161,7 @@ const htmlToFragment = (html) => {
 /**
  * @hidden
  */
-const fragmentToHtml = (fragment) => {
+export const fragmentToHtml = (fragment) => {
     return Array.from(fragment.childNodes).reduce((acc, cur) => acc + (cur.outerHTML || cur.textContent || ''), '');
 };
 /**
@@ -171,7 +170,7 @@ const fragmentToHtml = (fragment) => {
  * @param doc ProseMirrorNode
  * @returns DocumentFragment
  */
-const pmDocToFragment = (doc) => {
+export const pmDocToFragment = (doc) => {
     const fragment = DOMSerializer.fromSchema(doc.type.schema).serializeFragment(doc.content);
     restoreTables(fragment);
     return fragment;
@@ -184,8 +183,8 @@ const pmDocToFragment = (doc) => {
  * @param parseOptions
  * @returns ProseMirrorNode
  */
-const domToPmDoc = (dom, schema, parseOptions) => {
-    return DOMParser.fromSchema(schema).parse(dom, parseOptions);
+export const domToPmDoc = (dom, schema, parseOptions) => {
+    return ProseMirrorDOMParser.fromSchema(schema).parse(dom, parseOptions);
 };
 /**
  * Creates a ProseMirrorNode from the given HTML content.
@@ -195,7 +194,7 @@ const domToPmDoc = (dom, schema, parseOptions) => {
  * @param parseOptions - ProseMirror parse options recognized by the `parse` and `parseSlice` methods.
  * @returns - New ProseMirrorNode instance.
  */
-const parseContent = (content, schema, parseOptions) => {
+export const parseContent = (content, schema, parseOptions) => {
     const dom = htmlToFragment(content);
     validateTablesToPmSchema(dom);
     return domToPmDoc(dom, schema, parseOptions);
@@ -206,7 +205,7 @@ const parseContent = (content, schema, parseOptions) => {
  * @param state - The Editor State
  * @returns - The serialized content
  */
-const getHtml = (state) => {
+export const getHtml = (state) => {
     const fragment = pmDocToFragment(state.doc);
     return fragmentToHtml(fragment);
 };
@@ -218,14 +217,14 @@ const getHtml = (state) => {
  * @param parseOptions - ProseMirror parse options recognized by the `parse` and `parseSlice` methods.
  * @returns - Command function that takes an editor `state` and `dispatch` function.
  */
-const setHtml = (content, command = 'setHTML', parseOptions = { preserveWhitespace: 'full' }) => (state, dispatch) => dispatch(state.tr
+export const setHtml = (content, command = 'setHTML', parseOptions = { preserveWhitespace: 'full' }) => (state, dispatch) => dispatch(state.tr
     .setSelection(new AllSelection(state.doc))
     .replaceSelectionWith(parseContent(content, state.schema, parseOptions))
     .setMeta('commandName', command));
 /**
  * @hidden
  */
-const hasSameMarkup = (dom1, dom2, schema, parseOptions) => {
+export const hasSameMarkup = (dom1, dom2, schema, parseOptions) => {
     const fragment1 = Fragment.from(parseContent(dom1, schema, parseOptions));
     const fragment2 = Fragment.from(parseContent(dom2, schema, parseOptions));
     return fragment1.eq(fragment2);
@@ -233,7 +232,7 @@ const hasSameMarkup = (dom1, dom2, schema, parseOptions) => {
 /**
  * Removes comments in HTML.
  */
-const removeComments = (html) => {
+export const removeComments = (html) => {
     const fragment = htmlToFragment(html);
     removeCommentsFromDom(fragment);
     return fragmentToHtml(fragment);
@@ -247,5 +246,3 @@ const removeCommentsFromDom = (dom) => {
         commentNode = iterator.nextNode();
     }
 };
-
-export { domToPmDoc, fragmentToHtml, getHtml, hasSameMarkup, htmlToFragment, parseContent, pmDocToFragment, removeComments, setHtml, trimWhitespace };