@innovastudio/contentbox 1.5.51 → 1.5.53

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.5.51",
+  "version": "1.5.53",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -46,7 +46,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.4.41",
+    "@innovastudio/contentbuilder": "^1.4.43",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.css

@@ -163,10 +163,14 @@
         #divSidebarSource
 */
 #divSidebarSnippets {
-  max-width: 290px !important;
+  max-width: 300px !important;
   border-left: 60px solid transparent !important;
 }
 
+#_cbhtml .snippet-item {
+  width: 180px !important;
+}
+
 #divSidebarTypography {
   max-width: 320px;
 }

package/public/contentbox/contentbox.esm.js

@@ -12440,7 +12440,7 @@ class EditBox {
     chkBoxAddCode.addEventListener('click', () => {
       const activeBox = this.builder.activeBox;
       const overlay = activeBox.querySelector('.is-overlay');
-      overlay.insertAdjacentHTML('beforebegin', `
+      overlay.insertAdjacentHTML('afterbegin', `
             <div class="is-overlay-content" data-module="code" data-module-desc="Custom HTML or Javascript " data-html="${encodeURIComponent(`
 				    <style>
 						
@@ -14343,6 +14343,12 @@ class EditBox {
       overlay = activeBox.querySelector('.is-overlay');
     }
 
+    if (activeBox.classList.contains('is-section')) {
+      if (activeBox.classList.contains('min-height-20') || activeBox.classList.contains('min-height-25') || activeBox.classList.contains('min-height-30') || activeBox.classList.contains('min-height-40') || activeBox.classList.contains('min-height-50') || activeBox.classList.contains('min-height-60') || activeBox.classList.contains('min-height-70') || activeBox.classList.contains('min-height-75') || activeBox.classList.contains('min-height-80') || activeBox.classList.contains('min-height-90') || activeBox.classList.contains('min-height-100')) ; else {
+        activeBox.classList.add('min-height-60');
+      }
+    }
+
     const preview = modalEditBox.querySelector('.box-bgimage-preview');
     const btnImageAdjust = modalEditBox.querySelector('.input-box-bgimageadjust');
     btnImageAdjust.style.display = 'none';
@@ -67749,6 +67755,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;
@@ -67948,83 +68026,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;
@@ -68088,41 +68153,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');
@@ -92445,7 +92536,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>
@@ -105138,11 +105229,11 @@ class ContentBox {
       livePreviewAlwaysReload: false,
       livePreviewReloadEvery: 30,
       sectionTemplate: `
-            <div class="is-section is-box is-section-100 type-poppins">
+            <div class="is-section is-box is-section-100 type-opensans">
                 <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-17 leading-13">
                             [%CONTENT%]
                         </div>
                     </div>