@innovastudio/contentbox 1.4.17 → 1.4.18

package/package.json

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

package/public/contentbox/contentbox.css

@@ -70,7 +70,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  width: 50px;
+  width: 60px;
   height: 100vh;
   background: rgba(255, 255, 255, 0.97) !important;
   color: rgba(0, 0, 0, 0.8);
@@ -163,18 +163,19 @@
         #divSidebarSource
 */
 #divSidebarSnippets {
-  max-width: 316px;
+  max-width: 290px !important;
+  border-left: 60px solid transparent !important;
 }
 
 #divSidebarTypography {
-  max-width: 300px;
+  max-width: 320px;
 }
 
 #divSidebarSnippets > div:first-child {
   width: 100%;
   height: 40px;
   position: absolute;
-  padding: 0 0 0 50px;
+  padding: 0 0 0 60px;
   box-sizing: border-box;
 }
 
@@ -187,17 +188,17 @@
 
 #divSidebarSections > div,
 .sidebar-sections > div {
-  padding: 0 0 0 50px;
+  padding: 0 0 0 60px;
   box-sizing: border-box;
 }
 
 #divSidebarSource > div {
-  padding: 0 0 0 50px;
+  padding: 0 0 0 60px;
   box-sizing: border-box;
 }
 
 #divSidebarTypography > div {
-  padding: 0 0 0 50px;
+  padding: 0 0 0 60px;
   box-sizing: border-box;
 }
 
@@ -277,7 +278,7 @@
   right: 0;
   width: 100%;
   z-index: 2;
-  padding: 0 0 0 50px;
+  padding: 0 0 0 60px;
   box-sizing: border-box;
 }
 
@@ -288,8 +289,8 @@
   overflow-y: auto;
   overflow-x: hidden;
   top: 110px;
-  left: 50px;
-  width: calc(100% - 50px);
+  left: 60px;
+  width: calc(100% - 60px);
   height: calc(100% - 110px);
   position: absolute;
 }
@@ -474,7 +475,7 @@
   opacity: 0.01;
   /* setting display=none makes initial script may not work properly */
   transform-origin: top;
-  padding-left: 50px;
+  padding-left: 60px;
 }
 
 #_cbhtml {
@@ -638,10 +639,7 @@
   outline: none !important;
 }
 
-.is-section.is-section-navbar .is-section-tool {
-  right: 50px;
-}
-
-.is-section.is-section-navbar .is-box-tool {
-  left: calc(50% - 70px) !important;
+.is-section.is-section-navbar,
+.is-section.is-section-navbar .is-topbar {
+  width: calc(100% - 60px);
 }

package/public/contentbox/contentbox.esm.js

@@ -3647,7 +3647,8 @@ class EditSection {
       activeSection.parentNode.removeChild(activeSection); //Trigger Render event
 
       this.builder.settings.onRender();
-      this.builder.editor.util.hideModal(modalDelConfirm); //Trigger Change event
+      this.builder.editor.util.hideModal(modalDelConfirm);
+      this.builder.editor.util.clearControls(); //Trigger Change event
 
       this.builder.settings.onChange(); // //Hide box tool
       // let boxTool = document.querySelector('#divBoxTool');
@@ -3827,6 +3828,9 @@ class EditSection {
         section.style.backgroundImage = ''; //remove gradient
 
         btnSectionBgColor.style.backgroundColor = s; // preview
+        //Trigger Change event
+
+        this.builder.onChange();
       }, bgcolor);
     }); // Section Background Gradient
 
@@ -3836,7 +3840,10 @@ class EditSection {
 
       const section = this.builder.activeSection;
       let gradientPicker = this.builder.editor.gradientpicker();
-      gradientPicker.open(section);
+      gradientPicker.open(section, () => {
+        //Trigger Change event
+        this.builder.onChange();
+      });
     });
   }
 
@@ -11071,7 +11078,10 @@ class EditBox {
         if (overlay.style.filter) {
           overlay.style.filter = overlay.style.filter.replace('grayscale(1)', '');
         }
-      }
+      } //Trigger Change event
+
+
+      this.builder.onChange();
     });
     const chkBoxAddText = modalEditBox.querySelector('.cmd-box-addtext');
     chkBoxAddText.addEventListener('click', () => {
@@ -11127,6 +11137,9 @@ class EditBox {
         overlay.style.backgroundImage = ''; //remove gradient
 
         btnBoxBgColor.style.backgroundColor = s; // preview
+        //Trigger Change event
+
+        this.builder.onChange();
       }, bgcolor);
     }); // Box Background Gradient
 
@@ -11141,6 +11154,9 @@ class EditBox {
         activeBox.style.backgroundColor = ''; // clean old
 
         activeBox.style.backgroundImage = ''; // clean old
+        //Trigger Change event
+
+        this.builder.onChange();
       });
     }); // Box Overlay Color
 
@@ -11194,7 +11210,9 @@ class EditBox {
         }
 
         btnBoxOverlayColor.style.backgroundColor = s; // preview
+        //Trigger Change event
 
+        this.builder.onChange();
         return false;
       }, color); //Note: if color empty, colorpicker will stay with its previous color
     }); // Click to Open Media Select Dialog
@@ -89904,11 +89922,13 @@ var pace = {exports: {}};
         checkInterval: 100,
         selectors: ['body']
       },
-      eventLag: {
-        minSamples: 10,
-        sampleCount: 3,
-        lagThreshold: 3
-      },
+      eventLag: false,
+      // https://github.com/CodeByZach/pace/issues/510
+      // eventLag: {
+      // 	minSamples: 10,
+      // 	sampleCount: 3,
+      // 	lagThreshold: 50,//3
+      // },
       ajax: {
         trackMethods: ['GET'],
         trackWebSockets: true,
@@ -91129,11 +91149,12 @@ class ContentStuff {
             left: 1px;
             right: 1px;
           }
-          
+          /*
           .content-edit .is-section-tool,
           .content-edit .is-box-tool {
             display: none !important;
           }
+          */
           .content-edit .box-hover {
             outline: none !important;
           }
@@ -91241,7 +91262,8 @@ class ContentBox {
           }
       ]
       */
-      featuredCategories: [{
+      featuredCategories: [// to configure your own, please see the template's JSON file (eg. templates.js)
+      {
         id: 1,
         designId: 1,
         name: 'Basic'
@@ -94090,7 +94112,7 @@ class ContentBox {
       const EXPIRE_DATE = JSON.parse(localStorage.getItem(NAMESPACE)).expiresOn;
 
       if (Date.now() > EXPIRE_DATE) {
-        console.log('session expired');
+        // console.log('session expired');
         showProgress = true; // reset
 
         localStorage.setItem(NAMESPACE, JSON.stringify({
@@ -94314,8 +94336,8 @@ class ContentBox {
           let url = link.getAttribute('href');
 
           if (url) {
-            // Will go to the link
             if (url.indexOf('#') === 0) {
+              // Will go to bookmark
               if (url.indexOf('#section') === 0) {
                 let num = url.replace('#section', '');
 
@@ -94350,12 +94372,17 @@ class ContentBox {
                 } catch (e) {// Do Nothing
                 }
               }
+            } else {
+              // Prevent to go to the link
+              e.preventDefault();
+              e.stopImmediatePropagation();
             }
-          } // if(link.closest('.is-menu-search'))  return;
-          // if(link.closest('.is-menu-toggle'))  return;
-          // e.preventDefault();
-          // e.stopImmediatePropagation();
-
+          } else {
+            if (link.closest('.is-menu-search')) ; else {
+              e.preventDefault();
+              e.stopImmediatePropagation();
+            }
+          }
         });
       });
     }