@progress/kendo-editor-common 1.11.10-develop.2 → 1.12.0-develop.1

package/dist/es2015/flatten-spans.js

@@ -0,0 +1,109 @@
+import { htmlToFragment, fragmentToHtml } from './source.js';
+
+class DomTreeExtractor {
+    constructor(top) {
+        this.extractBefore = (edgeNode) => {
+            return this._traverseSide({
+                edge: edgeNode,
+                next: function (node) {
+                    return node.previousSibling;
+                },
+                insert: function (fragment, node) {
+                    fragment.insertBefore(node, fragment.firstChild);
+                }
+            });
+        };
+        this.extractAfter = (edgeNode) => {
+            return this._traverseSide({
+                edge: edgeNode,
+                next: function (node) {
+                    return node.nextSibling;
+                },
+                insert: function (fragment, node) {
+                    fragment.appendChild(node);
+                }
+            });
+        };
+        this._traverseSide = (options) => {
+            const top = this.top, doc = top.ownerDocument, fragment = doc.createDocumentFragment();
+            let current = options.edge;
+            do {
+                const parentNode = current.parentNode;
+                current = options.next(current);
+                while (current) {
+                    const next = options.next(current);
+                    options.insert(fragment, current);
+                    current = next;
+                }
+                if (top === parentNode || top.contains(parentNode)) {
+                    const container = parentNode.cloneNode(false);
+                    container.innerHTML = '';
+                    container.appendChild(fragment);
+                    options.insert(fragment, container);
+                }
+                current = parentNode;
+            } while (current && current !== top);
+            return fragment;
+        };
+        this.top = top;
+    }
+}
+const getInnerSpan = (dom) => {
+    return dom.querySelector('span span');
+};
+const isEmptySpan = (fragment) => {
+    var _a;
+    return fragment.childNodes.length === 1 && ((_a = fragment.firstChild) === null || _a === void 0 ? void 0 : _a.nodeName) === 'SPAN' && fragment.firstChild.childNodes.length === 0;
+};
+/**
+ * Flattens nested <span> elements in the given HTML string while preserving
+ * the original styling and formatting.
+ *
+ * @param content - The HTML content to normalize.
+ * @returns The normalized HTML content with flattened <span> elements.
+ */
+const flattenNestedSpans = (content) => {
+    var _a, _b, _c;
+    const dom = htmlToFragment(content);
+    let innerSpan = getInnerSpan(dom);
+    while (innerSpan) {
+        const parentSpan = innerSpan.parentNode.closest('span');
+        if (parentSpan) {
+            const extractor = new DomTreeExtractor(parentSpan);
+            const right = extractor.extractAfter(innerSpan);
+            const left = extractor.extractBefore(innerSpan);
+            for (let i = 0; i < innerSpan.style.length; i++) {
+                parentSpan.style[innerSpan.style.item(i)] = innerSpan.style[innerSpan.style.item(i)];
+            }
+            innerSpan.removeAttribute('style');
+            if (innerSpan.classList.length) {
+                Array.from(innerSpan.classList).forEach((classValue) => {
+                    if (!parentSpan.classList.contains(classValue)) {
+                        parentSpan.classList.add(classValue);
+                    }
+                });
+            }
+            innerSpan.removeAttribute('class');
+            for (let index = 0; index < innerSpan.attributes.length; index++) {
+                const attr = innerSpan.attributes.item(index);
+                if (attr && attr.nodeValue !== null) {
+                    parentSpan.setAttribute(attr.nodeName, attr.nodeValue);
+                }
+            }
+            while (innerSpan.firstChild && innerSpan.parentNode) {
+                innerSpan.parentNode.insertBefore(innerSpan.firstChild, innerSpan);
+            }
+            (_a = innerSpan.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(innerSpan);
+            if (!isEmptySpan(left)) {
+                (_b = parentSpan.parentNode) === null || _b === void 0 ? void 0 : _b.insertBefore(left, parentSpan);
+            }
+            if (!isEmptySpan(right)) {
+                (_c = parentSpan.parentNode) === null || _c === void 0 ? void 0 : _c.insertBefore(right, parentSpan.nextSibling);
+            }
+        }
+        innerSpan = getInnerSpan(dom);
+    }
+    return fragmentToHtml(dom);
+};
+
+export { flattenNestedSpans };

package/dist/es2015/main.js

@@ -1,4 +1,5 @@
 export { domToPmDoc, fragmentToHtml, getHtml, hasSameMarkup, htmlToFragment, parseContent, pmDocToFragment, setHtml, trimWhitespace } from './source.js';
+export { flattenNestedSpans } from './flatten-spans.js';
 export { applyInlineStyle, getInlineStyles, toggleInlineFormat } from './inline-style.js';
 export { applyLink, removeLink } from './link.js';
 export { insertText } from './text.js';

package/dist/npm/flatten-spans.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Flattens nested <span> elements in the given HTML string while preserving
+ * the original styling and formatting.
+ *
+ * @param content - The HTML content to normalize.
+ * @returns The normalized HTML content with flattened <span> elements.
+ */
+declare const flattenNestedSpans: (content: string) => string;
+
+export { flattenNestedSpans };

package/dist/npm/flatten-spans.js

@@ -0,0 +1,111 @@
+'use strict';
+
+var source = require('./source.js');
+
+class DomTreeExtractor {
+    constructor(top) {
+        this.extractBefore = (edgeNode) => {
+            return this._traverseSide({
+                edge: edgeNode,
+                next: function (node) {
+                    return node.previousSibling;
+                },
+                insert: function (fragment, node) {
+                    fragment.insertBefore(node, fragment.firstChild);
+                }
+            });
+        };
+        this.extractAfter = (edgeNode) => {
+            return this._traverseSide({
+                edge: edgeNode,
+                next: function (node) {
+                    return node.nextSibling;
+                },
+                insert: function (fragment, node) {
+                    fragment.appendChild(node);
+                }
+            });
+        };
+        this._traverseSide = (options) => {
+            const top = this.top, doc = top.ownerDocument, fragment = doc.createDocumentFragment();
+            let current = options.edge;
+            do {
+                const parentNode = current.parentNode;
+                current = options.next(current);
+                while (current) {
+                    const next = options.next(current);
+                    options.insert(fragment, current);
+                    current = next;
+                }
+                if (top === parentNode || top.contains(parentNode)) {
+                    const container = parentNode.cloneNode(false);
+                    container.innerHTML = '';
+                    container.appendChild(fragment);
+                    options.insert(fragment, container);
+                }
+                current = parentNode;
+            } while (current && current !== top);
+            return fragment;
+        };
+        this.top = top;
+    }
+}
+const getInnerSpan = (dom) => {
+    return dom.querySelector('span span');
+};
+const isEmptySpan = (fragment) => {
+    var _a;
+    return fragment.childNodes.length === 1 && ((_a = fragment.firstChild) === null || _a === void 0 ? void 0 : _a.nodeName) === 'SPAN' && fragment.firstChild.childNodes.length === 0;
+};
+/**
+ * Flattens nested <span> elements in the given HTML string while preserving
+ * the original styling and formatting.
+ *
+ * @param content - The HTML content to normalize.
+ * @returns The normalized HTML content with flattened <span> elements.
+ */
+const flattenNestedSpans = (content) => {
+    var _a, _b, _c;
+    const dom = source.htmlToFragment(content);
+    let innerSpan = getInnerSpan(dom);
+    while (innerSpan) {
+        const parentSpan = innerSpan.parentNode.closest('span');
+        if (parentSpan) {
+            const extractor = new DomTreeExtractor(parentSpan);
+            const right = extractor.extractAfter(innerSpan);
+            const left = extractor.extractBefore(innerSpan);
+            for (let i = 0; i < innerSpan.style.length; i++) {
+                parentSpan.style[innerSpan.style.item(i)] = innerSpan.style[innerSpan.style.item(i)];
+            }
+            innerSpan.removeAttribute('style');
+            if (innerSpan.classList.length) {
+                Array.from(innerSpan.classList).forEach((classValue) => {
+                    if (!parentSpan.classList.contains(classValue)) {
+                        parentSpan.classList.add(classValue);
+                    }
+                });
+            }
+            innerSpan.removeAttribute('class');
+            for (let index = 0; index < innerSpan.attributes.length; index++) {
+                const attr = innerSpan.attributes.item(index);
+                if (attr && attr.nodeValue !== null) {
+                    parentSpan.setAttribute(attr.nodeName, attr.nodeValue);
+                }
+            }
+            while (innerSpan.firstChild && innerSpan.parentNode) {
+                innerSpan.parentNode.insertBefore(innerSpan.firstChild, innerSpan);
+            }
+            (_a = innerSpan.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(innerSpan);
+            if (!isEmptySpan(left)) {
+                (_b = parentSpan.parentNode) === null || _b === void 0 ? void 0 : _b.insertBefore(left, parentSpan);
+            }
+            if (!isEmptySpan(right)) {
+                (_c = parentSpan.parentNode) === null || _c === void 0 ? void 0 : _c.insertBefore(right, parentSpan.nextSibling);
+            }
+        }
+        innerSpan = getInnerSpan(dom);
+    }
+    return source.fragmentToHtml(dom);
+};
+
+exports.flattenNestedSpans = flattenNestedSpans;

package/dist/npm/main.d.ts

@@ -1,4 +1,5 @@
 export { domToPmDoc, fragmentToHtml, getHtml, hasSameMarkup, htmlToFragment, parseContent, pmDocToFragment, setHtml, trimWhitespace } from './source.js';
+export { flattenNestedSpans } from './flatten-spans.js';
 export { applyInlineStyle, getInlineStyles, toggleInlineFormat } from './inline-style.js';
 export { applyLink, removeLink } from './link.js';
 export { insertText } from './text.js';

package/dist/npm/main.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var source = require('./source.js');
+var flattenSpans = require('./flatten-spans.js');
 var inlineStyle = require('./inline-style.js');
 var link = require('./link.js');
 var text = require('./text.js');
@@ -55,6 +56,7 @@ exports.parseContent = source.parseContent;
 exports.pmDocToFragment = source.pmDocToFragment;
 exports.setHtml = source.setHtml;
 exports.trimWhitespace = source.trimWhitespace;
+exports.flattenNestedSpans = flattenSpans.flattenNestedSpans;
 exports.applyInlineStyle = inlineStyle.applyInlineStyle;
 exports.getInlineStyles = inlineStyle.getInlineStyles;
 exports.toggleInlineFormat = inlineStyle.toggleInlineFormat;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-editor-common",
   "description": "Kendo UI TypeScript package exporting functions for Editor component",
-  "version": "1.11.10-develop.2",
+  "version": "1.12.0-develop.1",
   "keywords": [
     "Kendo UI"
   ],
@@ -34,7 +34,7 @@
     "prosemirror-model": "1.24.1",
     "prosemirror-schema-list": "1.5.0",
     "prosemirror-state": "1.4.3",
-    "prosemirror-tables": "1.6.1",
+    "prosemirror-tables": "1.6.2",
     "prosemirror-transform": "1.10.2",
     "prosemirror-view": "1.37.1",
     "tslib": "^2.8.1"