@innovastudio/contentbuilder 1.4.20 → 1.4.22

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.20",
+  "version": "1.4.22",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.css

@@ -2036,11 +2036,12 @@ button:focus-visible {
 .is-ui .is-modal div.is-modal-footer button {
   margin-left: 2px;
 }
-#_cbhtml .is-modal.fileselect, #_cbhtml .is-modal.mediaselect, #_cbhtml .is-modal.imageselect, #_cbhtml .is-modal.videoselect,
+#_cbhtml .is-modal.fileselect, #_cbhtml .is-modal.mediaselect, #_cbhtml .is-modal.imageselect, #_cbhtml .is-modal.videoselect, #_cbhtml .is-modal.otherselect,
 .is-ui .is-modal.fileselect,
 .is-ui .is-modal.mediaselect,
 .is-ui .is-modal.imageselect,
-.is-ui .is-modal.videoselect {
+.is-ui .is-modal.videoselect,
+.is-ui .is-modal.otherselect {
   z-index: 10005;
 }
 #_cbhtml .is-modal.previewcontent,

package/public/contentbuilder/contentbuilder.esm.js

@@ -50106,7 +50106,7 @@ class Image$1 {
               theTrigger: modalImageLink.querySelector('.input-select-other')
             });
           } else {
-            let modalFileSelect = builderStuff.querySelector('.is-modal.fileselect');
+            let modalFileSelect = builderStuff.querySelector('.is-modal.otherselect');
 
             if (this.builder.opts.assetRefresh) {
               modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
@@ -52841,6 +52841,11 @@ class Hyperlink {
                     <iframe tabindex="0" style="width:100%;height:100%;border: none;display: block;" src="about:blank"></iframe>
                 </div>
             </div>
+            <div class="is-modal otherselect" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
+                <div class="is-modal-content" style="max-width:${this.builder.otherSelectWidth};height:${this.builder.otherSelectHeight};padding:0;">
+                    <iframe tabindex="0" style="width:100%;height:100%;border: none;display: block;" src="about:blank"></iframe>
+                </div>
+            </div>
             `;
       dom.appendHtml(builderStuff, html);
 
@@ -53313,7 +53318,7 @@ class Hyperlink {
             theTrigger: modal.querySelector('.input-select-other')
           });
         } else {
-          let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
+          let modalFileSelect = this.builderStuff.querySelector('.is-modal.otherselect');
 
           if (this.builder.opts.assetRefresh) {
             modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
@@ -60387,7 +60392,7 @@ class ColumnTool {
               theTrigger: this.cellSettings.querySelector('.input-select-other')
             });
           } else {
-            let modalFileSelect = builderStuff.querySelector('.is-modal.fileselect');
+            let modalFileSelect = builderStuff.querySelector('.is-modal.otherselect');
 
             if (this.builder.opts.assetRefresh) {
               modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
@@ -77468,6 +77473,8 @@ class ContentBuilder {
       audioSelectHeight: '80vh',
       mediaSelectWidth: '1024px',
       mediaSelectHeight: '80vh',
+      otherSelectWidth: '1024px',
+      otherSelectHeight: '80vh',
       assetRefresh: false,
       // asset manager specified in imageSelect, fileSelect & videoSelect will always refreshed on click/open
       customTags: [],
@@ -79233,6 +79240,8 @@ class ContentBuilder {
       if (modal) this.hideModal(modal);
       modal = document.querySelector('.is-modal.mediaselect.active');
       if (modal) this.hideModal(modal);
+      modal = document.querySelector('.is-modal.otherselect.active');
+      if (modal) this.hideModal(modal);
     }
   }
 
@@ -79308,7 +79317,7 @@ class ContentBuilder {
       });
     } else {
       let iframe;
-      let modal = this.builderStuff.querySelector('.is-modal.fileselect');
+      let modal = this.builderStuff.querySelector('.is-modal.otherselect');
       iframe = modal.querySelector('iframe');
       if (iframe.src === 'about:blank') iframe.src = this.opts.otherSelect;
       this.util.showModal(modal);
@@ -80204,12 +80213,15 @@ class ContentBuilder {
     let modal1 = document.querySelector('.is-modal.videoselect');
     let modal2 = document.querySelector('.is-modal.imageselect');
     let modal3 = document.querySelector('.is-modal.fileselect');
+    let modal4 = document.querySelector('.is-modal.otherselect');
     let modalIframe1 = modal1.querySelector('iframe');
     let modalIframe2 = modal2.querySelector('iframe');
     let modalIframe3 = modal3.querySelector('iframe');
+    let modalIframe4 = modal4.querySelector('iframe');
     if (modalIframe1.contentWindow.applyParentStyles) modalIframe1.contentWindow.applyParentStyles();
     if (modalIframe2.contentWindow.applyParentStyles) modalIframe2.contentWindow.applyParentStyles();
     if (modalIframe3.contentWindow.applyParentStyles) modalIframe3.contentWindow.applyParentStyles();
+    if (modalIframe4.contentWindow.applyParentStyles) modalIframe4.contentWindow.applyParentStyles();
   }
 
   openMedia(elm) {