@wizishop/wizi-block 4.2.29-beta → 4.2.32-beta

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@ngx-translate/core'), require('uuid'), require('@angular/cdk/drag-drop'), require('@angular/animations'), require('@angular/common/http'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/platform-browser'), require('@ctrl/tinycolor'), require('quill'), require('monaco-editor'), require('ngx-quill'), require('@fortawesome/fontawesome-svg-core'), require('@fortawesome/free-solid-svg-icons'), require('@fortawesome/free-regular-svg-icons'), require('@fortawesome/free-brands-svg-icons'), require('@wizishop/ng-wizi-bulma'), require('ngx-scrollbar'), require('@editorjs/editorjs'), require('@jaames/iro'), require('ngx-monaco-editor'), require('leaflet'), require('places.js'), require('@asymmetrik/ngx-leaflet'), require('ngx-color-picker')) :
-    typeof define === 'function' && define.amd ? define('@wizishop/wizi-block', ['exports', '@angular/core', 'rxjs', '@ngx-translate/core', 'uuid', '@angular/cdk/drag-drop', '@angular/animations', '@angular/common/http', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/platform-browser', '@ctrl/tinycolor', 'quill', 'monaco-editor', 'ngx-quill', '@fortawesome/fontawesome-svg-core', '@fortawesome/free-solid-svg-icons', '@fortawesome/free-regular-svg-icons', '@fortawesome/free-brands-svg-icons', '@wizishop/ng-wizi-bulma', 'ngx-scrollbar', '@editorjs/editorjs', '@jaames/iro', 'ngx-monaco-editor', 'leaflet', 'places.js', '@asymmetrik/ngx-leaflet', 'ngx-color-picker'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wizishop = global.wizishop || {}, global.wizishop['wizi-block'] = {}), global.ng.core, global.rxjs, global.i1, global['^3']['3']['2'], global.ng.cdk.dragDrop, global.ng.animations, global.ng.common.http, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.platformBrowser, global['^2']['5']['2'], global['^1']['3']['6'], global.monaco, global['^5']['0']['0'], global['^1']['2']['27'], global['^5']['12']['1'], global['^5']['12']['1'], global['^5']['12']['1'], global['^7']['0']['11'], global['^7']['2']['1-beta']['0'], global.EditorJS, global.iro, global['^8']['1']['1'], global['^1']['5']['1'], global['^1']['16']['4'], global['^5']['0']['2'], global['^9']['0']['0']));
-}(this, (function (exports, i0, rxjs, i1, uuid, dragDrop, animations, i1$1, operators, common, forms, platformBrowser, tinycolor, QuillNamespace, monaco, ngxQuill, fontawesomeSvgCore, freeSolidSvgIcons, freeRegularSvgIcons, freeBrandsSvgIcons, ngWiziBulma, ngxScrollbar, EditorJS, iro, ngxMonacoEditor, leaflet, places, ngxLeaflet, ngxColorPicker) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@ngx-translate/core'), require('uuid'), require('@angular/cdk/drag-drop'), require('@angular/animations'), require('@angular/common/http'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/platform-browser'), require('@ctrl/tinycolor'), require('quill'), require('monaco-editor'), require('ngx-quill'), require('@fortawesome/fontawesome-svg-core'), require('@fortawesome/free-solid-svg-icons'), require('@fortawesome/free-regular-svg-icons'), require('@fortawesome/free-brands-svg-icons'), require('@wizishop/ng-wizi-bulma'), require('ngx-scrollbar'), require('@editorjs/editorjs'), require('@jaames/iro'), require('codemirror'), require('@codemirror/state'), require('@codemirror/lang-html'), require('ngx-monaco-editor'), require('leaflet'), require('places.js'), require('@asymmetrik/ngx-leaflet'), require('ngx-color-picker')) :
+    typeof define === 'function' && define.amd ? define('@wizishop/wizi-block', ['exports', '@angular/core', 'rxjs', '@ngx-translate/core', 'uuid', '@angular/cdk/drag-drop', '@angular/animations', '@angular/common/http', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/platform-browser', '@ctrl/tinycolor', 'quill', 'monaco-editor', 'ngx-quill', '@fortawesome/fontawesome-svg-core', '@fortawesome/free-solid-svg-icons', '@fortawesome/free-regular-svg-icons', '@fortawesome/free-brands-svg-icons', '@wizishop/ng-wizi-bulma', 'ngx-scrollbar', '@editorjs/editorjs', '@jaames/iro', 'codemirror', '@codemirror/state', '@codemirror/lang-html', 'ngx-monaco-editor', 'leaflet', 'places.js', '@asymmetrik/ngx-leaflet', 'ngx-color-picker'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wizishop = global.wizishop || {}, global.wizishop['wizi-block'] = {}), global.ng.core, global.rxjs, global.i1, global['^3']['3']['2'], global.ng.cdk.dragDrop, global.ng.animations, global.ng.common.http, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.platformBrowser, global['^2']['5']['2'], global['^1']['3']['6'], global.monaco, global['^5']['0']['0'], global['^1']['2']['27'], global['^5']['12']['1'], global['^5']['12']['1'], global['^5']['12']['1'], global['^7']['0']['11'], global['^7']['2']['1-beta']['0'], global.EditorJS, global.iro, global.codemirror, global.state, global.langHtml, global['^8']['1']['1'], global['^1']['5']['1'], global['^1']['16']['4'], global['^5']['0']['2'], global['^9']['0']['0']));
+}(this, (function (exports, i0, rxjs, i1, uuid, dragDrop, animations, i1$1, operators, common, forms, platformBrowser, tinycolor, QuillNamespace, monaco, ngxQuill, fontawesomeSvgCore, freeSolidSvgIcons, freeRegularSvgIcons, freeBrandsSvgIcons, ngWiziBulma, ngxScrollbar, EditorJS, iro, codemirror, state, langHtml, ngxMonacoEditor, leaflet, places, ngxLeaflet, ngxColorPicker) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -20444,6 +20444,8 @@
                             return [4 /*yield*/, this.saveInlineSelection(container, true)];
                         case 1:
                             _c.sent();
+                            console.log('here');
+                            console.log(this.hasStyle(container));
                             _c.label = 2;
                         case 2:
                             _c.trys.push([2, 12, , 13]);
@@ -20457,11 +20459,14 @@
                                 !this.isContainer(this.textContainers, container) &&
                                 this.hasStyle(container) &&
                                 selection.toString() === this.hasStyle(container).innerText)) return [3 /*break*/, 6];
+                            console.log('update');
                             return [4 /*yield*/, this.updateSelection(selection, this.hasStyle(container), action, this.textContainers)];
                         case 5:
                             _c.sent();
                             return [3 /*break*/, 8];
-                        case 6: return [4 /*yield*/, this.replaceSelection(this.getMostDescendantChild(container), action, selection, this.textContainers)];
+                        case 6:
+                            console.log('replace');
+                            return [4 /*yield*/, this.replaceSelection(this.getMostDescendantChild(container), action, selection, this.textContainers)];
                         case 7:
                             _c.sent();
                             _c.label = 8;
@@ -20549,6 +20554,7 @@
                                 parentContainer === offsetParentContainer &&
                                 ((parentContainer.children.length > 0 && parentContainer.innerText !== parentContainer.children[0].textContent) ||
                                     parentContainer.innerText !== selection.toString()))) return [3 /*break*/, 3];
+                            console.log('if');
                             range = this.getRangeObject(selection);
                             currentFragment = range.extractContents();
                             currentElement_1 = document.createElement('span');
@@ -20574,6 +20580,8 @@
                             currentParentElement = container;
                             if (parentContainer.contains(currentParentElement)) {
                                 while (currentParentElement !== parentContainer) {
+                                    console.warn('currentParentElement');
+                                    console.log(currentParentElement);
                                     tmpElement = document.createElement(currentParentElement.tagName);
                                     tmpElement = this.setInlineStyle(currentParentElement, tmpElement);
                                     tmpElement.appendChild(currentElementToAppend);
@@ -20593,9 +20601,13 @@
                             newElement.appendChild(preFragment);
                             parentContainer.parentElement.insertBefore(currentElementToAppend, parentContainer);
                             parentContainer.parentElement.insertBefore(newElement, currentElementToAppend);
+                            if (!parentContainer.textContent || parentContainer.textContent.length === 0) {
+                                parentContainer.parentElement.removeChild(parentContainer);
+                            }
                             selection.selectAllChildren(currentElementToAppend);
                             return [3 /*break*/, 7];
                         case 3:
+                            console.log('else');
                             range = this.getRangeObject(selection);
                             fragment = range.extractContents();
                             fragmentElement = document.createElement('div');
@@ -20823,7 +20835,7 @@
             });
         };
         InlineStyleTool.prototype.cleanupContainer = function (selection, container, firstTimeCall) {
-            var _a, _b;
+            var _a;
             return __awaiter(this, void 0, void 0, function () {
                 var parentContainer, parentFound, children, currentNode, identicalElements, currentElement, nextElement, currentNodeFirstChild;
                 return __generator(this, function (_c) {
@@ -20854,10 +20866,6 @@
                             _c.label = 1;
                         case 1:
                             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];
@@ -24674,16 +24682,16 @@
             modal.appendChild(editorContainer);
             modal.appendChild(buttonContainer);
             container.appendChild(modal);
-            document.querySelector('body').appendChild(container);
-            var monacoEditor = monaco.editor.create(editorContainer, {
-                value: content,
-                language: 'html',
-                ariaContainerElement: container
+            document.body.appendChild(container);
+            var state$1 = state.EditorState.create({
+                doc: content,
+                extensions: [codemirror.basicSetup, langHtml.html()],
+            });
+            var view = new codemirror.EditorView({
+                state: state$1,
+                parent: editorContainer,
             });
-            saveButton.addEventListener('click', function () {
-                var content = monacoEditor.getValue();
-                saveCodeEditModal(content);
-            }, true);
+            saveButton.addEventListener('click', function () { return saveCodeEditModal(view.state.doc.toString()); }, true);
             buttonContainer.appendChild(saveButton);
         };
         TextEditionTool.prototype.getSavedEditorContent = function (name) {