@innovastudio/contentbox 1.4.56 → 1.4.58

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.4.56",
+  "version": "1.4.58",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -46,7 +46,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.3.61",
+    "@innovastudio/contentbuilder": "^1.3.63",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -4620,9 +4620,11 @@ class EditSection {
   }
 
   sectionBottom() {
-    const activeSection = this.builder.activeSection;
-    let nodes = this.builder.wrapperEl.querySelectorAll('.is-section:not(.is-static)'); // let first = nodes[0];
+    const activeSection = this.builder.activeSection; // let nodes = this.builder.wrapperEl.querySelectorAll('.is-section:not(.is-static)');
 
+    let nodes = Array.from(this.builder.wrapperEl.children).filter(item => {
+      return item.classList.contains('is-section');
+    });
     let last = nodes[nodes.length - 1];
     activeSection.parentNode.insertBefore(activeSection, last.nextElementSibling); //Trigger Render event
 
@@ -30833,7 +30835,7 @@ const renderQuickAdd = builder => {
     elm = quickadd.querySelector('.add-button');
     if (elm) dom.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      let html = `<div style="white-space: nowrap;">
+      let html = `<div>
                 <a href="#" role="button" class="transition-all inline-block cursor-pointer no-underline border-2 border-solid border-transparent ml-1 mr-1 mt-2 mb-2 hover:border-transparent rounded bg-gray-200 hover:bg-gray-300 tracking-50 uppercase py-2 size-14 px-6 font-semibold text-gray-600 leading-relaxed">Read More</a>
             </div>`;
 
@@ -30846,7 +30848,7 @@ const renderQuickAdd = builder => {
     elm = quickadd.querySelector('.add-twobutton');
     if (elm) dom.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      let html = `<div style="white-space: nowrap;">
+      let html = `<div>
                 <a href="#" role="button" class="transition-all inline-block cursor-pointer no-underline border-2 border-solid border-transparent ml-1 mr-1 mt-2 mb-2 hover:border-transparent rounded bg-gray-200 hover:bg-gray-300 tracking-50 uppercase py-2 size-14 px-6 font-semibold text-gray-600 leading-relaxed">Read More</a>
                 <a href="#" role="button" class="transition-all inline-block cursor-pointer no-underline border-2 border-solid ml-1 mr-1 mt-2 mb-2 rounded tracking-50 uppercase py-2 size-14 px-6 border-current hover:border-transparent hover:text-white font-semibold text-indigo-500 hover:bg-indigo-500 leading-relaxed">Get Started</a>
             </div>`;
@@ -90778,11 +90780,10 @@ class ContentBuilder {
       this.dom.addClass(row, 'row-outline');
     } //this.getState();
     // Call onContentClick to indicate click on editable content (eg. for plugin usage)
+    // if (!col.hasAttribute('data-html')) {
 
 
-    if (!col.hasAttribute('data-html')) {
-      if (this.opts.onContentClick) this.opts.onContentClick(e);
-    }
+    if (this.opts.onContentClick) this.opts.onContentClick(e); // }
 
     this.element.click(col, e);
     this.colTool.click(col);
@@ -100233,6 +100234,7 @@ class ContentBox {
       zoom: 0.6,
       shortenHTML: true,
       advancedTimeline: false,
+      livePreviewOpen: false,
       contentStyleWithSample: false,
       contentSizes: [300, 320, 340, 360, 380, 400, 420, 440, 460, 480, 500, 520, 540, 560, 580, 600, 620, 640, 660, 680, 700, 720, 740, 760, 780, 800, 820, 840, 860, 880, 900, 920, 940, 960, 970, 980, 1000, 1020, 1040, 1050, 1060, 1080, 1100, 1120, 1140, 1160, 1180, 1200, 1220, 1240, 1260, 1280, 1300, 1320, 1340, 1360, 1380, 1400, 1420, 1440, 1460, 1480, 1500, 1520, 1540, 1560, 1580, 1600, 1620, 1640, 1660, 1680, 1700, 1720, 1740, 1760, 1780, 1800, 1820, 1840, 1860, 1880, 1900, 1920, 1940, 1960, 1980, 2000, 2020, 2040, 2060, 2080, 2100, 2120, 2140, 2160, 2180, 2200, 2220, 2240, 2260, 2280, 2300, 2320, 2340, 2360, 2380, 2400, 2420, 2440, 2460, 2480, 2500, 2520, 2540, 2560, 2580, 2600, 2620, 2640, 2660, 2680, 2700],
       contentStyles: {
@@ -103206,6 +103208,10 @@ class ContentBox {
 
       if (localStorage.getItem('_livepreview') != null) {
         this.openPreview();
+      } else {
+        if (this.settings.livePreviewOpen) {
+          this.openPreview();
+        }
       }
 
       if (localStorage.getItem('_disableanimation') != null) {
@@ -104791,7 +104797,8 @@ class ContentBox {
     let html = this.html(); // this.builderStuff.parentNode.removeChild(this.builderStuff);
 
     this.builderStuff.innerHTML = '';
-    dom.removeClass(document.body, 'sidebar-active'); // Remove special css
+    dom.removeClass(document.body, 'sidebar-active');
+    document.body.removeAttribute('data-skrollrr-off'); // Remove special css
 
     const cbContentStyle = this.doc.querySelector('#_contentbox_css');
     if (cbContentStyle) cbContentStyle.parentNode.removeChild(cbContentStyle);