@innovastudio/contentbox 1.6.139 → 1.6.141

package/index.d.ts

@@ -224,6 +224,7 @@ interface ContentBoxOptions {
     absolutePath?: boolean;
     maxEmbedImageWidth?: number;
     zoom?: number;
+    shiftDisableBreakpoint?: number;
 
     shortenHTML?: boolean;
     advancedTimeline?: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.139",
+  "version": "1.6.141",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "types": "index.d.ts",
@@ -59,7 +59,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.132",
+    "@innovastudio/contentbuilder": "^1.5.133",
     "js-beautify": "^1.14.0",
     "sortablejs": "^1.15.2"
   }

package/public/contentbox/contentbox.esm.js

@@ -25788,8 +25788,9 @@ class ControlPanel {
 
   open_(what) {
     const viewportWidth = document.documentElement.clientWidth;
+    const shiftDisableBreakpoint = this.builder.shiftDisableBreakpoint !== undefined ? this.builder.shiftDisableBreakpoint : 1322;
 
-    if (viewportWidth <= 1322) {
+    if (viewportWidth <= shiftDisableBreakpoint) {
       document.body.classList.add('shift-off');
     } else {
       document.body.classList.remove('shift-off');
@@ -109935,6 +109936,9 @@ class Dictation {
                 font-size: 14px;
             }
             */
+            .is-modal.commandconfig .is-modal-overlay {
+                background: transparent !important;
+            }
             .is-modal.commandconfig ul {
                 margin: 0;
                 padding: 0 0 0 16px;
@@ -110111,7 +110115,7 @@ class Dictation {
                 align-items: center;">
                     ${util.out('AI Assistant')}</span>
     
-                <button class="is-modal-close" tabindex="-1" title="${util.out('Close')}">
+                <button class="is-modal-close" title="${util.out('Close')}">
                     <svg class="is-icon-flex"style="width:22px;height:22px"><use xlink:href="#ion-ios-close-empty"></use></svg>
                 </button>
             </div>
@@ -110159,13 +110163,20 @@ class Dictation {
             </div>
         </div>
 
-        <div class="is-modal commandconfig" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
-            <div class="is-modal-content" style="max-width:380px;padding:55px 40px 35px;">
-                <div class="is-modal-bar is-draggable">
-                    ${util.out('Settings')}
-                    <button class="is-modal-close" tabindex="-1" title="${util.out('Close')}">&#10005;</button>
-                </div>
-              
+        <div class="is-modal is-modal-content commandconfig" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true" style="top:calc(50% - 250px);left:calc(50% - 191px);max-width:380px;height:auto;z-index: 10005">
+            <div class="is-modal-bar is-draggable" draggable=""> 
+                <span style="display: flex;
+                justify-content: center;
+                align-items: center;">
+                    ${util.out('Settings')}</span>
+    
+                <button class="is-modal-close" title="${util.out('Close')}">
+                    <svg class="is-icon-flex"style="width:22px;height:22px"><use xlink:href="#ion-ios-close-empty"></use></svg>
+                </button>
+            </div>
+
+            <div style="width:100%;border-top:transparent 35px solid;box-sizing:border-box;padding:16px 40px 35px;">
+                
                 <div class="is-label"><span>${util.out('Temperature')}</span>: <span class="val-temp">0.6</span></div>
                 <div style="padding-top:4px">
                     <input type="range" min="0" max="2" step="0.01" value="0.6" class="temperature-slider is-rangeslider" style="margin:0 !important;">
@@ -110228,6 +110239,9 @@ class Dictation {
     new Draggable$2({
       selector: '.is-modal.page-command .is-draggable'
     });
+    new Draggable$2({
+      selector: '.is-modal.commandconfig .is-draggable'
+    });
     const modalCommandList = builderStuff.querySelector('.commandlist');
     this.modalCommandList = modalCommandList;
     const modalConfig = builderStuff.querySelector('.commandconfig');