@wizishop/wizi-block 4.2.26-beta → 4.2.27-beta

package/bundles/wizishop-wizi-block.umd.js

@@ -20422,9 +20422,9 @@
         }
         InlineStyleTool.prototype.execCommandStyle = function (action) {
             return __awaiter(this, void 0, void 0, function () {
-                var selection, anchorNode, container, sameSelection;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                var selection, anchorNode, container, sameSelection, error_1;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             selection = this.currentSelection ? this.currentSelection : this.getSelection();
                             if (!selection) {
@@ -20443,51 +20443,63 @@
                             sameSelection = container && container.innerText === selection.toString();
                             return [4 /*yield*/, this.saveInlineSelection(container, true)];
                         case 1:
-                            _d.sent();
-                            if (!this.linkDeletion) return [3 /*break*/, 3];
-                            return [4 /*yield*/, this.replaceLink(selection, this.hasStyle(container))];
+                            _c.sent();
+                            _c.label = 2;
                         case 2:
-                            _d.sent();
-                            return [3 /*break*/, 7];
+                            _c.trys.push([2, 12, , 13]);
+                            if (!this.linkDeletion) return [3 /*break*/, 4];
+                            return [4 /*yield*/, this.replaceLink(selection, this.hasStyle(container))];
                         case 3:
+                            _c.sent();
+                            return [3 /*break*/, 8];
+                        case 4:
                             if (!(sameSelection &&
                                 !this.isContainer(this.textContainers, container) &&
                                 this.hasStyle(container) &&
-                                selection.toString() === this.hasStyle(container).innerText)) return [3 /*break*/, 5];
+                                selection.toString() === this.hasStyle(container).innerText)) return [3 /*break*/, 6];
                             return [4 /*yield*/, this.updateSelection(selection, this.hasStyle(container), action, this.textContainers)];
-                        case 4:
-                            _d.sent();
-                            return [3 /*break*/, 7];
-                        case 5: return [4 /*yield*/, this.replaceSelection(container, action, selection, this.textContainers)];
-                        case 6:
-                            _d.sent();
-                            _d.label = 7;
-                        case 7: return [4 /*yield*/, this.cleanupContainer(selection, container, true)];
-                        case 8:
-                            _d.sent();
-                            if (!this.modifiedContent) return [3 /*break*/, 10];
-                            return [4 /*yield*/, this.resetInlineSelection(container, true)];
+                        case 5:
+                            _c.sent();
+                            return [3 /*break*/, 8];
+                        case 6: return [4 /*yield*/, this.replaceSelection(this.getMostDescendantChild(container), action, selection, this.textContainers)];
+                        case 7:
+                            _c.sent();
+                            _c.label = 8;
+                        case 8: return [4 /*yield*/, this.cleanupContainer(selection, container, true)];
                         case 9:
-                            _d.sent();
-                            _d.label = 10;
-                        case 10: return [2 /*return*/];
+                            _c.sent();
+                            if (!this.modifiedContent) return [3 /*break*/, 11];
+                            return [4 /*yield*/, this.resetInlineSelection(container, true)];
+                        case 10:
+                            _c.sent();
+                            _c.label = 11;
+                        case 11: return [3 /*break*/, 13];
+                        case 12:
+                            error_1 = _c.sent();
+                            console.warn('Inline Tool Error : ' + error_1);
+                            return [3 /*break*/, 13];
+                        case 13: return [2 /*return*/];
                     }
                 });
             });
         };
         InlineStyleTool.prototype.updateSelection = function (selection, container, action, containers) {
             return __awaiter(this, void 0, void 0, function () {
-                var css, _d, _e, range, newElement_1, elementClone;
-                return __generator(this, function (_f) {
-                    switch (_f.label) {
+                var css, value, range, newElement_1, elementClone;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             if (!this.modifies.style) return [3 /*break*/, 2];
                             css = this.style.property;
-                            _d = container.style;
-                            _e = css;
                             return [4 /*yield*/, this.getStyleValue(container, action, containers)];
                         case 1:
-                            _d[_e] = _f.sent();
+                            value = _c.sent();
+                            if (value !== this.style.default) {
+                                container.style[css] = value;
+                            }
+                            else {
+                                container.style.removeProperty(this.style.property);
+                            }
                             return [3 /*break*/, 5];
                         case 2:
                             range = this.getRangeObject(selection);
@@ -20495,11 +20507,11 @@
                             if (!this.modifies.class) return [3 /*break*/, 4];
                             return [4 /*yield*/, this.removeChildrenClasses(newElement_1)];
                         case 3:
-                            _f.sent();
+                            _c.sent();
                             if (this.classToApply !== '') {
                                 newElement_1.classList.add(this.classToApply);
                             }
-                            _f.label = 4;
+                            _c.label = 4;
                         case 4:
                             if (this.modifies.attribute) {
                                 this.attributesToApply.forEach(function (attribute) {
@@ -20514,7 +20526,7 @@
                             }
                             container.parentElement.replaceChild(newElement_1, container);
                             range.insertNode(newElement_1);
-                            _f.label = 5;
+                            _c.label = 5;
                         case 5: return [2 /*return*/];
                     }
                 });
@@ -20524,8 +20536,8 @@
             var _a;
             return __awaiter(this, void 0, void 0, function () {
                 var parentContainer, focusNode, offsetContainer, offsetParentContainer, range, currentFragment, currentElement_1, currentElementToAppend, currentParentElement, tmpElement, isLTR, selectionFocusOffset, selectionFocusNode, newSelection, preRange, preFragment, newElement, range, fragment, fragmentElement, newElement_2, elementToAppend;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             parentContainer = this.hasStyle(container);
                             focusNode = selection.focusNode;
@@ -20533,7 +20545,10 @@
                                 ? focusNode
                                 : focusNode.parentElement;
                             offsetParentContainer = this.hasStyle(offsetContainer);
-                            if (!(parentContainer && parentContainer === offsetParentContainer)) return [3 /*break*/, 3];
+                            if (!(parentContainer &&
+                                parentContainer === offsetParentContainer &&
+                                ((parentContainer.children.length > 0 && parentContainer.innerText !== parentContainer.children[0].textContent) ||
+                                    parentContainer.innerText !== selection.toString()))) return [3 /*break*/, 3];
                             range = this.getRangeObject(selection);
                             currentFragment = range.extractContents();
                             currentElement_1 = document.createElement('span');
@@ -20544,11 +20559,11 @@
                             if (!this.modifies.class) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.removeChildrenClasses(currentElement_1)];
                         case 1:
-                            _d.sent();
+                            _c.sent();
                             if (this.classToApply !== '') {
                                 currentElement_1.classList.add(this.classToApply);
                             }
-                            _d.label = 2;
+                            _c.label = 2;
                         case 2:
                             if (this.modifies.attribute) {
                                 this.attributesToApply.forEach(function (attribute) {
@@ -20557,12 +20572,14 @@
                             }
                             currentElementToAppend = currentElement_1;
                             currentParentElement = container;
-                            while (currentParentElement !== parentContainer) {
-                                tmpElement = document.createElement(currentParentElement.tagName);
-                                tmpElement = this.setInlineStyle(currentParentElement, tmpElement);
-                                tmpElement.appendChild(currentElementToAppend);
-                                currentElementToAppend = tmpElement;
-                                currentParentElement = currentParentElement.parentElement;
+                            if (parentContainer.contains(currentParentElement)) {
+                                while (currentParentElement !== parentContainer) {
+                                    tmpElement = document.createElement(currentParentElement.tagName);
+                                    tmpElement = this.setInlineStyle(currentParentElement, tmpElement);
+                                    tmpElement.appendChild(currentElementToAppend);
+                                    currentElementToAppend = tmpElement;
+                                    currentParentElement = currentParentElement.parentElement;
+                                }
                             }
                             isLTR = this.isAnchorBeforeFocus(selection.anchorNode, selection.anchorOffset, selection.focusNode, selection.focusOffset);
                             selectionFocusOffset = isLTR ? selection.anchorOffset : selection.focusOffset;
@@ -20584,7 +20601,7 @@
                             fragmentElement = document.createElement('div');
                             return [4 /*yield*/, this.createElement(container, action, containers)];
                         case 4:
-                            newElement_2 = _d.sent();
+                            newElement_2 = _c.sent();
                             elementToAppend = newElement_2;
                             fragmentElement.append(fragment);
                             if (((_a = fragmentElement.children) === null || _a === void 0 ? void 0 : _a.length) === 1 &&
@@ -20600,11 +20617,11 @@
                             if (!this.modifies.class) return [3 /*break*/, 6];
                             return [4 /*yield*/, this.removeChildrenClasses(newElement_2)];
                         case 5:
-                            _d.sent();
+                            _c.sent();
                             if (this.classToApply !== '') {
                                 newElement_2.classList.add(this.classToApply);
                             }
-                            _d.label = 6;
+                            _c.label = 6;
                         case 6:
                             if (this.modifies.attribute) {
                                 this.attributesToApply.forEach(function (attribute) {
@@ -20613,7 +20630,7 @@
                             }
                             range.insertNode(elementToAppend);
                             selection.selectAllChildren(elementToAppend);
-                            _d.label = 7;
+                            _c.label = 7;
                         case 7: return [2 /*return*/];
                     }
                 });
@@ -20622,9 +20639,7 @@
         InlineStyleTool.prototype.replaceLink = function (selection, container) {
             return __awaiter(this, void 0, void 0, function () {
                 var newElement;
-                return __generator(this, function (_d) {
-                    console.log('container');
-                    console.log(container);
+                return __generator(this, function (_c) {
                     newElement = document.createElement('span');
                     newElement.innerHTML = container.innerHTML;
                     container.parentElement.replaceChild(newElement, container);
@@ -20647,17 +20662,13 @@
         };
         InlineStyleTool.prototype.hasStyle = function (element, firstTimeCall) {
             if (firstTimeCall === void 0) { firstTimeCall = true; }
-            var _a, _b, _c;
+            var _a, _b;
             if (firstTimeCall && element.children) {
-                while (element.children &&
-                    element.innerText === ((_a = element.children[0]) === null || _a === void 0 ? void 0 : _a.innerText) &&
-                    element.children.length === 1) {
-                    element = element.children[0];
-                }
+                element = this.getMostDescendantChild(element);
             }
             // foundElement was added because of a return issue when a class is applied
             var foundElement = null;
-            if (!element || ((_b = element.classList) === null || _b === void 0 ? void 0 : _b.contains('ce-paragraph'))) {
+            if (!element || ((_a = element.classList) === null || _a === void 0 ? void 0 : _a.contains('ce-paragraph'))) {
                 return null;
             }
             if (this.modifies.style) {
@@ -20678,7 +20689,7 @@
                 });
             }
             else if (this.modifies.tag) {
-                if (((_c = element.tagName) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === this.tag.toLowerCase()) {
+                if (((_b = element.tagName) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === this.tag.toLowerCase()) {
                     return element;
                 }
             }
@@ -20702,8 +20713,8 @@
         InlineStyleTool.prototype.getStyleValue = function (container, action, containers) {
             return __awaiter(this, void 0, void 0, function () {
                 var style;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             if (!container) {
                                 return [2 /*return*/, this.style.value.indexOf('$1') > -1 ? this.style.value.replace('$1', this.style.input) : this.style.value];
@@ -20713,7 +20724,7 @@
                             }
                             return [4 /*yield*/, this.findStyleNode(container, action, containers)];
                         case 1:
-                            style = _d.sent();
+                            style = _c.sent();
                             if (style && this.hasStyle(style) && this.style.value.indexOf('$1') === -1) {
                                 return [2 /*return*/, this.style.default];
                             }
@@ -20725,8 +20736,8 @@
         InlineStyleTool.prototype.findStyleNode = function (node, style, containers) {
             return __awaiter(this, void 0, void 0, function () {
                 var hasStyle;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             if (node.nodeName.toUpperCase() === 'HTML' || node.nodeName.toUpperCase() === 'BODY') {
                                 return [2 /*return*/, null];
@@ -20744,26 +20755,30 @@
                                 return [2 /*return*/, node];
                             }
                             return [4 /*yield*/, this.findStyleNode(node.parentNode, style, containers)];
-                        case 1: return [2 /*return*/, _d.sent()];
+                        case 1: return [2 /*return*/, _c.sent()];
                     }
                 });
             });
         };
         InlineStyleTool.prototype.createElement = function (container, action, containers) {
             return __awaiter(this, void 0, void 0, function () {
-                var newElement, property, _d, _e;
-                return __generator(this, function (_f) {
-                    switch (_f.label) {
+                var newElement, property, value;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             newElement = document.createElement(this.tag);
                             if (!this.modifies.style) return [3 /*break*/, 2];
                             property = this.style.property;
-                            _d = newElement.style;
-                            _e = property;
                             return [4 /*yield*/, this.getStyleValue(container, action, containers)];
                         case 1:
-                            _d[_e] = _f.sent();
-                            _f.label = 2;
+                            value = _c.sent();
+                            if (value !== this.style.default) {
+                                newElement.style[property] = value;
+                            }
+                            else {
+                                newElement.style.removeProperty(property);
+                            }
+                            _c.label = 2;
                         case 2: return [2 /*return*/, newElement];
                     }
                 });
@@ -20772,15 +20787,15 @@
         InlineStyleTool.prototype.removeChildrenClasses = function (element) {
             return __awaiter(this, void 0, void 0, function () {
                 var children, currentElement;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             if (!element) {
                                 return [2 /*return*/];
                             }
                             children = element.children;
                             currentElement = children[0];
-                            _d.label = 1;
+                            _c.label = 1;
                         case 1:
                             if (!currentElement) return [3 /*break*/, 4];
                             this.classes.split(',').forEach(function (className) {
@@ -20797,8 +20812,8 @@
                             if (!(currentElement.children.length > 0)) return [3 /*break*/, 3];
                             return [4 /*yield*/, this.removeChildrenClasses(currentElement)];
                         case 2:
-                            _d.sent();
-                            _d.label = 3;
+                            _c.sent();
+                            _c.label = 3;
                         case 3:
                             currentElement = currentElement.nextElementSibling;
                             return [3 /*break*/, 1];
@@ -20808,11 +20823,11 @@
             });
         };
         InlineStyleTool.prototype.cleanupContainer = function (selection, container, firstTimeCall) {
-            var _a;
+            var _a, _b;
             return __awaiter(this, void 0, void 0, function () {
                 var parentContainer, parentFound, children, currentNode, identicalElements, currentElement, nextElement, currentNodeFirstChild;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             parentFound = false;
                             if (firstTimeCall) {
@@ -20834,17 +20849,25 @@
                             }
                             parentContainer.normalize();
                             children = Array.from(parentContainer.childNodes);
-                            if (!((children === null || children === void 0 ? void 0 : children.length) > 0)) return [3 /*break*/, 5];
+                            if (!((children === null || children === void 0 ? void 0 : children.length) > 0)) return [3 /*break*/, 6];
                             currentNode = children[0];
-                            _d.label = 1;
+                            _c.label = 1;
                         case 1:
-                            if (!currentNode) return [3 /*break*/, 5];
-                            if (!(currentNode.childNodes.length > 0)) return [3 /*break*/, 3];
-                            return [4 /*yield*/, this.cleanupContainer(selection, currentNode, false)];
+                            if (!currentNode) return [3 /*break*/, 6];
+                            console.log('currentNode');
+                            console.log(currentNode);
+                            console.log(currentNode.textContent);
+                            console.log((_b = currentNode.textContent) === null || _b === void 0 ? void 0 : _b.length);
+                            if (!(!currentNode.textContent || currentNode.textContent.length === 0)) return [3 /*break*/, 2];
+                            parentContainer.removeChild(currentNode);
+                            return [3 /*break*/, 5];
                         case 2:
-                            _d.sent();
-                            _d.label = 3;
+                            if (!(currentNode.childNodes.length > 0)) return [3 /*break*/, 4];
+                            return [4 /*yield*/, this.cleanupContainer(selection, currentNode, false)];
                         case 3:
+                            _c.sent();
+                            _c.label = 4;
+                        case 4:
                             identicalElements = true;
                             while (identicalElements &&
                                 currentNode.nextSibling &&
@@ -20869,7 +20892,7 @@
                                 currentNode.tagName.toLowerCase() === 'span' &&
                                 Object.keys(this.getInlineStyle(currentNode)).length === 0 &&
                                 (!currentNode.classList || currentNode.classList.length === 0) &&
-                                !currentNode.hasAttributes()) {
+                                this.hasNoAttributes(currentNode)) {
                                 currentNodeFirstChild = currentNode;
                                 while (currentNode.firstChild) {
                                     currentNodeFirstChild.parentElement.insertBefore(currentNode.firstChild, currentNodeFirstChild.nextSibling);
@@ -20879,15 +20902,26 @@
                                 this.modifiedContent = true;
                             }
                             currentNode.normalize();
-                            _d.label = 4;
-                        case 4:
+                            _c.label = 5;
+                        case 5:
                             currentNode = currentNode.nextSibling;
                             return [3 /*break*/, 1];
-                        case 5: return [2 /*return*/];
+                        case 6: return [2 /*return*/];
                     }
                 });
             });
         };
+        InlineStyleTool.prototype.hasNoAttributes = function (node) {
+            var nodeStyle = Object.keys(this.getInlineStyle(node));
+            var nodeAttributes = Object.keys(node.getAttributeNames().reduce(function (acc, name) {
+                var _c;
+                return Object.assign(Object.assign({}, acc), (_c = {}, _c[name] = node.getAttribute(name), _c));
+            }, {}));
+            if (nodeAttributes.length === 0 || (nodeAttributes.length === 1 && nodeStyle.length === 0)) {
+                return true;
+            }
+            return false;
+        };
         InlineStyleTool.prototype.identicalClassList = function (currentElement, nextElement) {
             return (__spread(currentElement.classList).every(function (classList) { return nextElement.classList.contains(classList); }) &&
                 __spread(nextElement.classList).every(function (classList) { return currentElement.classList.contains(classList); }));
@@ -20901,15 +20935,15 @@
         };
         InlineStyleTool.prototype.sortInlineStyle = function (currentElement) {
             return Object.entries(currentElement)
-                .sort(function (_d, _e) {
-                var _f = __read(_d, 2), a = _f[1];
-                var _g = __read(_e, 2), b = _g[1];
+                .sort(function (_c, _d) {
+                var _e = __read(_c, 2), a = _e[1];
+                var _f = __read(_d, 2), b = _f[1];
                 return a - b;
             })
-                .reduce(function (r, _d) {
-                var _e;
-                var _f = __read(_d, 2), k = _f[0], v = _f[1];
-                return (Object.assign(Object.assign({}, r), (_e = {}, _e[k] = v, _e)));
+                .reduce(function (r, _c) {
+                var _d;
+                var _e = __read(_c, 2), k = _e[0], v = _e[1];
+                return (Object.assign(Object.assign({}, r), (_d = {}, _d[k] = v, _d)));
             }, {});
         };
         InlineStyleTool.prototype.getInlineStyle = function (currentElement) {
@@ -20938,8 +20972,8 @@
             if (firstTimeCall === void 0) { firstTimeCall = false; }
             return __awaiter(this, void 0, void 0, function () {
                 var nextNode, selection, range, currentFragment, currentElement;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             if (firstTimeCall) {
                                 container = this.parentEditor.querySelector('.ce-paragraph').firstElementChild;
@@ -20947,9 +20981,16 @@
                                 this.foundFocusNode = false;
                                 this.foundAnchorOffset = 0;
                                 this.foundFocusOffset = 0;
+                                if (this.getSelection().toString() === this.parentEditor.querySelector('.ce-paragraph').textContent) {
+                                    this.foundAnchorOffset = 0;
+                                    this.foundAnchorNode = true;
+                                    this.foundFocusOffset = this.getSelection().toString().length;
+                                    this.foundFocusNode = true;
+                                    return [2 /*return*/];
+                                }
                             }
                             nextNode = container.firstChild;
-                            _d.label = 1;
+                            _c.label = 1;
                         case 1:
                             if (!(nextNode && (!this.foundAnchorNode || !this.foundFocusNode))) return [3 /*break*/, 4];
                             if (nextNode === this.selectedAnchorNode) {
@@ -20976,8 +21017,8 @@
                             if (!nextNode.firstChild) return [3 /*break*/, 3];
                             return [4 /*yield*/, this.saveInlineSelection(nextNode)];
                         case 2:
-                            _d.sent();
-                            _d.label = 3;
+                            _c.sent();
+                            _c.label = 3;
                         case 3:
                             nextNode = nextNode.nextSibling;
                             return [3 /*break*/, 1];
@@ -20991,17 +21032,26 @@
             if (firstTimeCall === void 0) { firstTimeCall = false; }
             return __awaiter(this, void 0, void 0, function () {
                 var nextNode;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             if (firstTimeCall) {
                                 container = this.parentEditor.querySelector('.ce-paragraph').firstElementChild;
                                 this.foundAnchorNode = false;
                                 this.foundFocusNode = false;
                                 this.tmpOffset = 0;
+                                if (this.foundAnchorOffset === 0 &&
+                                    this.parentEditor.querySelector('.ce-paragraph').textContent.length === this.foundFocusOffset) {
+                                    this.selectedAnchorNode = this.parentEditor.querySelector('.ce-paragraph').firstElementChild;
+                                    this.anchorOffset = 0;
+                                    this.selectedFocusNode = this.parentEditor.querySelector('.ce-paragraph').firstElementChild;
+                                    this.focusOffset = 1;
+                                    this.resetUserSelection();
+                                    return [2 /*return*/];
+                                }
                             }
                             nextNode = container.firstChild;
-                            _d.label = 1;
+                            _c.label = 1;
                         case 1:
                             if (!(nextNode && (!this.foundAnchorNode || !this.foundFocusNode))) return [3 /*break*/, 4];
                             if (nextNode.nodeType === Node.TEXT_NODE) {
@@ -21022,8 +21072,8 @@
                             if (!nextNode.firstChild) return [3 /*break*/, 3];
                             return [4 /*yield*/, this.resetInlineSelection(nextNode)];
                         case 2:
-                            _d.sent();
-                            _d.label = 3;
+                            _c.sent();
+                            _c.label = 3;
                         case 3:
                             nextNode = nextNode.nextSibling;
                             return [3 /*break*/, 1];
@@ -21036,6 +21086,13 @@
                 });
             });
         };
+        InlineStyleTool.prototype.getMostDescendantChild = function (element) {
+            var _a;
+            while (element.children && element.innerText === ((_a = element.children[0]) === null || _a === void 0 ? void 0 : _a.innerText) && element.children.length === 1) {
+                element = element.children[0];
+            }
+            return element;
+        };
         return InlineStyleTool;
     }(EditorJSTool));
 
@@ -22611,13 +22668,18 @@
                         return [2 /*return*/];
                     }
                     parentModifier = this.findParentModifier(anchorNode.parentElement);
-                    if (this.tag.toLowerCase() !== 'span') {
-                        this.changeContainerTag(parentModifier, selection);
+                    try {
+                        if (this.tag.toLowerCase() !== 'span') {
+                            this.changeContainerTag(parentModifier, selection);
+                        }
+                        if ((this.classToApply && this.classToApply.length > 0) || (this.classes && this.classes.length > 0)) {
+                            this.changeCurrentClass(parentModifier);
+                        }
+                        this.collapseSelection();
                     }
-                    if ((this.classToApply && this.classToApply.length > 0) || (this.classes && this.classes.length > 0)) {
-                        this.changeCurrentClass(parentModifier);
+                    catch (error) {
+                        console.warn('Paragraph Tool Error : ' + error);
                     }
-                    this.collapseSelection();
                     return [2 /*return*/];
                 });
             });
@@ -23067,6 +23129,7 @@
             var dropdownArrow = document.createElement('span');
             dropdownArrow.classList.add(this.CSS.arrowButtonModifier);
             this.nodes.button.appendChild(dropdownArrow);
+            console.log('rendering paragraph tool');
             return this.nodes.button;
         };
         TextTypeTool.prototype.surround = function (range, applyStyle) {
@@ -23104,6 +23167,7 @@
                 _this.nodes.button.classList.remove(textType.tag.toLowerCase());
             });
             this.nodes.button.classList.add(classToApply);
+            console.log('checkState method on paragraph tool');
             return true;
         };
         TextTypeTool.prototype.renderActions = function () {
@@ -24616,7 +24680,6 @@
                 language: 'html',
             });
             saveButton.addEventListener('click', function () {
-                console.log("here");
                 var content = monacoEditor.getValue();
                 saveCodeEditModal(content);
             }, true);