@innovastudio/contentbuilder 1.3.32 → 1.3.34

package/package.json

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

package/public/contentbuilder/contentbuilder.css

@@ -3264,6 +3264,13 @@ button:focus-visible {
   outline-offset: 0;
   box-shadow: none;
 }
+#_cbhtml .find-part .monaco-inputbox textarea,
+#_cbhtml .replace-part .monaco-inputbox textarea,
+.is-ui .find-part .monaco-inputbox textarea,
+.is-ui .replace-part .monaco-inputbox textarea {
+  padding: 0 !important;
+  line-height: 1.4 !important;
+}
 #_cbhtml select,
 .is-ui select {
   font-size: 13px;
@@ -4629,7 +4636,6 @@ button:focus-visible {
   width: 100%;
   height: 1px;
   border: none;
-  border-bottom: 1px solid #ffb784;
   z-index: 1;
   background: transparent;
   transition: none;

package/public/contentbuilder/contentbuilder.esm.js

@@ -14967,59 +14967,7 @@ class HtmlUtil {
       });
     }
 
-    if (this.builder.cleanHtmlFormatting) {
-      // this cleanHtmlFormatting flag only use for output, not during editing 
-      if (this.builder.useCssClasses) {
-        // Clean all uneeded normal classes
-        let elmNormals = content.querySelectorAll(`.${this.builder.cssClasses.fontWeight.defaultNormal}`); // Array.prototype.forEach.call(elmNormals, (elm) => {
-        //     let decor = false;
-        //     if(elm.closest(`.${this.builder.cssClasses.fontWeight.defaultBold}`)) {
-        //         decor = true;
-        //     } 
-        //     if(!decor) {
-        //         dom.removeClass(elm, this.builder.cssClasses.fontWeight.defaultNormal);
-        //     }
-        // });
-        // elmNormals = content.querySelectorAll(`.${this.builder.cssClasses.fontStyle.normal}`);
-        // Array.prototype.forEach.call(elmNormals, (elm) => {
-        //     let decor = false;
-        //     if(elm.closest(`.${this.builder.cssClasses.fontStyle.italic}`)) {
-        //         decor = true;
-        //     } 
-        //     if(!decor) {
-        //         dom.removeClass(elm, this.builder.cssClasses.fontStyle.normal);
-        //     }
-        // });
-        // elmNormals = content.querySelectorAll(`.${this.builder.cssClasses.textDecoration.normal}`);
-        // Array.prototype.forEach.call(elmNormals, (elm) => {
-        //     let decor = false;
-        //     if(elm.closest('a')) return;
-        //     if(elm.closest(`.${this.builder.cssClasses.textDecoration.underline},.${this.builder.cssClasses.textDecoration.linethrough}`)) {
-        //         decor = true;
-        //     } 
-        //     if(!decor) {
-        //         dom.removeClass(elm, this.builder.cssClasses.textDecoration.normal);
-        //     }
-        // });
-        // elmNormals = content.querySelectorAll(`.${this.builder.cssClasses.textTransform.normal}`);
-        // Array.prototype.forEach.call(elmNormals, (elm) => {
-        //     let decor = false;
-        //     if(elm.closest(`.${this.builder.cssClasses.textTransform.uppercase},.${this.builder.cssClasses.textTransform.lowercase},.${this.builder.cssClasses.textTransform.capitalize}`)) {
-        //         decor = true;
-        //     } 
-        //     if(!decor) {
-        //         dom.removeClass(elm, this.builder.cssClasses.textTransform.normal);
-        //     }
-        // });
-
-        elmNormals = content.querySelectorAll(`.${this.builder.cssClasses.extend.unset}`);
-        Array.prototype.forEach.call(elmNormals, elm => {
-          dom$h.removeClass(elm, this.builder.cssClasses.extend.unset);
-        });
-      } // Clean unused spans
-      // dom.cleanUnusedSpan(content); // REVIEW 
-
-    }
+    if (this.builder.cleanHtmlFormatting) ;
 
     const util = this.builder.util;
     const builderStuff = this.builder.builderStuff; //Prepare temporary helpers: #tmp_content & #tmp_buildercontent
@@ -15275,10 +15223,6 @@ class HtmlUtil {
     Array.prototype.forEach.call(emptyclasses, emptyclass => {
       emptyclass.removeAttribute('class');
     });
-    let emptystyles = tmp.querySelectorAll('[style=""]');
-    Array.prototype.forEach.call(emptystyles, emptystyle => {
-      emptystyle.removeAttribute('style');
-    });
     dom$h.removeEmptyStyle(tmp);
     elms = tmp.querySelectorAll('[data-keep]');
     dom$h.removeAttributes(elms, 'data-keep'); //Backward compatible: cleanup button <span contenteditable="false"><a contenteditable="true">button</a></span>
@@ -15298,6 +15242,20 @@ class HtmlUtil {
       // Remove dummy DIV after last section
       let elms = tmp.querySelectorAll('.is-dummy');
       dom$h.removeElements(elms);
+      elms = tmp.querySelectorAll('[data-scroll]');
+      dom$h.removeAttributes(elms, 'data-scroll');
+      elms = tmp.querySelectorAll('[data-scroll-once]');
+      dom$h.removeAttributes(elms, 'data-scroll-once');
+      elms = tmp.querySelectorAll(`[data-top-bottom],[data-top],[data-50-top],[data-100-top],
+                [data-center-bottom],[data-center],[data-center-top],[data--400-bottom],[data--300-bottom],
+                [data--200-bottom],[data--150-bottom],[data--100-bottom],[data--50-bottom],
+                [data-bottom],[data-50-bottom],[data-100-bottom],[data-150-bottom],[data-200-bottom],
+                [data-300-bottom],[data-400-bottom],[data-bottom-top]`);
+      Array.prototype.forEach.call(elms, elm => {
+        elm.style.transition = '';
+        elm.style.transform = '';
+        elm.style.opacity = '';
+      });
       elms = tmp.querySelectorAll('.is-animated');
       Array.prototype.forEach.call(elms, elm => {
         dom$h.removeClass(elm, 'animated');
@@ -15318,6 +15276,11 @@ class HtmlUtil {
         dom$h.removeClass(elm, 'slideInRight');
         dom$h.removeClass(elm, 'zoomIn');
         elm.style.animationDelay = '';
+        elm.style.transitionDelay = '';
+      });
+      let emptystyles = tmp.querySelectorAll('[style=""]');
+      Array.prototype.forEach.call(emptystyles, emptystyle => {
+        emptystyle.removeAttribute('style');
       }); //Cleanup utils
 
       elms = tmp.querySelectorAll('.is-appeared');
@@ -15379,6 +15342,10 @@ class HtmlUtil {
         html = html_content + html_footer + html_others;
       }
     } else {
+      let emptystyles = tmp.querySelectorAll('[style=""]');
+      Array.prototype.forEach.call(emptystyles, emptystyle => {
+        emptystyle.removeAttribute('style');
+      });
       html = tmp.innerHTML.trim();
       html = html.replace(/<font/g, '<span').replace(/<\/font/g, '</span');
     }
@@ -17258,7 +17225,7 @@ const renderQuickAdd = builder => {
     elm = quickadd.querySelector('.add-button');
     if (elm) dom.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      let html = `<div>
+      let html = `<div style="white-space: nowrap;">
                 <a href="#" role="button" class="transition-all inline-block cursor-pointer no-underline border-2 border-solid border-transparent ml-1 mr-1 mt-2 mb-2 hover:border-transparent rounded bg-gray-200 hover:bg-gray-300 tracking-50 uppercase py-2 size-14 px-6 font-semibold text-gray-600 leading-relaxed">Read More</a>
             </div>`;
 
@@ -17271,7 +17238,7 @@ const renderQuickAdd = builder => {
     elm = quickadd.querySelector('.add-twobutton');
     if (elm) dom.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      let html = `<div>
+      let html = `<div style="white-space: nowrap;">
                 <a href="#" role="button" class="transition-all inline-block cursor-pointer no-underline border-2 border-solid border-transparent ml-1 mr-1 mt-2 mb-2 hover:border-transparent rounded bg-gray-200 hover:bg-gray-300 tracking-50 uppercase py-2 size-14 px-6 font-semibold text-gray-600 leading-relaxed">Read More</a>
                 <a href="#" role="button" class="transition-all inline-block cursor-pointer no-underline border-2 border-solid ml-1 mr-1 mt-2 mb-2 rounded tracking-50 uppercase py-2 size-14 px-6 border-current hover:border-transparent hover:text-white font-semibold text-indigo-500 hover:bg-indigo-500 leading-relaxed">Get Started</a>
             </div>`;
@@ -64889,6 +64856,7 @@ class ElementTool {
   pos() {
     let elementTool = this.elementTool;
     let elm = this.builder.activeElement;
+    if (elm.closest('.is-dock')) return;
     let top, left;
 
     if (!this.builder.iframe) {