@innovastudio/contentbox 1.4.47 → 1.4.49

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.4.47",
+  "version": "1.4.49",
   "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.shortenHTML) {
+      html = this.builder.html(true); //For View
+    } else {
+      html = this.builder.html();
+    }
 
     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.shortenHTML) {
+      html = this.builder.html(true); //For View
+    } else {
+      html = this.builder.html();
+    }
 
     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);
@@ -98034,6 +98044,7 @@ class ContentBox {
       absolutePath: false,
       maxEmbedImageWidth: 1600,
       zoom: 0.6,
+      shortenHTML: true,
       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: {