@innovastudio/contentbox 1.6.85 → 1.6.87

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.85",
+  "version": "1.6.87",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "types": "index.d.ts",
@@ -54,7 +54,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.70",
+    "@innovastudio/contentbuilder": "^1.5.72",
     "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
 
 
@@ -31686,7 +31693,7 @@ class Util$1 {
       this.builder.uo.saveForUndo();
       let element = elm;
       let newelement;
-      if (!element.nextElementSibling) {
+      if (!element.nextElementSibling && !element.closest('[data-subblock]')) {
         // active element is div.display > p.
         let activeCol = this.builder.activeCol;
         let current;
@@ -119793,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);
@@ -119924,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
@@ -120671,7 +120687,11 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
         if (!col.getAttribute('data-click')) {
           // ON CLICK
           // Use bind() => https://www.w3schools.com/react/react_events.asp
-          col.addEventListener('click', this.handleCellClick.bind(this, col));
+          // col.addEventListener('click', this.handleCellClick.bind(this, col));
+          col.addEventListener('mousedown', this.handleCellClick.bind(this, col));
+          col.addEventListener('touchstart', this.handleCellClick.bind(this, col), {
+            passive: false
+          });
 
           // ON KEYPRESS
           col.addEventListener('keydown', this.handleCellKeypress.bind(this));
@@ -121457,13 +121477,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);
@@ -159787,7 +159812,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 ---
 
@@ -159989,10 +160014,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)
@@ -160077,7 +160108,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 => {
@@ -162066,9 +162099,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);