@innovastudio/contentbox 1.6.156 → 1.6.157

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -25779,16 +25779,30 @@ class ControlPanel {
         this.builder.iframePanel.setScreenMode('desktop');
       }
     } else if (this.builder.iframeSrc && this.builder.controlPanel) {
-      const controlPanel = this.controlPanel;
-      const btnToggleDevice = controlPanel.querySelector('.btn-toggledevice');
+      // const controlPanel = this.controlPanel;
+      // const btnToggleDevice = controlPanel.querySelector('.btn-toggledevice');
+      // const screenMode = this.builder.screenMode;
+      // if(screenMode!=='fullview') {
+      //     this.builder.iframePanel.setScreenMode('fullview');
+      //     btnToggleDevice.classList.remove('on');
+      // } else {
+      //     this.builder.iframePanel.setScreenMode('desktop');
+      //     btnToggleDevice.classList.add('on');
+      // }
       const screenMode = this.builder.screenMode;
 
-      if (screenMode !== 'fullview') {
-        this.builder.iframePanel.setScreenMode('fullview');
-        btnToggleDevice.classList.remove('on');
-      } else {
+      if (screenMode === 'desktop-lg') {
         this.builder.iframePanel.setScreenMode('desktop');
-        btnToggleDevice.classList.add('on');
+      } else if (screenMode === 'desktop') {
+        this.builder.iframePanel.setScreenMode('tablet-landscape');
+      } else if (screenMode === 'tablet-landscape') {
+        this.builder.iframePanel.setScreenMode('tablet');
+      } else if (screenMode === 'tablet') {
+        this.builder.iframePanel.setScreenMode('mobile');
+      } else if (screenMode === 'mobile') {
+        this.builder.iframePanel.setScreenMode('fullview');
+      } else if (screenMode === 'fullview') {
+        this.builder.iframePanel.setScreenMode('desktop-lg');
       }
     }
   }
@@ -154490,18 +154504,16 @@ class IframePanel {
       tool.querySelectorAll('button').forEach(btn => btn.classList.remove('active'));
       const btn = tool.querySelector(`[data-command="${screenMode}"]`);
       if (btn) btn.classList.add('active'); // set on/off toggle device button
-
-      if (this.builder.controlpanel) {
-        const btnToggleDevice = this.builder.controlpanel.controlPanel.querySelector('.btn-toggledevice');
-
-        if (btnToggleDevice) {
-          if (screenMode !== 'fullview') {
-            btnToggleDevice.classList.add('on');
-          } else {
-            btnToggleDevice.classList.remove('on');
-          }
-        }
-      }
+      // if(this.builder.controlpanel) {
+      //     const btnToggleDevice = this.builder.controlpanel.controlPanel.querySelector('.btn-toggledevice');
+      //     if(btnToggleDevice) {
+      //         if(screenMode!=='fullview') {
+      //             btnToggleDevice.classList.add('on');
+      //         } else {
+      //             btnToggleDevice.classList.remove('on');
+      //         }
+      //     }
+      // }
 
       this.loadIframe();
       let btns = tool.querySelectorAll('button');
@@ -154676,19 +154688,17 @@ class IframePanel {
     }
 
     if (screenMode !== 'fullview') tool.querySelector(`button[data-command="${screenMode}"]`).classList.add('active'); // set on/off toggle device button
-
-    if (this.builder.controlpanel) {
-      const btnToggleDevice = this.builder.controlpanel.controlPanel.querySelector('.btn-toggledevice');
-
-      if (btnToggleDevice) {
-        if (screenMode !== 'fullview') {
-          btnToggleDevice.classList.add('on');
-        } else {
-          btnToggleDevice.classList.remove('on');
-        }
-      }
-    } // Refresh Part 2
-
+    // if(this.builder.controlpanel) {
+    //     const btnToggleDevice = this.builder.controlpanel.controlPanel.querySelector('.btn-toggledevice');
+    //     if(btnToggleDevice) {
+    //         if(screenMode!=='fullview') {
+    //             btnToggleDevice.classList.add('on');
+    //         } else {
+    //             btnToggleDevice.classList.remove('on');
+    //         }
+    //     }
+    // }
+    // Refresh Part 2
 
     if (hasPin) {
       setTimeout(() => {