@innovastudio/contentbox 1.3.16 → 1.3.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.3.16",
+  "version": "1.3.19",
   "type": "module",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",

package/public/contentbox/contentbox.esm.js

@@ -1303,25 +1303,6 @@ class SideBar {
                 /* First Loading */
                 .is-category-list {opacity:0;transition: opacity ease 0.3s;} 
                 .is-design-list {opacity:0;transition: opacity ease 0.3s;} 
-                .pace {
-                  -webkit-pointer-events: none;
-                  pointer-events: none;
-                  -webkit-user-select: none;
-                  -moz-user-select: none;
-                  user-select: none;
-                }
-                .pace-inactive {
-                  display: none;
-                }
-                .pace .pace-progress {
-                  background: #000000;
-                  position: fixed;
-                  z-index: 2000;
-                  top: 0;
-                  right: 100%;
-                  width: 100%;
-                  height: 2px;
-                }
         
             </style>     
         </head>`;
@@ -1399,6 +1380,14 @@ class SideBar {
             <script src="${designUrl2}" type="text/javascript"></script>  
             
             <script>
+
+                applyParentStyles();
+                setTimeout(()=>{
+                    document.querySelector('.is-category-list').style.opacity = 1;
+                    document.querySelector('.is-design-list').style.opacity = 1;
+                },300);
+
+                
                 function hasClass(element, classname) {
                     if(!element) return false;
                     try{
@@ -2345,12 +2334,6 @@ class SideBar {
                     }
                 });
 
-                setTimeout(()=>{
-                    document.querySelector('.is-category-list').style.opacity = 1;
-                    document.querySelector('.is-design-list').style.opacity = 1;
-                },300);
-
-                applyParentStyles();
             </script>
         </body>
         </html>
@@ -10131,8 +10114,9 @@ class EditBox {
     });
     const btnModuleOk = modalEditModule.querySelector('.input-ok');
     btnModuleOk.addEventListener('click', () => {
-      let activeBox = this.builder.activeBox;
-      let activeModule = activeBox.querySelector('.is-overlay-content[data-module]');
+      // let activeBox = this.builder.activeBox;
+      // let activeModule = activeBox.querySelector('.is-overlay-content[data-module]');
+      let activeModule = document.querySelector('[data-module-active="1"]');
       this.builder.editor.saveForUndo();
       let modalIframe = modalEditModule.querySelector('iframe');
       if (modalIframe.contentWindow.construct) modalIframe.contentWindow.construct();
@@ -10684,9 +10668,10 @@ class EditBox {
 
   refreshModule() {
     const modalEditModule = document.querySelector('.is-modal.editmodule');
-    const builderStuff = this.builderStuff;
-    let activeBox = this.builder.activeBox;
-    let activeModule = activeBox.querySelector('.is-overlay-content[data-module]');
+    const builderStuff = this.builderStuff; // let activeBox = this.builder.activeBox;
+    // let activeModule = activeBox.querySelector('.is-overlay-content[data-module]'); 
+
+    let activeModule = document.querySelector('[data-module-active="1"]');
     let modalIframe = modalEditModule.querySelector('iframe');
     if (modalIframe.contentWindow.construct) modalIframe.contentWindow.construct();
     const hidModuleCode = builderStuff.querySelector('#hidModuleCode');
@@ -87854,7 +87839,9 @@ class ContentBox {
         });
       } else {
         Pace.stop();
-        startShowing();
+        setTimeout(() => {
+          startShowing();
+        }, 300);
       }
     } // Add document Click event