@innovastudio/contentbuilder 1.5.119 → 1.5.121

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.119",
+  "version": "1.5.121",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "types": "index.d.ts",

package/public/contentbuilder/contentbuilder.esm.js

@@ -5220,25 +5220,23 @@ class Util {
       if (item.classList.contains('is-row-tool')) return;
       if (item.classList.contains('is-col-tool')) return;
       if (item.classList.contains('is-rowadd-tool')) return;
+      item.style.width = '';
+      item.style.flex = '';
+      // if(item.getAttribute('data-html')) {
+      //     // Don't change width on custom block
+      //     if(!item.style.width) { // But if width is not set, add default 50%
+      //         item.style.width = '50%';
+      //         item.style.flex = '0 0 auto';
+      //     } 
+      //     if(this.getAllColumns(row).length === 1) { // only 1 col in a row
+      //         item.style.width = '';
+      //         item.style.flex = '';
+      //     }
+      // } else {
+      //     item.style.width = '';
+      //     item.style.flex = '';
+      // }
 
-      // item.style.width = '';
-      // item.style.flex = '';
-      if (item.getAttribute('data-html')) {
-        // Don't change width on custom block
-        if (!item.style.width) {
-          // But if width is not set, add default 50%
-          item.style.width = '50%';
-          item.style.flex = '0 0 auto';
-        }
-        if (this.getAllColumns(row).length === 1) {
-          // only 1 col in a row
-          item.style.width = '';
-          item.style.flex = '';
-        }
-      } else {
-        item.style.width = '';
-        item.style.flex = '';
-      }
       if (item.classList.contains('sm-hidden')) {
         smHidden = true;
       }
@@ -18071,8 +18069,7 @@ const renderSnippetPanel = (builder, snippetOpen) => {
   // let safariAgent = false;
 
   let activeBuilderArea;
-
-  // let itemHeight;
+  let itemHeight;
 
   /*
   const isMobile = dom.detectMobileOrTablet();
@@ -18103,8 +18100,7 @@ const renderSnippetPanel = (builder, snippetOpen) => {
 
     sort: false,
     animation: 150,
-    onChoose: () => {
-      //evt
+    onChoose: evt => {
       // Adjust temmporary
       const newCss = `
             <style id="css-scale">
@@ -18116,9 +18112,7 @@ const renderSnippetPanel = (builder, snippetOpen) => {
                 }
             </style>
             `;
-
-      // itemHeight = evt.item.offsetHeight;
-
+      itemHeight = evt.item.offsetHeight;
       if (builder.iframe) {
         const oldCss = builder.contentStuff.querySelector('#css-scale');
         if (oldCss) oldCss.parentNode.removeChild(oldCss);
@@ -18134,18 +18128,17 @@ const renderSnippetPanel = (builder, snippetOpen) => {
       builder.util.clearPops();
       builder.hideElementTools();
     },
-    /*
-    onClone:  (evt) =>{
-        // fix broken image on cloned element
-        var cloneEl = evt.clone;
-        let img = cloneEl.querySelector('img');
-        img.style.opacity = 0.0001;
-        cloneEl.style.height = itemHeight + 'px';
-        let timestamp = new Date().getTime();
-        img.src = img.src+'?'+timestamp;
-        img.style.opacity = '';
+    onClone: evt => {
+      // fix broken image on cloned element
+      var cloneEl = evt.clone;
+      let img = cloneEl.querySelector('img');
+      img.style.opacity = 0.0001;
+      cloneEl.style.height = itemHeight + 'px';
+      let timestamp = new Date().getTime();
+      let separator = img.src.includes('?') ? '&' : '?';
+      img.src = img.src + separator + timestamp;
+      img.style.opacity = '';
     },
-    */
     onMove: () => {
       let emptyinfo = builder.doc.querySelector('.row-add-initial'); // if there is empty info, remove it during snippet drag drop
       // if(emptyinfo) emptyinfo.parentNode.removeChild(emptyinfo);