@innovastudio/contentbuilder 1.4.41 → 1.4.43

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -53320,6 +53320,78 @@ class Hyperlink {
         util.hideModal(modal);
         if (!util.appleMobile) util.restoreSelection();
       });
+
+      if (this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect !== '') {
+        modal.querySelector('.input-select-other').style.display = 'block';
+        let inputSelectOther = modal.querySelector('.input-select-other');
+        dom.addEventListener(inputSelectOther, 'click', e => {
+          if (this.builder.opts.onOtherSelectClick) {
+            this.builder.opts.onOtherSelectClick({
+              targetInput: modal.querySelector('.input-url'),
+              theTrigger: modal.querySelector('.input-select-other')
+            });
+          } else {
+            let modalFileSelect = this.builderStuff.querySelector('.is-modal.otherselect');
+
+            if (this.builder.opts.assetRefresh) {
+              modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
+              this.builder.opts.assetRefresh = false;
+            }
+
+            if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
+              modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
+            }
+
+            util.showModal(modalFileSelect, false, () => {
+              inputSelectOther.removeAttribute('data-focus');
+              inputSelectOther.focus();
+            }, false);
+            inputSelectOther.setAttribute('data-focus', true);
+          }
+
+          this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
+
+          this.builder.targetCallback = null;
+          this.builder.targetAssetType = 'all';
+          e.preventDefault();
+          e.stopImmediatePropagation();
+        });
+      }
+
+      if (this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== '') {
+        modal.querySelector('.input-select').style.display = 'block';
+        modal.querySelector('.input-url').style.width = '444px';
+        let inputSelect = modal.querySelector('.input-select');
+        dom.addEventListener(inputSelect, 'click', () => {
+          if (this.builder.opts.onFileSelectClick) {
+            this.builder.opts.onFileSelectClick({
+              targetInput: modal.querySelector('.input-url'),
+              theTrigger: modal.querySelector('.input-select')
+            });
+          } else {
+            let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
+
+            if (this.builder.opts.assetRefresh) {
+              modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
+              this.builder.opts.assetRefresh = false;
+            }
+
+            if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
+              modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
+            }
+
+            util.showModal(modalFileSelect, false, null, false);
+          }
+
+          this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
+
+          this.builder.targetCallback = null;
+          this.builder.targetAssetType = 'all';
+        });
+      } else {
+        modal.querySelector('.input-select').style.display = 'none';
+        modal.querySelector('.input-url').style.width = '100%';
+      }
     }
 
     this.linkTool = linkTool;
@@ -53519,83 +53591,70 @@ class Hyperlink {
 
     var text = dom.getSelected();
     let modal = this.builderStuff.querySelector('.is-modal.createlink');
-
-    if (this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect !== '') {
-      modal.querySelector('.input-select-other').style.display = 'block';
-      let inputSelectOther = modal.querySelector('.input-select-other');
-      dom.addEventListener(inputSelectOther, 'click', e => {
-        if (this.builder.opts.onOtherSelectClick) {
-          this.builder.opts.onOtherSelectClick({
-            targetInput: modal.querySelector('.input-url'),
-            theTrigger: modal.querySelector('.input-select-other')
-          });
-        } else {
-          let modalFileSelect = this.builderStuff.querySelector('.is-modal.otherselect');
-
-          if (this.builder.opts.assetRefresh) {
-            modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
-            this.builder.opts.assetRefresh = false;
-          }
-
-          if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
-            modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
-          }
-
-          util.showModal(modalFileSelect, false, () => {
-            inputSelectOther.removeAttribute('data-focus');
-            inputSelectOther.focus();
-          }, false);
-          inputSelectOther.setAttribute('data-focus', true);
-        }
-
-        this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
-
-        this.builder.targetCallback = null;
-        this.builder.targetAssetType = 'all';
-        e.preventDefault();
-        e.stopImmediatePropagation();
-      });
-    }
-
-    if (this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== '') {
-      modal.querySelector('.input-select').style.display = 'block'; // modal.querySelector('.input-url').style.width = '444px';
-
-      let inputSelect = modal.querySelector('.input-select');
-      dom.addEventListener(inputSelect, 'click', e => {
-        if (this.builder.opts.onFileSelectClick) {
-          this.builder.opts.onFileSelectClick({
-            targetInput: modal.querySelector('.input-url'),
-            theTrigger: modal.querySelector('.input-select')
-          });
-        } else {
-          let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
-
-          if (this.builder.opts.assetRefresh) {
-            modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
-            this.builder.opts.assetRefresh = false;
-          }
-
-          if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
-            modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
-          }
-
-          util.showModal(modalFileSelect, false, () => {
-            inputSelect.removeAttribute('data-focus');
-            inputSelect.focus();
-          }, false);
-          inputSelect.setAttribute('data-focus', true);
-        }
-
-        this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
-
-        this.builder.targetCallback = null;
-        this.builder.targetAssetType = 'all';
-        e.preventDefault();
-        e.stopImmediatePropagation();
-      });
-    } else {
-      modal.querySelector('.input-select').style.display = 'none'; // modal.querySelector('.input-url').style.width = '100%';
+    /*
+    if(this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect !== ''){
+         modal.querySelector('.input-select-other').style.display = 'block';
+         let inputSelectOther = modal.querySelector('.input-select-other');
+        dom.addEventListener(inputSelectOther, 'click', (e) => {
+             if(this.builder.opts.onOtherSelectClick){
+                this.builder.opts.onOtherSelectClick({targetInput: modal.querySelector('.input-url'), theTrigger: modal.querySelector('.input-select-other')});
+            } else {
+                let modalFileSelect = this.builderStuff.querySelector('.is-modal.otherselect');
+                 if(this.builder.opts.assetRefresh) {
+                    modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
+                    this.builder.opts.assetRefresh = false;
+                }
+                if(modalFileSelect.querySelector('iframe').src === 'about:blank') {
+                    modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
+                }
+                util.showModal(modalFileSelect, false, ()=>{
+                     inputSelectOther.removeAttribute('data-focus');
+                    inputSelectOther.focus();
+                    
+                }, false);
+                 inputSelectOther.setAttribute('data-focus',true);
+            }
+             this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
+            this.builder.targetCallback = null;
+            this.builder.targetAssetType = 'all';
+             e.preventDefault();
+            e.stopImmediatePropagation();
+         });
     }
+      if(this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== ''){
+         modal.querySelector('.input-select').style.display = 'block';
+        // modal.querySelector('.input-url').style.width = '444px';
+         let inputSelect = modal.querySelector('.input-select');
+        dom.addEventListener(inputSelect, 'click', (e) => {
+             if(this.builder.opts.onFileSelectClick){
+                this.builder.opts.onFileSelectClick({targetInput: modal.querySelector('.input-url'), theTrigger: modal.querySelector('.input-select')});
+            } else {
+                let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
+                 if(this.builder.opts.assetRefresh) {
+                    modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
+                    this.builder.opts.assetRefresh = false;
+                }
+                if(modalFileSelect.querySelector('iframe').src === 'about:blank') {
+                    modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
+                }
+                util.showModal(modalFileSelect, false, ()=>{
+                     inputSelect.removeAttribute('data-focus');
+                    inputSelect.focus();
+                    
+                }, false);
+                 inputSelect.setAttribute('data-focus',true);
+            }
+             this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
+            this.builder.targetCallback = null;
+            this.builder.targetAssetType = 'all';
+             e.preventDefault();
+            e.stopImmediatePropagation();
+         });
+     } else {
+         modal.querySelector('.input-select').style.display = 'none';
+        // modal.querySelector('.input-url').style.width = '100%';
+     }
+    */
 
     modal.querySelector('.input-url').value = '';
     modal.querySelector('.input-newwindow').checked = false;
@@ -53659,41 +53718,67 @@ class Hyperlink {
         modal.querySelector('#inpCreateLinkText').style.display = 'none';
       }
     }
-
-    if (this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== '') {
-      modal.querySelector('.input-select').style.display = 'block';
-      modal.querySelector('.input-url').style.width = '444px';
-      let inputSelect = modal.querySelector('.input-select');
-      dom.addEventListener(inputSelect, 'click', () => {
-        if (this.builder.opts.onFileSelectClick) {
-          this.builder.opts.onFileSelectClick({
-            targetInput: modal.querySelector('.input-url'),
-            theTrigger: modal.querySelector('.input-select')
-          });
-        } else {
-          let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
-
-          if (this.builder.opts.assetRefresh) {
-            modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
-            this.builder.opts.assetRefresh = false;
-          }
-
-          if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
-            modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
-          }
-
-          util.showModal(modalFileSelect, false, null, false);
-        }
-
-        this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
-
-        this.builder.targetCallback = null;
-        this.builder.targetAssetType = 'all';
-      });
-    } else {
-      modal.querySelector('.input-select').style.display = 'none';
-      modal.querySelector('.input-url').style.width = '100%';
-    } // Get values
+    /*
+    if(this.builder.opts.onOtherSelectClick || this.builder.opts.otherSelect !== ''){
+         modal.querySelector('.input-select-other').style.display = 'block';
+         let inputSelectOther = modal.querySelector('.input-select-other');
+        dom.addEventListener(inputSelectOther, 'click', (e) => {
+             if(this.builder.opts.onOtherSelectClick){
+                this.builder.opts.onOtherSelectClick({targetInput: modal.querySelector('.input-url'), theTrigger: modal.querySelector('.input-select-other')});
+            } else {
+                let modalFileSelect = this.builderStuff.querySelector('.is-modal.otherselect');
+                 if(this.builder.opts.assetRefresh) {
+                    modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
+                    this.builder.opts.assetRefresh = false;
+                }
+                if(modalFileSelect.querySelector('iframe').src === 'about:blank') {
+                    modalFileSelect.querySelector('iframe').src = this.builder.opts.otherSelect;
+                }
+                util.showModal(modalFileSelect, false, ()=>{
+                     inputSelectOther.removeAttribute('data-focus');
+                    inputSelectOther.focus();
+                    
+                }, false);
+                 inputSelectOther.setAttribute('data-focus',true);
+            }
+             this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
+            this.builder.targetCallback = null;
+            this.builder.targetAssetType = 'all';
+             e.preventDefault();
+            e.stopImmediatePropagation();
+         });
+    }
+    
+    if(this.builder.opts.onFileSelectClick || this.builder.opts.fileselect !== ''){
+         modal.querySelector('.input-select').style.display = 'block';
+        modal.querySelector('.input-url').style.width = '444px';
+         let inputSelect = modal.querySelector('.input-select');
+        dom.addEventListener(inputSelect, 'click', () => {
+             if(this.builder.opts.onFileSelectClick) {
+                this.builder.opts.onFileSelectClick({targetInput: modal.querySelector('.input-url'), theTrigger: modal.querySelector('.input-select')});
+            
+            } else {
+                let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
+                
+                if(this.builder.opts.assetRefresh) {
+                    modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
+                    this.builder.opts.assetRefresh = false;
+                }
+                if(modalFileSelect.querySelector('iframe').src === 'about:blank') {
+                    modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
+                }
+                util.showModal(modalFileSelect, false, null, false);
+             }
+             this.builder.targetInput = modal.querySelector('.input-url'); // used by selectAsset() (see contentbuilder.js)
+            this.builder.targetCallback = null;
+            this.builder.targetAssetType = 'all';
+         });
+     } else {
+         modal.querySelector('.input-select').style.display = 'none';
+        modal.querySelector('.input-url').style.width = '100%';
+     }
+    */
+    // Get values
 
 
     let url = link.getAttribute('href');
@@ -78016,7 +78101,7 @@ class ContentBuilder {
                 <div class="is-overlay"></div>
                 <div class="is-boxes">
                     <div class="is-box-centered">
-                        <div class="is-container is-content-900 v2 size-18 leading-14">
+                        <div class="is-container is-content-1100 v2 size-18 leading-14">
                             [%CONTENT%]
                         </div>
                     </div>