@innovastudio/contentbuilder 1.4.53 → 1.4.54

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -70171,6 +70171,185 @@ class Rte {
     }
     this.getState();
   }
+  formatTextNonToggle(command) {
+    const dom = this.builder.dom;
+    let elm;
+    try {
+      let curr;
+      if (this.builder.win.getSelection) {
+        curr = this.builder.win.getSelection().getRangeAt(0).commonAncestorContainer;
+        if (curr.nodeType === 3) {
+          //text node
+          elm = curr.parentNode;
+        } else {
+          elm = curr;
+        }
+      } else if (this.builder.doc.selection) {
+        curr = this.builder.doc.selection.createRange();
+        elm = this.builder.doc.selection.createRange().parentElement();
+      }
+    } catch (e) {
+      return;
+    }
+    var text = dom.getSelected();
+    if (command === 'bold') {
+      dom.execCommand('text-weight', 'bold', (ok, container) => {
+        if (this.builder.useCssClasses) {
+          if (container) {
+            const config = this.builder.cssClasses;
+            container.classList.remove(config.fontWeight.thin);
+            container.classList.remove(config.fontWeight.extralight);
+            container.classList.remove(config.fontWeight.light);
+            container.classList.remove(config.fontWeight.normal);
+            container.classList.remove(config.fontWeight.semibold);
+            container.classList.remove(config.fontWeight.bold);
+            container.classList.remove(config.fontWeight.extrabold);
+            container.classList.remove(config.fontWeight.black);
+            container.classList.remove(config.fontWeight.defaultBold);
+            container.classList.remove(config.fontWeight.defaultNormal);
+            container.classList.add(config.fontWeight.semibold);
+            dom.doFunction(container, function (theEl) {
+              theEl.style.fontWeight = '';
+            }, true);
+          }
+        }
+      });
+    }
+    if (command === 'italic') {
+      dom.execCommand('text-style', 'italic', (ok, container) => {
+        if (this.builder.useCssClasses) {
+          if (container) {
+            const config = this.builder.cssClasses;
+            container.classList.remove(config.fontStyle.italic);
+            container.classList.remove(config.fontStyle.normal);
+            container.classList.add(config.fontStyle.italic);
+            dom.doFunction(container, function (theEl) {
+              theEl.style.fontStyle = '';
+            }, true);
+          }
+        }
+      });
+    }
+    if (command === 'underline') {
+      dom.execCommand('text-decoration', 'underline', (ok, container) => {
+        if (this.builder.useCssClasses) {
+          if (container) {
+            const config = this.builder.cssClasses;
+            container.classList.remove(config.textDecoration.underline);
+            container.classList.remove(config.textDecoration.linethrough);
+            container.classList.remove(config.textDecoration.normal);
+            container.classList.add(config.textDecoration.underline);
+            dom.doFunction(container, function (theEl) {
+              theEl.style.textDecoration = '';
+            }, true);
+          }
+        }
+      });
+    }
+    if (command === 'strikethrough') {
+      dom.execCommand('text-decoration', 'line-through', (ok, container) => {
+        if (this.builder.useCssClasses) {
+          if (container) {
+            const config = this.builder.cssClasses;
+            container.classList.remove(config.textDecoration.underline);
+            container.classList.remove(config.textDecoration.linethrough);
+            container.classList.remove(config.textDecoration.normal);
+            container.classList.add(config.textDecoration.linethrough);
+            dom.doFunction(container, function (theEl) {
+              theEl.style.textDecoration = '';
+            }, true);
+          }
+        }
+      });
+    }
+    if (command === 'superscript') {
+      if (this.builder.useCssClasses) {
+        dom.execCommandToggle('extend', 'superscript', this.builder.cssClasses);
+      } else {
+        this.builder.doc.execCommand('superscript', false, null);
+      }
+    }
+    if (command === 'subscript') {
+      if (this.builder.useCssClasses) {
+        dom.execCommandToggle('extend', 'subscript', this.builder.cssClasses);
+      } else {
+        this.builder.doc.execCommand('subscript', false, null);
+      }
+    }
+    if (command === 'uppercase') {
+      dom.execCommand('text-transform', 'uppercase', (ok, container) => {
+        if (this.builder.useCssClasses) {
+          if (container) {
+            const config = this.builder.cssClasses;
+            container.classList.remove(config.textTransform.uppercase);
+            container.classList.remove(config.textTransform.lowercase);
+            container.classList.remove(config.textTransform.capitalize);
+            container.classList.remove(config.textTransform.normal);
+            container.classList.add(config.textTransform.uppercase);
+            dom.doFunction(container, function (theEl) {
+              theEl.style.textTransform = '';
+            }, true);
+          }
+        }
+      });
+    }
+    if (command === 'lowercase') {
+      dom.execCommand('text-transform', 'lowercase', (ok, container) => {
+        if (this.builder.useCssClasses) {
+          if (container) {
+            const config = this.builder.cssClasses;
+            container.classList.remove(config.textTransform.uppercase);
+            container.classList.remove(config.textTransform.lowercase);
+            container.classList.remove(config.textTransform.capitalize);
+            container.classList.remove(config.textTransform.normal);
+            container.classList.add(config.textTransform.lowercase);
+            dom.doFunction(container, function (theEl) {
+              theEl.style.textTransform = '';
+            }, true);
+          }
+        }
+      });
+    }
+    if (command === 'capitalize') {
+      dom.execCommand('text-transform', 'capitalize', (ok, container) => {
+        if (this.builder.useCssClasses) {
+          if (container) {
+            const config = this.builder.cssClasses;
+            container.classList.remove(config.textTransform.uppercase);
+            container.classList.remove(config.textTransform.lowercase);
+            container.classList.remove(config.textTransform.capitalize);
+            container.classList.remove(config.textTransform.normal);
+            container.classList.add(config.textTransform.capitalize);
+            dom.doFunction(container, function (theEl) {
+              theEl.style.textTransform = '';
+            }, true);
+          }
+        }
+      });
+    }
+    if (command === 'clean') {
+      if (this.builder.useCssClasses) {
+        this.builder.doc.execCommand('removeFormat', false, null); // optional: backward compatible (for cleaning old b, i tags)
+        dom.execCommandToggle('clean', '', this.builder.cssClasses);
+      } else {
+        if (text.trim() === '') {
+          elm.style.cssText = '';
+          elm.className = '';
+        } else {
+          if (elm.innerText.replace(/(\r\n|\n|\r)/gm, '') === text.trim().replace(/(\r\n|\n|\r)/gm, '')) {
+            elm.style.cssText = '';
+            elm.className = '';
+            this.builder.doc.execCommand('removeFormat', false, null);
+            this.builder.doc.execCommand('removeFormat', false, null);
+          } else {
+            this.builder.doc.execCommand('removeFormat', false, null);
+            this.builder.doc.execCommand('removeFormat', false, null);
+          }
+        }
+      }
+    }
+    this.getState();
+  }
   insertImage() {
     const dom = this.dom;
     const modalInsertImage = this.builderStuff.querySelector('.insertimage');
@@ -78191,6 +78370,9 @@ class ContentBuilder {
   formatText(command) {
     this.rte.formatText(command);
   }
+  formatTextNonToggle(command) {
+    this.rte.formatTextNonToggle(command);
+  }
   LightenDarkenColor(col, amt) {
     // Backward compatibility (used by: Button Editor plugin)
     return this.util.LightenDarkenColor(col, amt);