@innovastudio/contentbuilder 1.1.6 → 1.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbuilder",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -7901,37 +7901,42 @@ class Dom {
     this.replaceTag(area, 'i', cssClasses.fontStyle.italic);
     this.replaceTag(area, 'u', cssClasses.textDecoration.underline);
     this.replaceTag(area, 'strike', cssClasses.textDecoration.linethrough);
+    this.replaceInline(area, 'font-weight', 'normal', cssClasses.fontWeight.defaultBold);
     this.replaceInline(area, 'font-weight', 'bold', cssClasses.fontWeight.defaultBold);
-    this.replaceInline(area, 'text-align', 'left', 'text-left');
-    this.replaceInline(area, 'text-align', 'right', 'text-right');
-    this.replaceInline(area, 'text-align', 'center', 'text-center');
-    this.replaceInline(area, 'text-align', 'justify', 'text-justify');
-    this.replaceInline(area, 'display', 'flex', 'flex');
-    this.replaceInline(area, 'justiify-content', 'flex-start', 'justify-start');
-    this.replaceInline(area, 'justiify-content', 'flex-end', 'justify-end');
-    this.replaceInline(area, 'justiify-content', 'center', 'justify-center');
-    this.replaceInline(area, 'justiify-content', 'space-between', 'justify-between');
-    this.replaceInline(area, 'align-items', 'flex-start', 'items-start');
-    this.replaceInline(area, 'align-items', 'flex-end', 'items-end');
-    this.replaceInline(area, 'align-items', 'center', 'items-center');
-    this.replaceInline(area, 'text-transform', 'uppercase', 'uppercase');
-    this.replaceInline(area, 'text-transform', 'lowercase', 'lowercase');
-    this.replaceInline(area, 'line-height', '1', 'leading-none');
-    this.replaceInline(area, 'line-height', '1.1', 'leading-11');
-    this.replaceInline(area, 'line-height', '1.2', 'leading-12');
-    this.replaceInline(area, 'line-height', '1.25', 'leading-tight');
-    this.replaceInline(area, 'line-height', '1.3', 'leading-13');
-    this.replaceInline(area, 'line-height', '1.375', 'leading-snug');
-    this.replaceInline(area, 'line-height', '1.4', 'leading-14');
-    this.replaceInline(area, 'line-height', '1.5', 'leading-15');
-    this.replaceInline(area, 'line-height', '1.6', 'leading-16');
-    this.replaceInline(area, 'line-height', '1.625', 'leading-relaxed');
-    this.replaceInline(area, 'line-height', '1.7', 'leading-17');
-    this.replaceInline(area, 'line-height', '1.8', 'leading-18');
-    this.replaceInline(area, 'line-height', '1.9', 'leading-19');
-    this.replaceInline(area, 'line-height', '2', 'leading-loose');
-    this.replaceInline(area, 'line-height', '2.1', 'leading-21');
-    this.replaceInline(area, 'line-height', '2.2', 'leading-22');
+    this.replaceInline(area, 'font-weight', '600', cssClasses.fontWeight.semibold);
+    this.replaceInline(area, 'text-align', 'left', cssClasses.textAlign.left);
+    this.replaceInline(area, 'text-align', 'right', cssClasses.textAlign.right);
+    this.replaceInline(area, 'text-align', 'center', cssClasses.textAlign.center);
+    this.replaceInline(area, 'text-align', 'justify', cssClasses.textAlign.justify);
+    this.replaceInline(area, 'display', 'flex', cssClasses.display.flex);
+    this.replaceInline(area, 'justiify-content', 'flex-start', cssClasses.justifyContent.start);
+    this.replaceInline(area, 'justiify-content', 'flex-end', cssClasses.justifyContent.end);
+    this.replaceInline(area, 'justiify-content', 'center', cssClasses.justifyContent.center);
+    this.replaceInline(area, 'justiify-content', 'space-between', cssClasses.justifyContent.between);
+    this.replaceInline(area, 'flex-direction', 'column', cssClasses.flexDirection.column);
+    this.replaceInline(area, 'flex-direction', 'row', cssClasses.flexDirection.row);
+    this.replaceInline(area, 'align-items', 'flex-start', cssClasses.alignItems.start);
+    this.replaceInline(area, 'align-items', 'flex-end', cssClasses.alignItems.end);
+    this.replaceInline(area, 'align-items', 'center', cssClasses.alignItems.center);
+    this.replaceInline(area, 'text-transform', 'uppercase', cssClasses.textTransform.uppercase);
+    this.replaceInline(area, 'text-transform', 'lowercase', cssClasses.textTransform.lowercase);
+    this.replaceInline(area, 'text-transform', 'none', cssClasses.textTransform.normal);
+    this.replaceInline(area, 'line-height', '1', cssClasses.leading.leading_10);
+    this.replaceInline(area, 'line-height', '1.1', cssClasses.leading.leading_11);
+    this.replaceInline(area, 'line-height', '1.2', cssClasses.leading.leading_12);
+    this.replaceInline(area, 'line-height', '1.25', cssClasses.leading.leading_125);
+    this.replaceInline(area, 'line-height', '1.3', cssClasses.leading.leading_13);
+    this.replaceInline(area, 'line-height', '1.375', cssClasses.leading.leading_1375);
+    this.replaceInline(area, 'line-height', '1.4', cssClasses.leading.leading_14);
+    this.replaceInline(area, 'line-height', '1.5', cssClasses.leading.leading_15);
+    this.replaceInline(area, 'line-height', '1.6', cssClasses.leading.leading_16);
+    this.replaceInline(area, 'line-height', '1.625', cssClasses.leading.leading_1625);
+    this.replaceInline(area, 'line-height', '1.7', cssClasses.leading.leading_17);
+    this.replaceInline(area, 'line-height', '1.8', cssClasses.leading.leading_18);
+    this.replaceInline(area, 'line-height', '1.9', cssClasses.leading.leading_19);
+    this.replaceInline(area, 'line-height', '2', cssClasses.leading.leading_20);
+    this.replaceInline(area, 'line-height', '2.1', cssClasses.leading.leading_21);
+    this.replaceInline(area, 'line-height', '2.2', cssClasses.leading.leading_22);
   }
 
   replaceTag(area, tag, className) {
@@ -7954,7 +7959,15 @@ class Dom {
   replaceInline(builder, css, value, className) {
     let elms = builder.querySelectorAll('*');
     elms.forEach(elm => {
-      if (elm.style[css] === `${value}`) {
+      if (css === 'justiify-content') {
+        /*
+        For some reason, cannot use elm.style[css] for 'justify-content'
+        */
+        if (elm.style.justifyContent === `${value}`) {
+          this.addClass(elm, className);
+          elm.style.justifyContent = '';
+        }
+      } else if (elm.style[css] === `${value}`) {
         this.addClass(elm, className);
         elm.style[css] = '';
       }