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

package/fesm2015/wizishop-wizi-block.js

@@ -18616,6 +18616,7 @@ class EditorJSTool {
     }
     resetUserSelection() {
         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) &&
@@ -18639,6 +18640,10 @@ class EditorJSTool {
         }
         document.getSelection().setBaseAndExtent(this.selectedAnchorNode, this.anchorOffset, this.selectedFocusNode, this.focusOffset);
     }
+    collapseSelection() {
+        let selection = this.getSelection();
+        document.getSelection().setBaseAndExtent(selection.anchorNode, 0, selection.anchorNode, 0);
+    }
     findParentEditor() {
         const selection = this.currentSelection ? this.currentSelection : this.getSelection();
         return selection.anchorNode.parentElement.closest('.editorJs');
@@ -18697,6 +18702,7 @@ class InlineStyleTool extends EditorJSTool {
         this.foundFocusNode = false;
         this.tmpOffset = 0;
         this.modifiedContent = false;
+        this.linkDeletion = false;
         this.modifies = {
             tag: false,
             style: false,
@@ -18723,7 +18729,7 @@ class InlineStyleTool extends EditorJSTool {
             const sameSelection = container && container.innerText === selection.toString();
             yield this.saveInlineSelection(container, true);
             // Link delete exception
-            if (this.modifies.tag && this.tag.toLowerCase() === 'a' && !this.attributesToApply) {
+            if (this.linkDeletion) {
                 yield this.replaceLink(selection, this.hasStyle(container));
             }
             else {
@@ -18860,6 +18866,8 @@ class InlineStyleTool extends EditorJSTool {
     }
     replaceLink(selection, container) {
         return __awaiter(this, void 0, void 0, function* () {
+            console.log('container');
+            console.log(container);
             let newElement = document.createElement('span');
             newElement.innerHTML = container.innerHTML;
             container.parentElement.replaceChild(newElement, container);
@@ -20393,6 +20401,7 @@ class TextBackgroundColorTool extends ColorTool {
                 inputToFocus.focus();
             }
             //this.hideActions();
+            this.collapseSelection();
         });
     }
     checkState(selection) {
@@ -20474,6 +20483,7 @@ class ParagraphStyleTool extends EditorJSTool {
             if (!selection) {
                 return;
             }
+            this.saveUserSelection();
             const anchorNode = selection.anchorNode;
             if (!this.parentEditor) {
                 this.parentEditor = this.findParentEditor();
@@ -20488,8 +20498,7 @@ class ParagraphStyleTool extends EditorJSTool {
             if ((this.classToApply && this.classToApply.length > 0) || (this.classes && this.classes.length > 0)) {
                 this.changeCurrentClass(parentModifier);
             }
-            this.saveUserSelection();
-            this.resetUserSelection();
+            this.collapseSelection();
         });
     }
     checkOrderedListValue() {
@@ -20616,9 +20625,9 @@ class ParagraphStyleTool extends EditorJSTool {
         let 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') {
@@ -20646,6 +20655,20 @@ function onEditList(event) {
                 currentParagraph.removeEventListener('keydown', onEditList, true);
                 document.getSelection().setBaseAndExtent(currentParagraph.querySelector('p'), 0, currentParagraph.querySelector('p'), 0);
             }
+            else {
+                let selection = document.getSelection();
+                if (selection.anchorOffset === 0) {
+                    let newParagraph = document.createElement('p');
+                    let 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();
@@ -20993,7 +21016,7 @@ const frI18nDictionnary = {
                 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 :',
@@ -21012,7 +21035,7 @@ const frI18nDictionnary = {
                 Small: 'Petit',
                 Normal: 'Normal',
                 Large: 'Grand',
-                Huge: 'Immense',
+                Huge: 'Très grand',
             },
             codeEdit: {
                 Cancel: 'Annuler',
@@ -21077,7 +21100,7 @@ const enI18nDictionnary = {
                 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 :',
@@ -21096,7 +21119,7 @@ const enI18nDictionnary = {
                 Small: 'Small',
                 Normal: 'Normal',
                 Large: 'Large',
-                Huge: 'Huge',
+                Huge: 'Very large',
             },
             codeEdit: {
                 Cancel: 'Cancel',
@@ -21443,6 +21466,7 @@ class LinkTool extends InlineStyleTool {
         };
         this.tag = 'SPAN';
         this.hasSeparatorBefore = true;
+        this.linkDeletion = false;
         this.modifies = {
             tag: false,
             style: false,
@@ -21460,7 +21484,7 @@ class LinkTool extends InlineStyleTool {
             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;
@@ -21524,12 +21548,6 @@ class LinkTool extends InlineStyleTool {
             let targetCheckbox = this.parentEditor.querySelector('#' + this.linkCss['targetCheckboxId'] + uuid);
             let obfuscationCheckbox = this.parentEditor.querySelector('#' + this.linkCss['obfuscationCheckboxId'] + uuid);
             let 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;
@@ -21537,6 +21555,12 @@ class LinkTool extends InlineStyleTool {
                     name: 'data-htap',
                     value: btoa(linkInput.value),
                 });
+                if (targetCheckbox.checked) {
+                    this.attributesToApply.push({
+                        name: 'data-knalb',
+                        value: 'true',
+                    });
+                }
             }
             else {
                 this.tag = 'A';
@@ -21545,6 +21569,12 @@ class LinkTool extends InlineStyleTool {
                     name: 'href',
                     value: linkInput.value,
                 });
+                if (targetCheckbox.checked) {
+                    this.attributesToApply.push({
+                        name: 'target',
+                        value: '_blank',
+                    });
+                }
             }
             this.resetUserSelection();
             yield this.surround(null, true);
@@ -21557,13 +21587,44 @@ class LinkTool extends InlineStyleTool {
             if (!this.parentEditor) {
                 this.parentEditor = this.findParentEditor();
             }
-            this.tag = 'A';
-            this.attributesToApply = null;
-            this.modifies.tag = true;
+            let uuid = this.parentEditor.getAttribute('id').replace('editorJs-', '');
+            let targetCheckbox = this.parentEditor.querySelector('#' + this.linkCss['targetCheckboxId'] + uuid);
+            let obfuscationCheckbox = this.parentEditor.querySelector('#' + this.linkCss['obfuscationCheckboxId'] + uuid);
+            let 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();
             yield this.surround(null, true);
             this.checkState(this.currentSelection);
             this.openLinkDropdown();
+            this.linkDeletion = false;
         });
     }
     renderActions() {
@@ -21643,6 +21704,9 @@ class LinkTool extends InlineStyleTool {
             }
         }
         else {
+            linkInput.value = '';
+            targetCheckbox.checked = false;
+            obfuscationCheckbox.checked = false;
             if (!deleteButton.classList.contains('hidden')) {
                 deleteButton.classList.add('hidden');
             }
@@ -22105,8 +22169,7 @@ class TextEditionTool extends ParagraphStyleTool {
     }
     editHTML() {
         let content = this.getEditorContent();
-        let modal = this.createHTMLEditModal(content);
-        document.querySelector('body').appendChild(modal);
+        this.createHTMLEditModal(content);
     }
     createHTMLEditModal(content) {
         let container = document.createElement('div');
@@ -22115,11 +22178,6 @@ class TextEditionTool extends ParagraphStyleTool {
         modal.classList.add(this.modalClass);
         let editorContainer = document.createElement('div');
         editorContainer.classList.add(this.editorClass);
-        var monacoEditor = editor.create(editorContainer, {
-            value: content,
-            language: 'html',
-            automaticLayout: true,
-        });
         codeEditEditor = this.findParentEditor();
         codeEditApi = this.api;
         let buttonContainer = document.createElement('div');
@@ -22128,17 +22186,22 @@ class TextEditionTool extends ParagraphStyleTool {
         cancelButton.innerText = editorJSI18nDictionnary.messages.tools.codeEdit['Cancel'];
         saveButton.innerText = editorJSI18nDictionnary.messages.tools.codeEdit['Save'];
         cancelButton.addEventListener('click', closeCodeEditModal, true);
-        saveButton.addEventListener('click', () => {
-            let 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 = editor.create(editorContainer, {
+            value: content,
+            language: 'html',
+        });
+        saveButton.addEventListener('click', () => {
+            console.log("here");
+            let content = monacoEditor.getValue();
+            saveCodeEditModal(content);
+        }, true);
+        buttonContainer.appendChild(saveButton);
     }
     getSavedEditorContent(name) {
         return localStorage.getItem(name);