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

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

@@ -20323,6 +20323,7 @@
         };
         EditorJSTool.prototype.resetUserSelection = function () {
             var _a;
+            console.log('reset here');
             if (this.selectedAnchorNode.nodeType === Node.ELEMENT_NODE && this.selectedAnchorNode.children) {
                 while (this.selectedAnchorNode.children &&
                     this.selectedAnchorNode.innerText === ((_a = this.selectedAnchorNode.children[0]) === null || _a === void 0 ? void 0 : _a.innerText) &&
@@ -20346,6 +20347,10 @@
             }
             document.getSelection().setBaseAndExtent(this.selectedAnchorNode, this.anchorOffset, this.selectedFocusNode, this.focusOffset);
         };
+        EditorJSTool.prototype.collapseSelection = function () {
+            var selection = this.getSelection();
+            document.getSelection().setBaseAndExtent(selection.anchorNode, 0, selection.anchorNode, 0);
+        };
         EditorJSTool.prototype.findParentEditor = function () {
             var selection = this.currentSelection ? this.currentSelection : this.getSelection();
             return selection.anchorNode.parentElement.closest('.editorJs');
@@ -20406,6 +20411,7 @@
             _this.foundFocusNode = false;
             _this.tmpOffset = 0;
             _this.modifiedContent = false;
+            _this.linkDeletion = false;
             _this.modifies = {
                 tag: false,
                 style: false,
@@ -20438,7 +20444,7 @@
                             return [4 /*yield*/, this.saveInlineSelection(container, true)];
                         case 1:
                             _d.sent();
-                            if (!(this.modifies.tag && this.tag.toLowerCase() === 'a' && !this.attributesToApply)) return [3 /*break*/, 3];
+                            if (!this.linkDeletion) return [3 /*break*/, 3];
                             return [4 /*yield*/, this.replaceLink(selection, this.hasStyle(container))];
                         case 2:
                             _d.sent();
@@ -20617,6 +20623,8 @@
             return __awaiter(this, void 0, void 0, function () {
                 var newElement;
                 return __generator(this, function (_d) {
+                    console.log('container');
+                    console.log(container);
                     newElement = document.createElement('span');
                     newElement.innerHTML = container.innerHTML;
                     container.parentElement.replaceChild(newElement, container);
@@ -22501,6 +22509,8 @@
                             if (inputToFocus) {
                                 inputToFocus.focus();
                             }
+                            //this.hideActions();
+                            this.collapseSelection();
                             return [2 /*return*/];
                     }
                 });
@@ -22592,6 +22602,7 @@
                     if (!selection) {
                         return [2 /*return*/];
                     }
+                    this.saveUserSelection();
                     anchorNode = selection.anchorNode;
                     if (!this.parentEditor) {
                         this.parentEditor = this.findParentEditor();
@@ -22606,8 +22617,7 @@
                     if ((this.classToApply && this.classToApply.length > 0) || (this.classes && this.classes.length > 0)) {
                         this.changeCurrentClass(parentModifier);
                     }
-                    this.saveUserSelection();
-                    this.resetUserSelection();
+                    this.collapseSelection();
                     return [2 /*return*/];
                 });
             });
@@ -22736,9 +22746,9 @@
             var currentElement = element;
             if (currentElement.tagName.toLowerCase() === 'div') {
                 if (currentElement.classList.contains('ce-paragraph')) {
-                    return currentElement;
+                    return currentElement.children[0];
                 }
-                return currentElement.parentElement.querySelector('.ce-paragraph').children[0];
+                return currentElement.closest('.codex-editor__redactor').querySelector('.ce-paragraph').children[0];
             }
             while (this.modifiers.split(',').indexOf(currentElement.tagName.toLowerCase()) === -1) {
                 if (currentElement.tagName.toLowerCase() === 'div') {
@@ -22767,6 +22777,20 @@
                     currentParagraph.removeEventListener('keydown', onEditList, true);
                     document.getSelection().setBaseAndExtent(currentParagraph.querySelector('p'), 0, currentParagraph.querySelector('p'), 0);
                 }
+                else {
+                    var selection = document.getSelection();
+                    if (selection.anchorOffset === 0) {
+                        var newParagraph = document.createElement('p');
+                        var currentParagraph = listEditor.querySelectorAll('.ce-paragraph')[listApi.blocks.getCurrentBlockIndex()];
+                        newParagraph.innerHTML = currentParagraph.querySelector('li').innerHTML;
+                        currentParagraph.innerHTML = '';
+                        currentParagraph.appendChild(newParagraph);
+                        currentParagraph.removeEventListener('keydown', onEditList, true);
+                        document
+                            .getSelection()
+                            .setBaseAndExtent(currentParagraph.querySelector('p'), 0, currentParagraph.querySelector('p'), 0);
+                    }
+                }
             }
             else {
                 event.preventDefault();
@@ -23165,7 +23189,7 @@
                     placeholder: 'https://www.maboutique.fr or /monlien/',
                     external: 'Externe ?',
                     obfuscated: 'Lien Obfusqué ?',
-                    info: 'L\'obfuscation de liens est une technique SEO avancée qui consiste à cacher un lien aux robots des moteurs de recherche, tout en le laissant accessible pour les internautes. <a href="https://www.wizishop.fr/blog/obfuscation-lien">Découvrir l\'article complet.</a>',
+                    info: 'L\'obfuscation de liens est une technique SEO avancée qui consiste à cacher un lien aux robots des moteurs de recherche, tout en le laissant accessible pour les internautes. <a href="https://www.wizishop.fr/blog/obfuscation-lien" target="_blank">Découvrir l\'article complet.</a>',
                 },
                 textBackgroundColor: {
                     customColor: 'Sélectionner une couleur personnalisée :',
@@ -23184,7 +23208,7 @@
                     Small: 'Petit',
                     Normal: 'Normal',
                     Large: 'Grand',
-                    Huge: 'Immense',
+                    Huge: 'Très grand',
                 },
                 codeEdit: {
                     Cancel: 'Annuler',
@@ -23249,7 +23273,7 @@
                     placeholder: 'https://www.myshop.fr or /mylink/',
                     external: 'External?',
                     obfuscated: 'Obfuscated link?',
-                    info: 'Link obfuscation is an advanced SEO technique that consists in hiding a link from search engine robots, while leaving it available for users.  <a href="https://wizishop.com/blog/url-obfuscation">Read more</a>',
+                    info: 'Link obfuscation is an advanced SEO technique that consists in hiding a link from search engine robots, while leaving it available for users.  <a href="https://wizishop.com/blog/url-obfuscation" target="_blank">Read more</a>',
                 },
                 textBackgroundColor: {
                     customColor: 'Select a custom color :',
@@ -23268,7 +23292,7 @@
                     Small: 'Small',
                     Normal: 'Normal',
                     Large: 'Large',
-                    Huge: 'Huge',
+                    Huge: 'Very large',
                 },
                 codeEdit: {
                     Cancel: 'Cancel',
@@ -23722,6 +23746,7 @@
             };
             _this.tag = 'SPAN';
             _this.hasSeparatorBefore = true;
+            _this.linkDeletion = false;
             _this.modifies = {
                 tag: false,
                 style: false,
@@ -23739,7 +23764,7 @@
                 addButtonClass: 'ce-inline-actions--link__add',
                 deleteButtonClass: 'ce-inline-actions--link__delete',
             };
-            _this.attributeName = 'data-htap,href';
+            _this.attributeName = 'data-htap,href,data-knalb';
             _this.attributesToApply = [];
             _this.isLinkDropdownOpen = false;
             _this.api = api;
@@ -23834,12 +23859,6 @@
                             targetCheckbox = this.parentEditor.querySelector('#' + this.linkCss['targetCheckboxId'] + uuid);
                             obfuscationCheckbox = this.parentEditor.querySelector('#' + this.linkCss['obfuscationCheckboxId'] + uuid);
                             linkInput = this.parentEditor.querySelector('#' + this.linkCss['linkInputId'] + uuid);
-                            if (targetCheckbox.checked) {
-                                this.attributesToApply.push({
-                                    name: 'target',
-                                    value: '_blank',
-                                });
-                            }
                             if (obfuscationCheckbox.checked) {
                                 this.tag = 'SPAN';
                                 this.modifies.tag = false;
@@ -23847,6 +23866,12 @@
                                     name: 'data-htap',
                                     value: btoa(linkInput.value),
                                 });
+                                if (targetCheckbox.checked) {
+                                    this.attributesToApply.push({
+                                        name: 'data-knalb',
+                                        value: 'true',
+                                    });
+                                }
                             }
                             else {
                                 this.tag = 'A';
@@ -23855,6 +23880,12 @@
                                     name: 'href',
                                     value: linkInput.value,
                                 });
+                                if (targetCheckbox.checked) {
+                                    this.attributesToApply.push({
+                                        name: 'target',
+                                        value: '_blank',
+                                    });
+                                }
                             }
                             this.resetUserSelection();
                             return [4 /*yield*/, this.surround(null, true)];
@@ -23869,21 +23900,53 @@
         };
         LinkTool.prototype.deleteLink = function () {
             return __awaiter(this, void 0, void 0, function () {
+                var uuid, targetCheckbox, obfuscationCheckbox, linkInput;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             if (!this.parentEditor) {
                                 this.parentEditor = this.findParentEditor();
                             }
-                            this.tag = 'A';
-                            this.attributesToApply = null;
-                            this.modifies.tag = true;
+                            uuid = this.parentEditor.getAttribute('id').replace('editorJs-', '');
+                            targetCheckbox = this.parentEditor.querySelector('#' + this.linkCss['targetCheckboxId'] + uuid);
+                            obfuscationCheckbox = this.parentEditor.querySelector('#' + this.linkCss['obfuscationCheckboxId'] + uuid);
+                            linkInput = this.parentEditor.querySelector('#' + this.linkCss['linkInputId'] + uuid);
+                            if (obfuscationCheckbox.checked) {
+                                this.tag = 'SPAN';
+                                this.modifies.tag = false;
+                                this.attributesToApply.push({
+                                    name: 'data-htap',
+                                    value: btoa(linkInput.value),
+                                });
+                                if (targetCheckbox.checked) {
+                                    this.attributesToApply.push({
+                                        name: 'data-knalb',
+                                        value: 'true',
+                                    });
+                                }
+                            }
+                            else {
+                                this.tag = 'A';
+                                this.modifies.tag = true;
+                                this.attributesToApply.push({
+                                    name: 'href',
+                                    value: linkInput.value,
+                                });
+                                if (targetCheckbox.checked) {
+                                    this.attributesToApply.push({
+                                        name: 'target',
+                                        value: '_blank',
+                                    });
+                                }
+                            }
+                            this.linkDeletion = true;
                             this.resetUserSelection();
                             return [4 /*yield*/, this.surround(null, true)];
                         case 1:
                             _a.sent();
                             this.checkState(this.currentSelection);
                             this.openLinkDropdown();
+                            this.linkDeletion = false;
                             return [2 /*return*/];
                     }
                 });
@@ -23967,6 +24030,9 @@
                 }
             }
             else {
+                linkInput.value = '';
+                targetCheckbox.checked = false;
+                obfuscationCheckbox.checked = false;
                 if (!deleteButton.classList.contains('hidden')) {
                     deleteButton.classList.add('hidden');
                 }
@@ -24522,8 +24588,7 @@
         };
         TextEditionTool.prototype.editHTML = function () {
             var content = this.getEditorContent();
-            var modal = this.createHTMLEditModal(content);
-            document.querySelector('body').appendChild(modal);
+            this.createHTMLEditModal(content);
         };
         TextEditionTool.prototype.createHTMLEditModal = function (content) {
             var container = document.createElement('div');
@@ -24532,11 +24597,6 @@
             modal.classList.add(this.modalClass);
             var editorContainer = document.createElement('div');
             editorContainer.classList.add(this.editorClass);
-            var monacoEditor = monaco.editor.create(editorContainer, {
-                value: content,
-                language: 'html',
-                automaticLayout: true,
-            });
             codeEditEditor = this.findParentEditor();
             codeEditApi = this.api;
             var buttonContainer = document.createElement('div');
@@ -24545,17 +24605,22 @@
             cancelButton.innerText = editorJSI18nDictionnary.messages.tools.codeEdit['Cancel'];
             saveButton.innerText = editorJSI18nDictionnary.messages.tools.codeEdit['Save'];
             cancelButton.addEventListener('click', closeCodeEditModal, true);
-            saveButton.addEventListener('click', function () {
-                var content = monacoEditor.getValue();
-                saveCodeEditModal(content);
-            }, true);
             buttonContainer.appendChild(cancelButton);
-            buttonContainer.appendChild(saveButton);
             buttonContainer.classList.add(this.buttonClass);
             modal.appendChild(editorContainer);
             modal.appendChild(buttonContainer);
             container.appendChild(modal);
-            return container;
+            document.querySelector('body').appendChild(container);
+            var monacoEditor = monaco.editor.create(editorContainer, {
+                value: content,
+                language: 'html',
+            });
+            saveButton.addEventListener('click', function () {
+                console.log("here");
+                var content = monacoEditor.getValue();
+                saveCodeEditModal(content);
+            }, true);
+            buttonContainer.appendChild(saveButton);
         };
         TextEditionTool.prototype.getSavedEditorContent = function (name) {
             return localStorage.getItem(name);