@innovastudio/contentbuilder 1.4.144 → 1.4.146

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.144",
+  "version": "1.4.146",
   "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(',');
@@ -10878,10 +10879,12 @@ class HtmlUtil {
     dom$k.removeElements(tmp.querySelectorAll('.row-add-initial'));
 
     //Extra cleaning
-    elms = tmp.querySelectorAll('.aos-init');
-    dom$k.removeClasses(elms, 'aos-init');
-    elms = tmp.querySelectorAll('.aos-animate');
-    dom$k.removeClasses(elms, 'aos-animate');
+    if (this.builder.cleanAOS) {
+      elms = tmp.querySelectorAll('.aos-init');
+      dom$k.removeClasses(elms, 'aos-init');
+      elms = tmp.querySelectorAll('.aos-animate');
+      dom$k.removeClasses(elms, 'aos-animate');
+    }
     elms = tmp.querySelectorAll('.skrollable');
     dom$k.removeClasses(elms, 'skrollable');
     elms = tmp.querySelectorAll('.skrollable-after');
@@ -18375,6 +18378,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');
@@ -75613,6 +75632,7 @@ class ContentBuilder {
       customval: '',
       moduleConfig: [],
       elementAnimate: false,
+      cleanAOS: false,
       framework: '',
       cellFormat: '',
       rowFormat: '',
@@ -77183,6 +77203,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 +78474,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;