@innovastudio/contentbuilder 1.4.66 → 1.4.67

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -56006,6 +56006,9 @@ class ColorPicker {
     if (color) {
       this.opts.color = color;
       this.setColor(color, true);
+    } else {
+      let inputColor = this.pickcolor.querySelector('.input-text');
+      inputColor.value = '';
     }
     const handleKeyDown = e => {
       if (e.keyCode === 27) {
@@ -56028,11 +56031,30 @@ class ColorPicker {
     let inputColor = this.pickcolor.querySelector('.input-text');
     inputColor.focus();
   }
+  isColorName(color) {
+    const colorNamePattern = /^([a-z]+)$/i;
+    return colorNamePattern.test(color);
+  }
+  convertColorToRGB(colorName) {
+    const tempElement = document.createElement('div');
+    tempElement.style.color = colorName;
+    document.body.appendChild(tempElement);
+    const computedColor = window.getComputedStyle(tempElement).color;
+    document.body.removeChild(tempElement);
+
+    // Extract RGB values from the computed color
+    const rgbValues = computedColor.match(/\d+/g);
+    return `rgb(${rgbValues[0]}, ${rgbValues[1]}, ${rgbValues[2]})`;
+  }
   setColor(color, noCallback) {
     let pickcolor = this.pickcolor;
     let pickcolormore = this.pickcolormore;
-    var colorOpacity = pickcolor.querySelector('.color-opacity');
+    let colorOpacity = pickcolor.querySelector('.color-opacity');
     let colorgradient = pickcolor.querySelector('.color-gradient');
+    const isColorName = this.isColorName(color);
+    if (isColorName) {
+      color = this.convertColorToRGB(color);
+    }
     let base = color;
     let rgb;
     if (base.indexOf('rgb') !== -1) {
@@ -77480,7 +77502,7 @@ class Dictation {
                 <span style="display: flex;
                 justify-content: center;
                 align-items: center;">
-                    ${util.out('Send a Command')}</span>
+                    ${util.out('AI Assistant')}</span>
                 <button class="is-modal-close" tabindex="-1" title="${util.out('Close')}">
                     <svg class="is-icon-flex"style="width:20px;height:20px"><use xlink:href="#ion-ios-close-empty"></use></svg>
                 </button>
@@ -77877,7 +77899,8 @@ class Similarity {
         maxKey = key;
       }
     }
-    const similarityThreshold = 0.6;
+    // console.log(maxSimilarity)
+    const similarityThreshold = this.builder.similarityThreshold; //0.65;
     if (maxSimilarity >= similarityThreshold) {
       return maxKey;
     }
@@ -78534,6 +78557,7 @@ class ContentBuilder {
         capitalize: ['capitalize'],
         clean: ['clean']
       },
+      similarityThreshold: 0.65,
       commandList: {
         select: ['select', 'select first'],
         select_next: ['select next', 'select after'],