@innovastudio/contentbox 1.4.46 → 1.4.48

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -1001,7 +1001,13 @@ class SideBar {
 
   viewHtml() {
     const builderStuff = this.builderStuff;
-    var html = this.builder.html(true); //For View
+    let html;
+
+    if (this.builder.actualHTML) {
+      html = this.builder.html();
+    } else {
+      html = this.builder.html(true); //For View
+    }
 
     builderStuff.querySelector('#inpViewHtml').value = html;
     let elms = builderStuff.querySelectorAll('[data-source-active]');
@@ -1027,7 +1033,13 @@ class SideBar {
   viewHtml2() {
     const builderStuff = this.builderStuff; //document.body.style.overflow = 'hidden';
 
-    let html = this.builder.html(true); //For View
+    let html;
+
+    if (this.builder.actualHTML) {
+      html = this.builder.html();
+    } else {
+      html = this.builder.html(true); //For View
+    }
 
     builderStuff.querySelector('#inpViewHtml').value = html;
   }
@@ -17757,10 +17769,8 @@ class Util {
     dom.addClass(pop, 'active');
 
     const handleClickOut = e => {
-      if (!pop.contains(e.target) && !btn.contains(e.target)) {
+      if (!pop.contains(e.target) && !btn.contains(e.target) && !e.target.closest('.pickcolormore')) {
         // click outside
-        const pickcolormore = document.querySelector('.pickcolormore.active');
-        if (pickcolormore) if (pickcolormore.contains(e.target)) return;
         this.hideRtePop(pop); // hide
 
         pop.removeEventListener('keydown', handleKeyDown);
@@ -93958,7 +93968,8 @@ class AnimateScroll {
                             </div>
 
                             <div class="flex-wrap" style="margin-top:15px;">
-                                <button title="${out('Disable Smooth Animation')}" class="cmd-disable-smoothanim" data-value="data-center" style="padding-left:15px;padding-right: 15px;">${out('Disable Smooth Animation')}</button>
+                                <button title="${out('Disable Smooth Animation')}" class="cmd-disable-smoothanim" style="padding-left:15px;padding-right: 15px;">${out('Disable Smooth Animation')}</button>
+                                <button title="${out('Hidden on Start')}" class="cmd-hidden-onstart" style="padding-left:15px;padding-right: 15px;">${out('Hidden on Start')}</button>
                             </div>
 
                             <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">
@@ -95859,6 +95870,16 @@ class AnimateScroll {
 
       this.applySimpleScroll();
     });
+    const btnHiddenOnStart = this.divAnimScrollSimple.querySelector('.cmd-hidden-onstart');
+    btnHiddenOnStart.addEventListener('click', () => {
+      if (btnHiddenOnStart.classList.contains('on')) {
+        btnHiddenOnStart.classList.remove('on');
+      } else {
+        btnHiddenOnStart.classList.add('on');
+      }
+
+      this.applySimpleScroll();
+    });
     const chkLivePreview = this.builder.sidebar.pageQuickSettings.querySelector('.cmd-live-preview');
     chkLivePreview.addEventListener(this.builder.isTouchSupport ? 'touchstart' : 'click', () => {
       if (chkLivePreview.checked) {
@@ -96465,6 +96486,14 @@ class AnimateScroll {
       } else {
         btn.classList.remove('on');
       }
+    });
+    const btnHiddenOnStart = this.modalAnimateScroll.querySelectorAll('.cmd-hidden-onstart');
+    btnHiddenOnStart.forEach(btn => {
+      if (activeElement.hasAttribute('data-hidden-onstart')) {
+        btn.classList.add('on');
+      } else {
+        btn.classList.remove('on');
+      }
     }); // Simple Scroll
 
     const inpSimpleScrollX_Start = this.modalAnimateScroll.querySelector('.inp-simplescroll-x-start');
@@ -97247,6 +97276,14 @@ class AnimateScroll {
       activeElement.removeAttribute('data-smooth-scrolling');
     }
 
+    const btnHiddenOnStart = this.divAnimScrollSimple.querySelector('.cmd-hidden-onstart');
+
+    if (btnHiddenOnStart.classList.contains('on')) {
+      activeElement.setAttribute('data-hidden-onstart', '');
+    } else {
+      activeElement.removeAttribute('data-hidden-onstart');
+    }
+
     activeElement.style.transform = '';
     activeElement.style.transition = '';
     activeElement.style.opacity = ''; // console.log(activeElement);
@@ -98007,6 +98044,7 @@ class ContentBox {
       absolutePath: false,
       maxEmbedImageWidth: 1600,
       zoom: 0.6,
+      actualHTML: 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: {