@innovastudio/contentbuilder 1.4.20 → 1.4.21

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.20",
+  "version": "1.4.21",
   "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: [],