@fw-components/formula-editor 2.0.7-formula-editor.9 → 2.0.7-formula-editor.11

package/dist/formula-editor/src/formula-editor.js

@@ -177,11 +177,22 @@ let FormulaEditor = class FormulaEditor extends LitElement {
             }
         }
     }
+    handleFocusOut(e) {
+        this._recommendations = null;
+        this.requestUpdate();
+    }
     render() {
         return html `
       <style>
         ${FormulaEditorStyles}
       </style>
+
+        ${this.label
+            ? html `<label for="wysiwyg-editor" class="formula-editor-label">
+              ${this.label}
+            </label>`
+            : ""}
+        
         <div
           contenteditable
           placeholder=${this.placeholder}
@@ -190,12 +201,14 @@ let FormulaEditor = class FormulaEditor extends LitElement {
           autocomplete="off"
           @input=${this.handleChange}
           @keydown=${this.handleKeyboardEvents}
+          @blur=${this.handleFocusOut}
         ></div>
       ${this._recommendations
             ? html ` <suggestion-menu
               .recommendations=${this._recommendations}
               .currentSelection=${this._selectedRecommendation}
               .onClickRecommendation=${(e) => this.onClickRecommendation(e)}
+               @mousedown=${(e) => e.preventDefault()}
             ></suggestion-menu>`
             : html ``}
       <p>${this._calculatedResult}</p>
@@ -229,6 +242,9 @@ __decorate([
 __decorate([
     property()
 ], FormulaEditor.prototype, "placeholder", void 0);
+__decorate([
+    property()
+], FormulaEditor.prototype, "label", void 0);
 __decorate([
     property({
         type: (Map),

package/dist/formula-editor/src/styles/formula-editor-styles.js

@@ -1,5 +1,13 @@
 import { css } from "lit";
 export const FormulaEditorStyles = css `
+
+  .formula-editor-label {
+    display: block;
+    font-size: var(--fe-label-font-size, 0.9rem);
+    color: var(--fe-label-color, #343434);
+    margin-bottom: var(--fe-label-margin-bottom, 1px);
+  }
+
   #wysiwyg-editor {
     display: inline-block;
     padding: var(--fe-padding, 4px);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fw-components/formula-editor",
-  "version": "2.0.7-formula-editor.9",
+  "version": "2.0.7-formula-editor.11",
   "description": "A WYSIWYG type formula editor",
   "main": "dist/formula-editor/src/formula-builder.js",
   "publishConfig": {
@@ -25,5 +25,5 @@
     "@types/big.js": "^6.1.6",
     "es-dev-server": "^2.1.0"
   },
-  "gitHead": "8ec9bb1e89c289c5334db8f99d1a359c731a4375"
+  "gitHead": "8f3f50748f055ca017d8ff6f5ac946b8949825e5"
 }