@innovastudio/contentbuilder 1.2.9 → 1.2.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbuilder",
-  "version": "1.2.9",
+  "version": "1.2.12",
   "type": "module",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",

package/public/contentbuilder/contentbuilder.esm.js

@@ -16965,7 +16965,7 @@ const renderQuickAdd = builder => {
     elm = quickadd.querySelector('.add-audio');
     dom$H.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      let html = `<div style="display:flex;position:relative;margin:15px 0;background:transparent;">
+      let html = `<div style="display:flex;width:100%;position:relative;margin:15px 0;background:transparent;">
                         <audio controls="" style="width:100%">
                             <source src="${builder.opts.snippetPath}example.mp3" type="audio/mpeg">
                             Your browser does not support the audio element.
@@ -16973,7 +16973,7 @@ const renderQuickAdd = builder => {
                     </div>`;
 
       if (builder.opts.snippetSampleAudio) {
-        html = `<div style="display:flex;position:relative;margin:15px 0;background:transparent;">
+        html = `<div style="display:flex;width:100%;position:relative;margin:15px 0;background:transparent;">
                             <audio controls="" style="width:100%">
                                 <source src="${builder.opts.snippetSampleAudio}" type="audio/mpeg">
                                 Your browser does not support the audio element.
@@ -21464,7 +21464,7 @@ const renderSnippetPanel = builder => {
       });
     }
   });
-  dropDown.toggle();
+  dropDown.toggle(false);
 
   if (builder.opts.snippetList === '#divSnippetList') {
     snippetPanel.querySelector('.selectsnippet').style.display = 'none';
@@ -52435,7 +52435,7 @@ class Element$1 {
       setTimeout(() => {
         // In case of add snippet, after apply behavior, snippet will be automatically clicked/selected.
         // So check the snippet if it is selected (active). If so, hide the overlay.
-        if (overlay.closest('.cell-active')) {
+        if (overlay.closest('.elm-active')) {
           overlay.click(); // overlay.style.display = 'none';
         } else {
           overlay.style.display = '';
@@ -70175,7 +70175,18 @@ class ContentBuilder {
     let builderStuff = this.util.builderStuff();
     if (!builderStuff) return; // in case the builder is destroyed
 
-    const htmlutil = new HtmlUtil(this);
+    const htmlutil = new HtmlUtil(this); // Reset Zoom
+
+    if (this.opts.page !== '') {
+      const wrapper = document.querySelector(this.opts.page);
+      if (wrapper) wrapper.style.transform = '';
+    } else {
+      const builders = document.querySelectorAll(this.opts.container);
+      builders.forEach(builder => {
+        builder.style.transform = '';
+      });
+    }
+
     const builders = document.querySelectorAll(this.opts.container);
     Array.prototype.forEach.call(builders, builder => {
       builder.innerHTML = htmlutil.readHtml(builder, true);
@@ -70192,17 +70203,7 @@ class ContentBuilder {
     });
     this.moveable.destroy();
     this.builderStuff.parentNode.removeChild(this.builderStuff);
-    this.builderStuff = null; // Reset Zoom
-
-    if (this.opts.page !== '') {
-      const wrapper = document.querySelector(this.opts.page);
-      wrapper.style.transform = '';
-    } else {
-      const builders = document.querySelectorAll(this.opts.container);
-      builders.forEach(builder => {
-        builder.style.transform = '';
-      });
-    }
+    this.builderStuff = null;
   }
 
   saveImages(handler, onComplete, onBase64Upload) {