@innovastudio/contentbuilder 1.4.143 → 1.4.145

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.143",
+  "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(',');
@@ -11277,6 +11278,9 @@ class UndoRedo {
       let wrapper = this.builder.doc.querySelector(this.builder.opts.page);
       // return htmlutil.readHtml(wrapper, false);
       return wrapper.innerHTML;
+    } else if (this.builder.docContainer) {
+      let docContainer = this.builder.doc.querySelector(this.builder.docContainer);
+      return docContainer.innerHTML;
     } else {
       const builders = this.builder.doc.querySelectorAll(this.builder.opts.container);
       let html = '';
@@ -11337,12 +11341,18 @@ class UndoRedo {
 
       // Use createContextualFragment() to make embedded script executable
       // https://ghinda.net/article/script-tags/
-      var range = document.createRange();
+      let range = document.createRange();
       wrapper.innerHTML = '';
       wrapper.appendChild(range.createContextualFragment(html));
 
       // applyBehavior (in ContentBox, unUndo will call pageSetup/applyBehavior)
       this.cleaning(wrapper);
+    } else if (this.builder.docContainer) {
+      let docContainer = this.builder.doc.querySelector(this.builder.docContainer);
+      let range = document.createRange();
+      docContainer.innerHTML = '';
+      docContainer.appendChild(range.createContextualFragment(html));
+      this.cleaning(docContainer);
     } else {
       const builders = this.builder.doc.querySelectorAll(this.builder.opts.container);
       let n = 0;
@@ -18366,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');
@@ -46771,7 +46797,7 @@ class Image$1 {
       }
       imageTool.style.top = top + 'px';
       imageTool.style.left = toolLeft + 'px';
-      if (!this.builder.activeImage.hasAttribute('data-noresize')) {
+      if (!this.builder.activeImage.hasAttribute('data-noresize') && (this.builder.imageResizeOnBlock || !this.builder.activeImage.closest('.is-block'))) {
         let imageResizer = this.imageResizer;
         imageResizer.style.top = top + 'px';
         imageResizer.style.left = left + 'px';
@@ -46855,7 +46881,7 @@ class Image$1 {
         imageTool.style.left = toolLeft + 'px';
 
         // Image Resizer
-        if (!elm.hasAttribute('data-noresize')) {
+        if (!elm.hasAttribute('data-noresize') && (this.builder.imageResizeOnBlock || !elm.closest('.is-block'))) {
           let imageResizer = this.imageResizer;
 
           /*
@@ -75504,6 +75530,7 @@ class ContentBuilder {
       toolbar: 'top',
       toolbarDisplay: 'auto',
       shortenHTML: true,
+      imageResizeOnBlock: true,
       simpleEditingBreakpoint: '970px',
       // iframe only
 
@@ -77173,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)
@@ -78443,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;