@innovastudio/contentbox 1.5.47 → 1.5.49

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -73746,7 +73746,9 @@ class ColumnTool {
                     <label for="inpCellImageBgSource" style="display:block">${util.out('Source')}:</label>
                     <div class="image-src">
                         <input id="inpCellImageBgSource" class="input-src" type="text">
-                        <button title="${util.out('Select')}" class="input-select" style="flex:none;"><svg class="is-icon-flex"><use xlink:href="#ion-more"></use></svg></button>
+                        <button title="${util.out('Select')}" class="input-select" style="flex:none;">
+                            ${this.builder.opts.selectIcon}
+                        </button>
                         <div class="image-larger3 input-upload" style="position: relative; flex: 0 0 auto;box-shadow: rgba(0, 0, 0, 0.32) 0px 3px 6px -6px;">
                             <form class="form-upload-larger" target="frameTargetCellImageUpload" method="post" action="${this.builder.opts.largerImageHandler}" enctype="multipart/form-data" style="position:absolute;display:flex;justify-content: center;align-items: center;top:0;left:0;width:100%;height:100%;">
                                 <input id="hidRefId3" name="hidRefId" type="hidden" value="">
@@ -76424,7 +76426,9 @@ class ElementGeneralStyles {
                             <svg class="is-icon-flex"><use xlink:href="#ion-image"></use></svg>
                             <span style="margin-left: 5px;">${util.out('Image')}</span>
                         </button>
-                        <button title="${util.out('Select')}" class="input-select"><svg class="is-icon-flex"><use xlink:href="#ion-more"></use></svg></button>
+                        <button title="${util.out('Select')}" class="input-select">
+                            ${this.builder.opts.selectIcon}
+                        </button>
                         <button title="${util.out('Remove')}" class="input-elm-bgremove"><svg class="is-icon-flex" style="width:11px;height:11px;"><use xlink:href="#icon-clean"></use></svg></button>
                         <button title="${util.out('Adjust')}" class="input-elm-bgimageadjust" style="width:40px"><svg class="is-icon-flex" style="width:13px;height:13px;flex:none"><use xlink:href="#ion-wrench"></use></svg></button>
                     </div>
@@ -91955,7 +91959,10 @@ class LivePreview {
                   if (!container) container = iframeDocument.querySelector('.is-container');
 
                   if (container) {
-                    container.innerHTML = html;
+                    // container.innerHTML = html;
+                    let range = this.builder.doc.createRange();
+                    container.innerHTML = '';
+                    container.appendChild(range.createContextualFragment(html));
                   } else {
                     iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
                   }
@@ -91996,8 +92003,11 @@ class LivePreview {
               } else {
                 // sync. html
                 let html = localStorage.getItem('preview-html');
-                let wrapper = iframeDocument.querySelector('.is-wrapper');
-                wrapper.innerHTML = html; // sync. styles
+                let wrapper = iframeDocument.querySelector('.is-wrapper'); // wrapper.innerHTML = html;
+
+                let range = this.builder.doc.createRange();
+                wrapper.innerHTML = '';
+                wrapper.appendChild(range.createContextualFragment(html)); // sync. styles
                 // let mainCss = localStorage.getItem('preview-maincss'); 
                 // let sectionCss = localStorage.getItem('preview-sectioncss');