@innovastudio/contentbuilder 1.4.115 → 1.4.116

package/package.json

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

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';
     }
@@ -80095,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
       }
     }
@@ -80192,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
@@ -81948,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');