@innovastudio/contentbox 1.5.49 → 1.5.50

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.5.49",
+  "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.39",
+    "@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>
 
@@ -91717,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');
   }