@innovastudio/contentbox 1.5.48 → 1.5.50

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -4100,11 +4100,11 @@ class EditSection {
                     <div class="div-visibility" style="display:flex;">
                         <button title="${out('Visible')}" class="input-visible on" style="width:100px;height:34px;">
                             <svg class="is-icon-flex" style="width:16px;height:16px"><use xlink:href="#icon-eye"></use></svg>
-                            <span>${out('Visible')}</span>
+                            <span style="margin-left:5px">${out('Visible')}</span>
                         </button>
                         <button title="${out('Hidden')}" class="input-hidden" style="width:100px;height:34px;">
                             <svg class="is-icon-flex" style="width:16px;height:16px"><use xlink:href="#icon-eye-off"></use></svg>
-                            <span>${out('Hidden')}</span>
+                            <span style="margin-left:5px">${out('Hidden')}</span>
                         </button>
                     </div>
 
@@ -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>
@@ -91713,6 +91717,24 @@ class Responsive {
 
   readTarget(area) {
     const inp = area.querySelector('.input-device.on');
+    const target = inp.getAttribute('data-value');
+
+    if (target === '') {
+      this.builder.livePreview.resizePreview(1920);
+    }
+
+    if (target === 'md') {
+      this.builder.livePreview.resizePreview(1024);
+    }
+
+    if (target === 'sm') {
+      this.builder.livePreview.resizePreview(768);
+    }
+
+    if (target === 'xs') {
+      this.builder.livePreview.resizePreview(375);
+    }
+
     return inp.getAttribute('data-value');
   }