@innovastudio/contentbox 1.6.64 → 1.6.65

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.64",
+  "version": "1.6.65",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [

package/public/contentbox/contentbox.esm.js

@@ -146515,6 +146515,7 @@ class IframePanel {
 
     const timeoutHandler = async () => {
       await sleep(0.2);
+      if (!document.body.contains(this.editPanel)) return; // in case of destroyed
 
       if (iframe.contentDocument.readyState === 'complete') {
         iframe.contentDocument.body.classList.add('iframe-body'); // add .iframe-body class that is required by box/flex.css
@@ -153958,39 +153959,46 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
   }
 
   destroy() {
+    // let html = this.html();
     if (this.resizeObserver) this.resizeObserver.disconnect();
-    this.doc.removeEventListener('click', this.doDocumentClick, false);
-    if (this.iframe) document.removeEventListener('click', this.doDocumentClick, false);
-    this.doc.removeEventListener('click', this.doDocumentKeydown, false);
-    if (this.iframe) document.removeEventListener('click', this.doDocumentKeydown, false);
-    window.removeEventListener('scroll', this.doWindowScroll, false);
-    this.doc.removeEventListener('scroll', this.doAnimWheel, false);
-    this.win.removeEventListener('scroll', this.doAnimScroll, false);
-    this.win.removeEventListener('scroll', this.doScrollSync, false);
-    let html = this.html(); // this.builderStuff.parentNode.removeChild(this.builderStuff);
+    const elmStyleEditPanel = document.querySelector('#_style_editpanel');
+    if (elmStyleEditPanel) elmStyleEditPanel.remove(elmStyleEditPanel);
+    const editPanel = document.querySelector('#editPanel');
+    if (editPanel) editPanel.remove();
+    const responsiveTool = document.querySelector('.is-responsive-tool');
+    if (responsiveTool) responsiveTool.remove(); // this.builderStuff.parentNode.removeChild(this.builderStuff);
 
     this.builderStuff.innerHTML = '';
-    dom.removeClass(document.body, 'sidebar-active');
+    document.body.classList.remove('sidebar-active');
     document.body.removeAttribute('data-skrollrr-off');
     document.body.style.overflowY = ''; // in iframe use, overflowY is set 'hidden'
     // Remove special css
 
-    const cbContentStyle = this.doc.querySelector('#_contentbox_css');
-    if (cbContentStyle) cbContentStyle.parentNode.removeChild(cbContentStyle);
-    const cbStuffStyle = document.querySelector('#_contentboxstuff_css');
-    if (cbStuffStyle) cbStuffStyle.parentNode.removeChild(cbStuffStyle); // Render html content
-
-    let range = document.createRange();
-    const wrapper = this.wrapperEl;
-    wrapper.innerHTML = '';
-    wrapper.appendChild(range.createContextualFragment(html)); // We use createContextualFragment so that embedded javascript code (code block) will be executed
+    if (this.doc) {
+      const cbContentStyle = this.doc.querySelector('#_contentbox_css');
+      if (cbContentStyle) cbContentStyle.remove(cbContentStyle);
+    }
 
-    dom.removeClass(wrapper, 'is-edit');
-    this.editor.destroy();
+    const cbStuffStyle = document.querySelector('#_contentboxstuff_css');
+    if (cbStuffStyle) cbStuffStyle.remove(cbStuffStyle); // // Render html content
+    // let range = document.createRange();
+    // const wrapper = this.wrapperEl;
+    // wrapper.innerHTML = '';
+    // wrapper.appendChild(range.createContextualFragment(html)); // We use createContextualFragment so that embedded javascript code (code block) will be executed
+    // wrapper.classList.remove('is-edit')
+
+    if (this.editor) this.editor.destroy();
     const panel = document.querySelector('#_newbox');
     if (panel) panel.parentNode.removeChild(panel);
-    document.body.classList.remove('controlpanel'); // Stop Pace
-    // Pace.stop();
+    document.body.classList.remove('controlpanel');
+    if (this.doc) this.doc.removeEventListener('click', this.doDocumentClick, false);
+    if (this.iframe) document.removeEventListener('click', this.doDocumentClick, 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);
+    if (this.win) this.win.removeEventListener('scroll', this.doAnimScroll, false);
+    if (this.win) this.win.removeEventListener('scroll', this.doScrollSync, false);
+    window.removeEventListener('scroll', this.doWindowScroll, false);
   }
 
   cleanupUnused() {