@innovastudio/contentbuilder 1.4.65 → 1.4.67

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.65",
+  "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) {
@@ -77373,34 +77395,25 @@ class Dictation {
                 margin-bottom: 2.2rem;
                 display: flex;
                 flex: none;
-                width: 255px;
+                width: 350px;
                 height: auto;
                 flex-direction: column;
                 justify-content: space-between;
                 border-radius: 0.25rem;
                 border: 1px solid rgb(156 163 175/.75);
                 padding: 1.5rem 2rem;
+                box-sizing: border-box;
                 letter-spacing: .025em;
                 box-shadow: 5px 5px 0px rgb(0 0 0 / 3%);
-                font-size: 20px;
+                font-size: 19px;
                 font-weight: 300;
                 font-family: sans-serif;
                 line-height: 1.3;
                 cursor:pointer;
                 transition: all 0.3s ease;
             }
-            /*
-            .is-modal.commandlist .is-modal-content > div > div:focus {
-                outline: #5fa1f0 2px solid;
-                outline-offset: 2px;
-            }
-            */
             .is-modal.commandlist .is-modal-content > div > div:hover {
                 background: rgba(0, 0, 0, 0.03);
-                /*
-                outline: #5fa1f0 2px solid;
-                border: 1px solid transparent;
-                */
             }
             .dark .is-modal.commandlist .is-modal-content > div > div:hover {
                 background: rgba(255, 255, 255, 0.05);
@@ -77489,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>
@@ -77886,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;
     }
@@ -78543,6 +78557,7 @@ class ContentBuilder {
         capitalize: ['capitalize'],
         clean: ['clean']
       },
+      similarityThreshold: 0.65,
       commandList: {
         select: ['select', 'select first'],
         select_next: ['select next', 'select after'],