@innovastudio/contentbuilder 1.0.70 → 1.0.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbuilder",
-  "version": "1.0.70",
+  "version": "1.0.74",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -10838,6 +10838,13 @@ class Snippets {
                         if (snippetPathReplace[0] != '') {
                             var regex = new RegExp(snippetPathReplace[0], 'g');
                             html = html.replace(regex, snippetPathReplace[1]);
+
+                            /* for encoded replace, change / to %2F  */
+                            var slash = new RegExp('/', 'g');
+                            var snippetPathReplace_0 = snippetPathReplace[0].replace(slash, '%2F');
+                            var snippetPathReplace_1 = snippetPathReplace[1].replace(slash, '%2F');
+                            regex = new RegExp(snippetPathReplace_0, 'g');
+                            html = html.replace(regex, snippetPathReplace_1);
                         }
                     }
                     
@@ -39291,11 +39298,12 @@ class Image {
             }
 
             util.showModal(modalImageSelect);
-            this.builder.targetInput = modalImageLink.querySelector('.input-src'); // used by selectAsset() (see contentbuilder.js)
-
-            this.builder.targetCallback = null;
-            this.builder.targetAssetType = 'image';
           }
+
+          this.builder.targetInput = modalImageLink.querySelector('.input-src'); // used by selectAsset() (see contentbuilder.js)
+
+          this.builder.targetCallback = null;
+          this.builder.targetAssetType = 'image';
         });
         elm = modalImageLink.querySelector('.input-select2');
         if (elm) dom$w.addEventListener(elm, 'click', () => {
@@ -39317,11 +39325,12 @@ class Image {
             }
 
             util.showModal(modalImageSelect);
-            this.builder.targetInput = modalImageLink.querySelector('.input-link'); // used by selectAsset() (see contentbuilder.js)
-
-            this.builder.targetCallback = null;
-            this.builder.targetAssetType = 'media';
           }
+
+          this.builder.targetInput = modalImageLink.querySelector('.input-link'); // used by selectAsset() (see contentbuilder.js)
+
+          this.builder.targetCallback = null;
+          this.builder.targetAssetType = 'media';
         });
       } else {
         dom$w.removeClass(divImageSrc, 'image-select');
@@ -41442,12 +41451,12 @@ class Hyperlink {
           }
 
           util.showModal(modalFileSelect, false, null, false);
-          this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
-
-          this.builder.targetCallback = null;
-          this.builder.targetAssetType = 'all';
         }
 
+        this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
+
+        this.builder.targetCallback = null;
+        this.builder.targetAssetType = 'all';
         e.preventDefault();
         e.stopImmediatePropagation();
       });
@@ -41539,6 +41548,11 @@ class Hyperlink {
 
           util.showModal(modalFileSelect, false, null, false);
         }
+
+        this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
+
+        this.builder.targetCallback = null;
+        this.builder.targetAssetType = 'all';
       });
     } else {
       modal.querySelector('.input-select').style.display = 'none';
@@ -42971,11 +42985,12 @@ class Video {
           }
 
           util.showModal(modalVideoSelect);
-          this.builder.targetInput = videoModal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
-
-          this.builder.targetCallback = null;
-          this.builder.targetAssetType = 'video';
         }
+
+        this.builder.targetInput = videoModal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
+
+        this.builder.targetCallback = null;
+        this.builder.targetAssetType = 'video';
       });
       let fileLargerVideo = videoModal.querySelector('#fileVideo1');
       dom$p.addEventListener(fileLargerVideo, 'change', e => {
@@ -45805,11 +45820,12 @@ class ColumnTool {
             }
 
             util.showModal(modalImageSelect);
-            this.builder.targetInput = imageSource.querySelector('.input-src'); // used by selectAsset() (see contentbuilder.js)
-
-            this.builder.targetCallback = null;
-            this.builder.targetAssetType = 'image';
           }
+
+          this.builder.targetInput = imageSource.querySelector('.input-src'); // used by selectAsset() (see contentbuilder.js)
+
+          this.builder.targetCallback = null;
+          this.builder.targetAssetType = 'image';
         });
       } else {
         dom$l.removeClass(divImageSrc, 'image-select');
@@ -46192,6 +46208,15 @@ class ColumnTool {
         const inpSrc = this.cellSettings.querySelector('.input-src');
         elm = this.cellSettings.querySelector('.input-select');
         if (elm) dom$l.addEventListener(elm, 'click', () => {
+          //---default
+          this.builder.targetInput = inpSrc; // used by selectAsset() (see contentbuilder.js)
+
+          this.builder.targetCallback = () => {
+            this.applyClick();
+          };
+
+          this.builder.targetAssetType = 'media'; //---/default
+
           if (this.builder.opts.onFileSelectClick) {
             this.builder.opts.onFileSelectClick({
               targetInput: inpSrc,
@@ -52861,7 +52886,13 @@ class Rte {
         html_iconrte = html_iconrte + `<button title="${util.out('More')}" class="rte-more"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-more"></use></svg></button>`;
       }
       /* /Icon Buttons */
-      // <div class="is-draggable" style="width: 5px;height: 45pxpx;background:#fff;cursor: move;"></div>
+
+
+      let html_fontsizes = '';
+
+      for (j = 0; j < builder.opts.defaultFontSizes.length; j++) {
+        html_fontsizes += `<button title="${builder.opts.defaultFontSizes[j]}px" data-value="${builder.opts.defaultFontSizes[j]}">${builder.opts.defaultFontSizes[j]}</button>`;
+      } // <div class="is-draggable" style="width: 5px;height: 45pxpx;background:#fff;cursor: move;"></div>
       // <div style="height:55px;background:#fff;border-top:#f5f5f5 1px solid;">
       // </div>
 
@@ -52936,23 +52967,7 @@ class Rte {
                 <div>
                     <div class="is-label">${util.out('Font Size')}</div>
                     <div class="rte-fontsize-options" style="display: flex;flex-flow: wrap;">
-                        <button title="14px" data-value="14">14</button>
-                        <button title="16px" data-value="16">16</button>
-                        <button title="18px" data-value="18">18</button>
-                        <button title="21px" data-value="21">21</button>
-                        <button title="24px" data-value="24">24</button>
-                        <!--<button title="28px" data-value="28">28</button>-->
-                        <button title="32px" data-value="32">32</button>
-                        <!--<button title="38px" data-value="38">38</button>-->
-                        <button title="48px" data-value="48">48</button>
-                        <!--<button title="60px" data-value="60">60</button>-->
-                        <button title="76px" data-value="76">76</button>
-                        <button title="96px" data-value="96">96</button>
-
-                        <button title="120px" data-value="120">120</button>
-                        <!--<button title="160px" data-value="160">160</button>-->
-                        <button title="200px" data-value="200">200</button>
-                        <button title="300px" data-value="300">300</button>
+                        ${html_fontsizes}
 
                         <button title="${util.out('Decrease')}" data-value="-" style="font-size:13px">-</button>
                         <button title="${util.out('Increase')}" data-value="+" style="font-size:13px">+</button>
@@ -53664,11 +53679,12 @@ class Rte {
           }
 
           util.showModal(modalImageSelect);
-          this.builder.targetInput = modalInsertImage.querySelector('.input-src'); // used by selectAsset() (see contentbuilder.js)
-
-          this.builder.targetCallback = null;
-          this.builder.targetAssetType = 'image';
         }
+
+        this.builder.targetInput = modalInsertImage.querySelector('.input-src'); // used by selectAsset() (see contentbuilder.js)
+
+        this.builder.targetCallback = null;
+        this.builder.targetAssetType = 'image';
       });
     } else {
       dom$5.removeClass(inputImageInsertSrc, 'image-select');
@@ -57669,7 +57685,8 @@ class ContentBuilder {
       clearPreferences: false,
       toolbarAddSnippetButton: false,
       animateModal: true,
-      fontSizeClassValues: [12, 14, 16, 18, 21, 24, 28, 32, 35, 38, 42, 46, 48, 50, 54, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, 104, 108, 112, 116, 120, 124, 128, 132, 136, 140, 144, 148, 152, 156, 160, 164, 168, 172, 176, 180, 184, 188, 192, 196, 200, 204, 208, 212, 216, 220, 224, 228, 232, 236, 240, 244, 248, 252, 256, 260, 264, 268, 272, 276, 280, 284, 288, 292, 296, 300, 304, 308, 312, 316, 320, 324, 328, 332, 336, 340, 344, 348, 352, 356, 360, 364, 368, 372, 376, 380, 384, 388, 392, 396, 400],
+      defaultFontSizes: [16, 17, 18, 19, 24, 32, 48, 76, 96, 120, 200, 300],
+      fontSizeClassValues: [12, 14, 15, 16, 17, 18, 19, 21, 24, 28, 32, 35, 38, 42, 46, 48, 50, 54, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, 104, 108, 112, 116, 120, 124, 128, 132, 136, 140, 144, 148, 152, 156, 160, 164, 168, 172, 176, 180, 184, 188, 192, 196, 200, 204, 208, 212, 216, 220, 224, 228, 232, 236, 240, 244, 248, 252, 256, 260, 264, 268, 272, 276, 280, 284, 288, 292, 296, 300, 304, 308, 312, 316, 320, 324, 328, 332, 336, 340, 344, 348, 352, 356, 360, 364, 368, 372, 376, 380, 384, 388, 392, 396, 400],
 
       /* If not empty, applying font size will apply class: size-12, size-14, and so on. All responsive, defined in content.css */
       gradientcolors: [['linear-gradient(0deg, rgb(255, 57, 25), rgb(249, 168, 37))'], ['linear-gradient(0deg, rgb(255, 57, 25), rgb(255, 104, 15))'], ['linear-gradient(0deg, #FF5722, #FF9800)'], ['linear-gradient(0deg, #613ca2, rgb(110, 123, 217))'], ['linear-gradient(0deg, rgb(65, 70, 206), rgb(236, 78, 130))'], ['linear-gradient(0deg, rgb(0, 150, 102), rgb(90, 103, 197))'], ['linear-gradient(30deg, rgb(249, 119, 148), rgb(98, 58, 162))'], ['linear-gradient(0deg, rgb(223, 70, 137), rgb(90, 103, 197))'], ['linear-gradient(0deg, rgb(40, 53, 147), rgb(90, 103, 197))'], ['linear-gradient(0deg, rgb(21, 101, 192), rgb(52, 169, 239))'], ['linear-gradient(0deg, rgb(32, 149, 219), rgb(139, 109, 230))'], ['linear-gradient(0deg, rgb(90, 103, 197), rgb(0, 184, 201))'], ['linear-gradient(0deg, rgb(0, 184, 201), rgb(253, 187, 45))'], ['linear-gradient(0deg, rgb(255, 208, 100), rgb(239, 98, 159))'], ['linear-gradient(0deg, rgb(0, 214, 223), rgb(130, 162, 253))'], ['linear-gradient(0deg, rgb(50, 234, 251), rgb(248, 247, 126))'], ['linear-gradient(0deg, rgb(141, 221, 255), rgb(255, 227, 255))'], ['linear-gradient(0deg, rgb(255, 170, 170), rgb(255, 255, 200))'], ['linear-gradient(0deg, rgb(239, 239, 239), rgb(252, 252, 252))']],