@innovastudio/contentbuilder 1.3.32 → 1.3.33

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.3.32",
+  "version": "1.3.33",
   "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');
     }