@innovastudio/contentbox 1.6.138 → 1.6.140

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -109935,6 +109935,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 +110114,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 +110162,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 +110238,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');
@@ -110633,12 +110646,12 @@ class Dictation {
       '4:3': util.out('Landscape 4x3'),
       '5:4': util.out('Landscape 5x4'),
       '16:9': util.out('Landscape 16x9'),
+      '21:9': util.out('Landscape 21:9'),
       '2:3': util.out('Portrait 2x3'),
       '3:4': util.out('Portrait 3x4'),
       '4:5': util.out('Portrait 4x5'),
       '9:16': util.out('Portrait 9x16'),
-      '21:9': util.out('Landscape 21:9'),
-      '9:21': util.out('Landscape 9:21')
+      '9:21': util.out('Portrait 9:21')
     };
 
     // Default set