@innovastudio/contentbuilder 1.4.114 → 1.4.116

package/package.json

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

package/public/contentbuilder/contentbuilder.css

@@ -5520,3 +5520,68 @@ div[data-html] {
 .padding-0[data-module=text-builder] {
   padding: 0 2px 4px !important;
 }
+
+/* IFRAME * New Control Panel */
+.is-content-view.desktop {
+  width: 1366px;
+  height: 853px;
+}
+.is-content-view.tablet-landscape {
+  width: 1080px;
+  height: 810px;
+}
+.is-content-view.tablet {
+  width: 768px;
+  height: 1024px;
+}
+.is-content-view.mobile {
+  width: 390px;
+  height: 844px;
+}
+
+@media all and (min-width: 2030px) {
+  .is-content-view.desktop {
+    width: 1560px;
+    height: 974px;
+  }
+
+  .is-content-view.tablet-landscape {
+    width: 1280px;
+    height: 960px;
+  }
+}
+@media all and (max-width: 1520px) {
+  .is-content-view {
+    transform: scale(0.95);
+  }
+}
+@media all and (max-width: 1450px) {
+  .is-content-view {
+    transform: scale(0.9);
+  }
+}
+@media all and (max-width: 1375px) {
+  .is-content-view {
+    transform: scale(0.85);
+  }
+}
+@media all and (max-width: 1300px) {
+  .is-content-view {
+    transform: scale(0.8);
+  }
+}
+@media all and (max-width: 1235px) {
+  .is-content-view {
+    transform: scale(0.75);
+  }
+}
+@media all and (max-width: 1175px) {
+  .is-content-view {
+    transform: scale(0.7);
+  }
+}
+@media all and (max-width: 1090px) {
+  .is-content-view {
+    transform: scale(0.65);
+  }
+}

package/public/contentbuilder/contentbuilder.esm.js

@@ -4362,6 +4362,7 @@ class Util {
     }
     const dom = this.dom;
     dom.removeClass(modal, 'active');
+    modal.style.display = '';
   }
 
   // attachInputTextClear(inp) {
@@ -22129,6 +22130,7 @@ const renderSnippetPanel = builder => {
   }
   let html_snippets = '' + '<div class="is-dropdown selectsnippet" style="position:absolute;top:0;right:0;padding: 0;width:100%;z-index:2;">' + '<button tabindex="0" class="dropdown-toggle no-outline" title="' + util.out('Snippet Categories') + '" type="button" aria-haspopup="true" data-value="' + defaultcatval + '">' + '<span>' + util.out(defaultcat) + '</span>' + '</button>' + '<ul class="dropdown-menu" role="listbox" title="' + util.out('Snippets') + '" aria-expanded="false">' + catitems + '</ul>' + '</div>' + (sidePanel === 'right' ? '<div id="divSnippetScrollUp" role="button" tabindex="-1" style="top:calc(50% - 27px);right:25px;">&#9650;</div>' + '<div id="divSnippetScrollDown" role="button" tabindex="-1" style="top:calc(50% + 27px);right:25px;">&#9660;</div>' + '<div id="divSnippetHandle" role="button" tabindex="-1" title="' + util.out('Snippets') + '" data-title="' + util.out('Snippets') + '" style="' + hideHandle + '">' + '<svg class="is-icon-flex"><use xlink:href="#ion-ios-arrow-left"></use></svg>' + '</div>' : '<div id="divSnippetScrollUp" role="button" tabindex="-1" style="top:calc(50% - 27px);left:10px;">&#9650;</div>' + '<div id="divSnippetScrollDown" role="button" tabindex="-1" style="top:calc(50% + 27px);left:10px;">&#9660;</div>' + '<div id="divSnippetHandle" role="button" tabindex="-1" title="' + util.out('Snippets') + '" data-title="' + util.out('Snippets') + '" style="' + hideHandle + '">' + '<svg class="is-icon-flex"><use xlink:href="#ion-ios-arrow-right"></use></svg>' + '</div>') + '<div class="is-design-list" tabindex="0">' + '</div>';
   let snippetPanel = document.querySelector(builder.opts.snippetList);
+  snippetPanel.innerHTML = ''; //clear
   dom.appendHtml(snippetPanel, html_snippets);
   const dropDown = new Select(snippetPanel.querySelector('.selectsnippet'));
   dropDown.element.addEventListener('change', () => {
@@ -73099,28 +73101,30 @@ class Rte {
     return bExist;
   }
   positionToolbar() {
+    const leftSidebarAdj = this.builder.leftSidebarAdj || 0;
+    const leftSidebarAdj2 = this.builder.leftSidebarAdj2 || 0;
     const viewportWidth = document.body.clientWidth; //window.innerWidth;
     const viewportHeight = window.innerHeight;
     if (this.builder.opts.toolbar === 'left' || this.builder.opts.toolbar === 'right') {
       let h = this.rteTool.offsetHeight;
       let top = viewportHeight / 2 - h / 2;
-      this.rteTool.style.left = '';
+      this.rteTool.style.left = leftSidebarAdj2 + 'px';
       this.rteTool.style.top = top + 'px';
 
       // Element Toolbar
       h = this.elementRteTool.offsetHeight;
       top = viewportHeight / 2 - h / 2;
-      this.elementRteTool.style.left = '';
+      this.elementRteTool.style.left = leftSidebarAdj2 + 'px';
       this.elementRteTool.style.top = top + 'px';
     } else {
       let w = this.rteTool.offsetWidth;
-      let left = viewportWidth / 2 - w / 2;
+      let left = viewportWidth / 2 - w / 2 + leftSidebarAdj;
       this.rteTool.style.top = '';
       this.rteTool.style.left = left + 'px';
 
       // Element Toolbar
       w = this.elementRteTool.offsetWidth;
-      left = viewportWidth / 2 - w / 2;
+      left = viewportWidth / 2 - w / 2 + leftSidebarAdj;
       this.elementRteTool.style.top = '';
       this.elementRteTool.style.left = left + 'px';
     }
@@ -76026,6 +76030,23 @@ class ContentStuff {
         .padding-0[data-module="text-builder"] {
             padding: 0 2px 4px !important;
         }
+
+
+        ${this.builder.simpleEditingBreakpoint ? `
+          
+            @media all and (max-width: ${this.builder.simpleEditingBreakpoint}) {
+                .is-tool:not(#divSpacerTool) {
+                    display: none !important;
+                }
+                
+                .is-builder .row-active:not([data-protected]).row-outline {
+                    outline: none !important;
+                }
+            }
+            
+        ` : ''}
+
+
         `;
     builder.contentStuff.insertAdjacentHTML('afterbegin', `
         <style>
@@ -80078,7 +80099,7 @@ class ContentBuilder {
       if (this.dom.hasClass(builder, 'preview')) this.preview = true;
     });
     if (!this.preview) {
-      if (this.opts.snippetJSON.snippets.length > 0) {
+      if (this.opts.snippetJSON) if (this.opts.snippetJSON.snippets.length > 0) {
         renderSnippetPanel(this); // Render Snippet Panel
       }
     }
@@ -80175,7 +80196,7 @@ class ContentBuilder {
         this.util.hidePops();
       });
       this.win.addEventListener('resize', this.doWindowResize = () => {
-        this.util.clearActiveCell();
+        // this.util.clearActiveCell();
         this.util.clearControls();
 
         // Disable on mobile
@@ -81931,8 +81952,10 @@ class ContentBuilder {
   }
   loadSnippets(snippetFile) {
     if (this.preview) return;
-    let snippetPanel = document.querySelector(this.opts.snippetList);
-    if (snippetPanel) return; // do not render if already rendered (just protection)
+    if (this.opts.snippetList === '#divSnippetList') {
+      let snippetPanel = document.querySelector(this.opts.snippetList);
+      if (snippetPanel) return; // do not render if already rendered (just protection)
+    }
 
     if (this.isScriptAlreadyIncluded(snippetFile)) return;
     const script = document.createElement('script');