@innovastudio/contentbox 1.6.153 → 1.6.155

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -110365,6 +110365,7 @@ class Dictation {
     if (localStorage.getItem('_dictation') !== null) {
       if (localStorage.getItem('_dictation') === '1') {
         this.modalCommand.classList.add('active');
+        this.modalCommand.setAttribute('aria-hidden', 'false');
         this.doOpen();
         if (localStorage.getItem('_mic') !== null) {
           if (localStorage.getItem('_mic') === '1') {
@@ -110613,7 +110614,11 @@ class Dictation {
     });
     const btnClose = this.modalCommand.querySelector('.is-modal-close');
     btnClose.addEventListener('click', () => {
+      if (document.activeElement && this.modalCommand.contains(document.activeElement)) {
+        document.activeElement.blur();
+      }
       this.modalCommand.classList.remove('active');
+      this.modalCommand.setAttribute('aria-hidden', 'true');
       this.stopDictation();
       localStorage.setItem('_dictation', '0');
     });
@@ -131982,6 +131987,7 @@ class AnimateScroll {
 
     this.builder.sidebar.closeSidebar();
     this.modalAnimateScroll.classList.add('active');
+    this.modalAnimateScroll.setAttribute('aria-hidden', 'false');
     this.clickContent(); // clean UI for selection only
 
     this.builder.doc.body.classList.add('selection-only');
@@ -131994,7 +132000,12 @@ class AnimateScroll {
   }
 
   close() {
-    this.modalAnimateScroll.classList.remove('active'); // clean UI for selection only
+    if (document.activeElement && this.modalAnimateScroll.contains(document.activeElement)) {
+      document.activeElement.blur();
+    }
+
+    this.modalAnimateScroll.classList.remove('active');
+    this.modalAnimateScroll.setAttribute('aria-hidden', 'true'); // clean UI for selection only
 
     this.builder.doc.body.classList.remove('selection-only');
     document.body.classList.remove('selection-only');
@@ -134667,7 +134678,8 @@ class Timeline {
 
     this.builder.sidebar.closeSidebar();
     this.builder.animateScroll.modalAnimateScroll.classList.remove('active');
-    this.modalTimeline.classList.add('active'); // this.clickContent();
+    this.modalTimeline.classList.add('active');
+    this.modalTimeline.setAttribute('aria-hidden', 'false'); // this.clickContent();
     // clean UI for selection only
 
     this.builder.doc.body.classList.add('selection-only');
@@ -134680,7 +134692,12 @@ class Timeline {
   }
 
   close() {
-    this.modalTimeline.classList.remove('active'); // clean UI for selection only
+    if (document.activeElement && this.modalTimeline.contains(document.activeElement)) {
+      document.activeElement.blur();
+    }
+
+    this.modalTimeline.classList.remove('active');
+    this.modalTimeline.setAttribute('aria-hidden', 'true'); // clean UI for selection only
 
     this.builder.doc.body.classList.remove('selection-only');
     document.body.classList.remove('selection-only');
@@ -157793,6 +157810,7 @@ class ContentBox {
       videoSelect: '',
       audioSelect: '',
       mediaSelect: '',
+      filePickerSize: 'medium',
       // selectIcon: '<svg class="is-icon-flex"><use xlink:href="#ion-more"></use></svg>',
       selectIcon: '<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-folder"></use></svg>',
       // NEW: for any other file select. Will be visible on hyperlink dialog & image dialog (image link)
@@ -161691,6 +161709,7 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
         this.refreshUIStyle();
       },
       filePicker: this.settings.filePicker,
+      filePickerSize: this.settings.filePickerSize,
       fileSelect: this.settings.fileSelect,
       imageSelect: this.settings.imageSelect,
       videoSelect: this.settings.videoSelect,