@innovastudio/contentbox 1.6.84 → 1.6.86

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.84",
+  "version": "1.6.86",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "types": "index.d.ts",
@@ -54,7 +54,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.69",
+    "@innovastudio/contentbuilder": "^1.5.71",
     "js-beautify": "^1.14.0",
     "sortablejs": "^1.15.2"
   }

package/public/contentbox/contentbox.esm.js

@@ -25699,7 +25699,11 @@ class ControlPanel {
   }
 
   open() {
-    if (this.builder.disableAutoOpenEditPanel) return;
+    if (this.builder.autoOpenPanel) ; else {
+      // Manual open
+      if (this.builder.disableAutoOpenEditPanel) return;
+    }
+
     this.open_();
   }
 
@@ -25711,9 +25715,12 @@ class ControlPanel {
     }, 300);
     this.repositionTool();
 
-    if (document.querySelector('[data-button="togglepanel"]')) {
-      // If toggle button exists
-      this.builder.disableAutoOpenEditPanel = true;
+    if (this.builder.autoOpenPanel) ; else {
+      // Manual open (only if toggle button exists)
+      if (document.querySelector('[data-button="togglepanel"]')) {
+        // If toggle button exists
+        this.builder.disableAutoOpenEditPanel = true; // Set manual opening
+      }
     } // Sync with external buttons
 
 
@@ -108456,6 +108463,7 @@ class Dictation {
   renderPanel() {
     const builderStuff = this.builder.builderStuff;
     this.builderStuff = builderStuff;
+    if (builderStuff.querySelector('.page-command')) return;
     const util = this.builder.util;
     this.util = util;
     let disclaimerText = util.out('AI-Disclaimer');
@@ -119792,7 +119800,7 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
     };
 
     // Add document Click event
-    document.addEventListener('click', this.doDocumentClick = e => {
+    this.doDocumentClick = e => {
       let target = e.target;
       if (!target) return;
       rteClick(e);
@@ -119923,10 +119931,19 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
           });
       }
       */
-    });
+    };
 
+    // document.addEventListener('click', this.doDocumentClick);
+    document.addEventListener('mousedown', this.doDocumentClick);
+    document.addEventListener('touchstart', this.doDocumentClick, {
+      passive: false
+    });
     if (this.iframe) {
-      this.doc.addEventListener('click', this.doDocumentClick);
+      // this.doc.addEventListener('click', this.doDocumentClick);
+      this.doc.addEventListener('mousedown', this.doDocumentClick);
+      this.doc.addEventListener('touchstart', this.doDocumentClick, {
+        passive: false
+      });
     }
 
     // Drag row will hide content tools
@@ -121456,13 +121473,18 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
     if (snippetData) snippetData.remove();
     if (this.eb) this.eb.destroy();
     this.doc.body.classList.remove('data-editor');
-    document.removeEventListener('click', this.doDocumentClick, false);
+
+    // document.removeEventListener('click', this.doDocumentClick, false);
+    document.removeEventListener('mousedown', this.doDocumentClick);
+    document.removeEventListener('touchstart', this.doDocumentClick);
     document.removeEventListener('keydown', this.doDocumentKeydown, false);
     document.removeEventListener('mousedown', this.doDocumentMousedown, false);
     document.removeEventListener('click', this.doRteClick, false);
     this.doc.removeEventListener('click', this.doHideSnippetHandler, false);
     if (this.iframe) {
-      this.doc.removeEventListener('click', this.doDocumentClick, false);
+      // this.doc.removeEventListener('click', this.doDocumentClick, false);
+      this.doc.removeEventListener('mousedown', this.doDocumentClick);
+      this.doc.removeEventListener('touchstart', this.doDocumentClick);
       this.doc.removeEventListener('keydown', this.doDocumentKeydown, false);
       this.doc.removeEventListener('mousedown', this.doDocumentMousedown, false);
       this.doc.removeEventListener('click', this.doRteClick, false);
@@ -159786,7 +159808,7 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
       }
     }); // Add document Click event
 
-    this.doc.addEventListener('click', this.doDocumentClick = e => {
+    this.doDocumentClick = e => {
       e = e || window.event;
       var target = e.target || e.srcElement; //--- New UX ---
 
@@ -159988,10 +160010,16 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
       if (!(a || b)) {
         this.sidebar.closeSidebar();
       }
+    }; // this.doc.addEventListener('click', this.doDocumentClick);
+
+
+    this.doc.addEventListener('mousedown', this.doDocumentClick);
+    this.doc.addEventListener('touchstart', this.doDocumentClick, {
+      passive: false
     });
 
     if (this.iframe) {
-      document.addEventListener('click', this.doDocumentClick = e => {
+      this.doIframeDocumentClick = e => {
         e = e || window.event;
         var target = e.target || e.srcElement;
         if (!document.body.contains(target)) return; // in case element/target has been deleted (not exists)
@@ -160076,7 +160104,9 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
         if (!(a || b)) {
           this.sidebar.closeSidebar();
         }
-      });
+      };
+
+      document.addEventListener('click', this.doIframeDocumentClick);
     }
 
     document.addEventListener('keydown', this.doDocumentKeydown = e => {
@@ -160471,10 +160501,12 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
 
     const btnRedesign = box.querySelector('.input-box-redesign');
     if (btnRedesign) btnRedesign.addEventListener('click', () => {
+      this.editor.dictation.renderPanel();
       this.command.redesign();
     });
     const btnRewrite = box.querySelector('.input-box-rewrite');
     if (btnRewrite) btnRewrite.addEventListener('click', () => {
+      this.editor.dictation.renderPanel();
       this.command.rewrite();
     });
     const btnAIMore = box.querySelector('.input-box-more');
@@ -162063,9 +162095,11 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
     if (this.editor) this.editor.destroy();
     const panel = document.querySelector('#_newbox');
     if (panel) panel.parentNode.removeChild(panel);
-    document.body.classList.remove('controlpanel');
-    if (this.doc) this.doc.removeEventListener('click', this.doDocumentClick, false);
-    if (this.iframe) document.removeEventListener('click', this.doDocumentClick, false);
+    document.body.classList.remove('controlpanel'); // if(this.doc) this.doc.removeEventListener('click', this.doDocumentClick, false);
+
+    if (this.doc) this.doc.removeEventListener('mousedown', this.doDocumentClick);
+    if (this.doc) this.doc.removeEventListener('touchstart', this.doDocumentClick);
+    if (this.iframe) document.removeEventListener('click', this.doIframeDocumentClick, false);
     if (this.doc) this.doc.removeEventListener('click', this.doDocumentKeydown, false);
     if (this.iframe) document.removeEventListener('click', this.doDocumentKeydown, false);
     if (this.doc) this.doc.removeEventListener('scroll', this.doAnimWheel, false);