@innovastudio/contentbuilder 1.4.144 → 1.4.145

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -3062,6 +3062,7 @@ class Dom {
   }
   getScale(container) {
     let matrix = window.getComputedStyle(container).transform;
+    if (matrix === 'none') return 1;
     let values = matrix.split('(')[1];
     values = values.split(')')[0];
     values = values.split(',');
@@ -18375,6 +18376,22 @@ const renderSnippetPanel = (builder, snippetOpen) => {
   */
 };
 
+function openSnippets(builder) {
+  const snippetPanel = document.querySelector('#divSnippetList');
+  const snippethandle = snippetPanel.querySelector('#divSnippetHandle');
+  snippetPanel.style.cssText = 'transition: all ease 0.8s;';
+  snippetPanel.querySelector('.selectsnippet').style.display = 'block';
+  snippetPanel.querySelector('.is-design-list').style.display = 'block';
+  snippetPanel.classList.add('active');
+  if (builder.opts.sidePanel === 'right') {
+    snippethandle.innerHTML = '<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#ion-ios-arrow-right"></use></svg>';
+  } else {
+    snippethandle.innerHTML = '<svg class="is-icon-flex" style="width:17px;height:17px;"><use xlink:href="#ion-ios-arrow-left"></use></svg>';
+  }
+  setTimeout(function () {
+    snippetPanel.style.cssText = '';
+  }, 800);
+}
 function toggleSnippets(builder) {
   const dom = builder.dom;
   let snippetPanel = document.querySelector('#divSnippetList');
@@ -77183,6 +77200,7 @@ class ContentBuilder {
           } else {
             const area = this.doc.querySelector('.is-builder'); // get one of the builder area
             scale = this.dom.getScale(area);
+            if (!scale) scale = 1;
           }
 
           // Make moving draggable item scaled & positioned correctly (due to zoom value)
@@ -78453,7 +78471,10 @@ class ContentBuilder {
     if (this.preview) return;
     if (this.opts.snippetList === '#divSnippetList') {
       let snippetPanel = document.querySelector(this.opts.snippetList);
-      if (snippetPanel) return; // do not render if already rendered (just protection)
+      if (snippetPanel) {
+        if (snippetOpen) openSnippets(this);
+        return; // do not render if already rendered (just protection)
+      }
     }
 
     if (this.isScriptAlreadyIncluded(snippetFile)) return;