@fw-components/formula-editor 2.0.3-formula-editor.1 → 2.0.3-formula-editor.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fw-components/formula-editor",
-  "version": "2.0.3-formula-editor.1",
+  "version": "2.0.3-formula-editor.2",
   "type": "module",
   "description": "A WYSIWYG type formula editor",
   "main": "dist/src/formula-builder.js",
@@ -8,7 +8,10 @@
     "access": "public"
   },
   "scripts": {
-    "start": "es-dev-server --app-index ../../index.html --node-resolve --watch --open"
+    "start": "es-dev-server --app-index ../../index.html --node-resolve --watch --open",
+    "build": "tsc --composite false",
+    "dev": "tsc -w --composite false",
+    "prepublishOnly": "npm run build"
   },
   "dependencies": {
     "@fw-components/styles": "^2.0.3-formula-editor.1",
@@ -22,5 +25,5 @@
     "@types/big.js": "^6.1.6",
     "es-dev-server": "^2.1.0"
   },
-  "gitHead": "f0c8eaf674cdbc6d104fcedb36ddbb6036af40db"
+  "gitHead": "41e04736e935bdc1a2b12fe2dd2d5481f0597559"
 }

package/src/cursor.js

@@ -0,0 +1,126 @@
+var _a;
+export class Cursor {
+    /**
+     * The functions `getCurrentCursorPosition`, `setCurrentCursorPosition` and their
+     * helpers `_createRange` and `_isChildOf` are not used for caret manipulation,
+     * but are still in the code for future reference, if the functionality breaks
+     * somehow in some obsolete browser.
+     */
+    static getCurrentCursorPosition(parentElement) {
+        var _b, _c;
+        let selection = window.getSelection(), charCount = -1, node;
+        if (selection === null || selection === void 0 ? void 0 : selection.focusNode) {
+            if (Cursor._isChildOf(selection.focusNode, parentElement)) {
+                node = selection.focusNode;
+                charCount = selection.focusOffset;
+                while (node) {
+                    if (node === parentElement) {
+                        break;
+                    }
+                    if (node.previousSibling) {
+                        node = node.previousSibling;
+                        charCount += (_c = (_b = node.textContent) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0;
+                    }
+                    else {
+                        node = node.parentNode;
+                        if (node === null) {
+                            break;
+                        }
+                    }
+                }
+            }
+        }
+        return charCount;
+    }
+    static setCurrentCursorPosition(chars, element) {
+        if (chars >= 0) {
+            var selection = window.getSelection();
+            let range = Cursor._createRange(element, { count: chars }, undefined);
+            if (range) {
+                range.collapse(false);
+                selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
+                selection === null || selection === void 0 ? void 0 : selection.addRange(range);
+            }
+        }
+    }
+    static _createRange(node, chars, range) {
+        if (!range) {
+            range = document.createRange();
+            range.selectNode(node);
+            range.setStart(node, 0);
+        }
+        if (chars.count === 0) {
+            range.setEnd(node, chars.count);
+        }
+        else if (node && chars.count > 0) {
+            if (node.nodeType === Node.TEXT_NODE) {
+                if (node.textContent.length < chars.count) {
+                    chars.count -= node.textContent.length;
+                }
+                else {
+                    range.setEnd(node, chars.count);
+                    chars.count = 0;
+                }
+            }
+            else {
+                for (var lp = 0; lp < node.childNodes.length; lp++) {
+                    range = Cursor._createRange(node.childNodes[lp], chars, range);
+                    if (chars.count === 0) {
+                        break;
+                    }
+                }
+            }
+        }
+        return range;
+    }
+    static _isChildOf(node, parentElement) {
+        while (node !== null) {
+            if (node === parentElement) {
+                return true;
+            }
+            node = node.parentNode;
+        }
+        return false;
+    }
+    static getCaretPosition(shadowRoot, element) {
+        // `getSelection` is not defined for the type ShadowRoot in TS,
+        // but it does exist.
+        const range = shadowRoot.getSelection().getRangeAt(0);
+        const prefix = range.cloneRange();
+        prefix.selectNodeContents(element);
+        prefix.setEnd(range.endContainer, range.endOffset);
+        return prefix.toString().length;
+    }
+    static getCursorRect(shadowRoot) {
+        var _b, _c;
+        return (_c = (_b = shadowRoot
+            .getSelection()) === null || _b === void 0 ? void 0 : _b.getRangeAt(0)) === null || _c === void 0 ? void 0 : _c.getClientRects()[0];
+    }
+}
+_a = Cursor;
+Cursor.setCaretPosition = (pos, parent) => {
+    for (const node of parent.childNodes) {
+        if (node.nodeType == Node.TEXT_NODE) {
+            if (node.length >= pos) {
+                const range = document.createRange();
+                const sel = window.getSelection();
+                range.setStart(node, pos);
+                range.collapse(true);
+                sel.removeAllRanges();
+                sel.addRange(range);
+                return -1;
+            }
+            else {
+                pos = pos - node.length;
+            }
+        }
+        else {
+            pos = _a.setCaretPosition(pos, node);
+            if (pos < 0) {
+                return pos;
+            }
+        }
+    }
+    return pos;
+};
+//# sourceMappingURL=cursor.js.map

package/src/cursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cursor.js","sourceRoot":"","sources":["cursor.ts"],"names":[],"mappings":"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"}

package/src/formula-builder.js

@@ -0,0 +1,148 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, css, html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { Formula } from "./helpers/types.js";
+import { TextButtonStyles } from "../../styles/src/button-styles.js";
+let FormulaBuilder = class FormulaBuilder extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variables = new Map([
+            ["sales_expense", 2],
+            ["sales_in_quarter", 3],
+            ["sales_cummulative", 3],
+            ["cummulative_sum", 4],
+            ["mayank", 10],
+        ]);
+        this.formula = new Formula("", "");
+        this.handleCalculate = () => {
+            var _a;
+            (_a = this.formulaEditor) === null || _a === void 0 ? void 0 : _a.requestCalculate();
+        };
+        this.handleFormat = () => {
+            var _a;
+            (_a = this.formulaEditor) === null || _a === void 0 ? void 0 : _a.requestFormat();
+        };
+    }
+    handleChange() {
+        var _a;
+        this.dispatchEvent(new CustomEvent("fw-formula-changed", {
+            detail: {
+                name: (_a = this.nameInput) === null || _a === void 0 ? void 0 : _a.value,
+                rawFormula: this.formula.formulaString,
+                error: this.formula.error,
+                precision: this.formula.precision,
+            },
+            bubbles: true,
+        }));
+        this.requestUpdate();
+    }
+    render() {
+        var _a, _b;
+        return html `
+      ${TextButtonStyles}
+
+      <div>
+        <label for="metric-name-input">Metric Name</label>
+        <input
+          id="metric-name-input"
+          .value=${this.formula.name}
+          @input=${(e) => {
+            this.handleChange();
+        }}
+        />
+      </div>
+      <label>Formula</label>
+      <formula-editor
+        class="fe"
+        minSuggestionLen="0"
+        @fw-formula-content-changed=${(e) => {
+            this.formula.formulaString = e.detail.formulaString;
+            this.formula.error = e.detail.error;
+            this.handleChange();
+        }}
+        .variables=${this.variables}
+        .content=${this.formula.formulaString}
+        .errorString=${this.formula.error}
+      >
+      </formula-editor>
+      <div id="wysiwyg-err" class="${(_a = this.formula.error) !== null && _a !== void 0 ? _a : "wysiwyg-no-err"}">
+        ${(_b = this.formula.error) !== null && _b !== void 0 ? _b : `${this.formula.name} = ${this.formula.formulaString}`}
+      </div>
+      <button class="primary-text-button" @click=${this.handleCalculate}>
+        Calculate
+      </button>
+      <button class="primary-text-button" @click=${this.handleFormat}>
+        Format
+      </button>
+    `;
+    }
+};
+FormulaBuilder.styles = css `
+    #wysiwyg-err {
+      width: 100%;
+      border-radius: 0px 0px var(--fe-err-border-radius, 4px)
+        var(--fe-err-border-radius, 4px);
+      color: var(--fe-err-text-color, #fc514f);
+      border: var(--fe-err-border-width, 2px) solid black;
+      /* border-top: 0px; */
+      background-color: var(--fe-background-color, #222222);
+      padding: 4px;
+      margin: 0px 0px 8px 0px;
+    }
+
+    .wysiwyg-no-err {
+      color: #098668 !important;
+    }
+  `;
+__decorate([
+    property({
+        type: (Map),
+        converter: {
+            fromAttribute: (value) => {
+                if (value) {
+                    return new Map(JSON.parse(value));
+                }
+            },
+            toAttribute: (value) => {
+                return JSON.stringify(Array.from(value.entries()));
+            },
+        },
+    })
+], FormulaBuilder.prototype, "variables", void 0);
+__decorate([
+    property({
+        type: Formula,
+        converter: {
+            fromAttribute: (value) => {
+                if (value) {
+                    const formulaJSON = JSON.parse(value);
+                    return new Formula(formulaJSON.name, formulaJSON.formulaString, formulaJSON.precision);
+                }
+            },
+            toAttribute: (value) => {
+                return JSON.stringify(value);
+            },
+        },
+    })
+], FormulaBuilder.prototype, "formula", void 0);
+__decorate([
+    property()
+], FormulaBuilder.prototype, "handleCalculate", void 0);
+__decorate([
+    property()
+], FormulaBuilder.prototype, "handleFormat", void 0);
+__decorate([
+    query("#metric-name-input")
+], FormulaBuilder.prototype, "nameInput", void 0);
+__decorate([
+    query("formula-editor")
+], FormulaBuilder.prototype, "formulaEditor", void 0);
+FormulaBuilder = __decorate([
+    customElement("formula-builder")
+], FormulaBuilder);
+//# sourceMappingURL=formula-builder.js.map

package/src/formula-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formula-builder.js","sourceRoot":"","sources":["formula-builder.ts"],"names":[],"mappings":"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"}

package/src/formula-creator.js

@@ -0,0 +1,84 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from "lit";
+import { customElement, state } from "lit/decorators.js";
+import { repeat } from "lit/directives/repeat.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { Operator } from "./helpers/types";
+var FormulaEntityType;
+(function (FormulaEntityType) {
+    FormulaEntityType[FormulaEntityType["Operator"] = 0] = "Operator";
+    FormulaEntityType[FormulaEntityType["Entity"] = 1] = "Entity";
+})(FormulaEntityType || (FormulaEntityType = {}));
+class FormulaEntity {
+    constructor(type, metric, operator = Operator.NONE) {
+        this.type = type;
+        this.metric = metric;
+        this.operator = operator;
+    }
+}
+class FormulaRow {
+    constructor(type, metrices = null, operator = Operator.NONE) {
+        this.operator = Operator.NONE;
+        this.type = type;
+        this.metrices = metrices;
+        this.operator = operator;
+    }
+}
+let FormulaCreator = class FormulaCreator extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.formulaState = [
+            new FormulaRow(FormulaEntityType.Entity, [
+                new FormulaEntity(FormulaEntityType.Entity, "Sales Expense"),
+                new FormulaEntity(FormulaEntityType.Operator, null, Operator.MINUS),
+                new FormulaEntity(FormulaEntityType.Entity, "Marketing Expense"),
+            ]),
+            new FormulaRow(FormulaEntityType.Operator, null, Operator.DIV),
+            new FormulaRow(FormulaEntityType.Entity, [
+                new FormulaEntity(FormulaEntityType.Entity, "Sales Expense"),
+                new FormulaEntity(FormulaEntityType.Operator, null, Operator.PLUS),
+                new FormulaEntity(FormulaEntityType.Entity, "Marketing Expense"),
+            ]),
+            new FormulaRow(FormulaEntityType.Operator, null, Operator.DIV),
+            new FormulaRow(FormulaEntityType.Entity, [
+                new FormulaEntity(FormulaEntityType.Entity, "Sales Expense"),
+                new FormulaEntity(FormulaEntityType.Operator, null, Operator.DIV),
+                new FormulaEntity(FormulaEntityType.Entity, "Marketing Expense"),
+            ]),
+        ];
+    }
+    render() {
+        return html `
+      <label>Formula</label>
+      ${repeat(this.formulaState, (_, rowIndex) => `row-${rowIndex}`, (formulaRow, rowIndex) => {
+            return formulaRow.type == FormulaEntityType.Entity
+                ? html ` <div>
+                ${repeat(formulaRow.metrices, (_, columnIndex) => `col-(${rowIndex},${columnIndex})`, (formulaEntity, columnIndex) => {
+                    return formulaEntity.type == FormulaEntityType.Entity
+                        ? html `<input
+                          value=${ifDefined(formulaEntity.metric === null
+                            ? undefined
+                            : formulaEntity.metric)}
+                        />`
+                        : html `<operator-input
+                          .operator=${formulaEntity.operator}
+                        ></operator-input>`;
+                })}
+              </div>`
+                : html `<div>${formulaRow.operator}</div>`;
+        })}
+    `;
+    }
+};
+__decorate([
+    state()
+], FormulaCreator.prototype, "formulaState", void 0);
+FormulaCreator = __decorate([
+    customElement("formula-creator")
+], FormulaCreator);
+//# sourceMappingURL=formula-creator.js.map

package/src/formula-creator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formula-creator.js","sourceRoot":"","sources":["formula-creator.ts"],"names":[],"mappings":"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"}

package/src/formula-editor.js

@@ -0,0 +1,219 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from "lit";
+import { customElement, property, state, query } from "lit/decorators.js";
+import { FormulaEditorStyles } from "./styles/formula-editor-styles.js";
+import { Parser } from "./parser.js";
+import { Cursor } from "./cursor.js";
+import "./suggestion-menu.js";
+let FormulaEditor = class FormulaEditor extends LitElement {
+    constructor() {
+        super();
+        /**
+         * These `states` and `properties` can't be defined as `static get properties`,
+         * because TS doesn't support that.
+         * @see https://github.com/lit/lit-element/issues/414
+         */
+        this._formattedContent = null;
+        this._recommendations = null;
+        this._calculatedResult = undefined;
+        /**
+         * If `parseInput` is called to add a recommendation, say by clicking,
+         * browser removes focus from the input box. In that case, we have no way
+         * of knowing where the cursor previously was, other than storing it somewhere.
+         */
+        this.currentCursorPosition = null;
+        this.currentCursorRect = undefined;
+        this.lastInputType = "undef";
+        this.content = "";
+        this.variables = new Map();
+        this.minSuggestionLen = 2;
+        this.errorString = null;
+        this._parser = new Parser(this.variables, this.minSuggestionLen);
+    }
+    firstUpdated(_changedProperties) {
+        this._parser = new Parser(this.variables, this.minSuggestionLen);
+        this.parseInput(null, false);
+    }
+    handleChange(event) {
+        event.preventDefault();
+        this.lastInputType = event.inputType;
+        this.content = event.target.innerText;
+        this.parseInput();
+        event.target.focus();
+    }
+    handleTab(event) {
+        var _a;
+        if (event.code == "Tab" && ((_a = this._recommendations) === null || _a === void 0 ? void 0 : _a.length) == 1) {
+            event.preventDefault();
+            this.parseInput(this._recommendations[0]);
+        }
+    }
+    onClickRecommendation(recommendation) {
+        var _a;
+        let editor = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById("wysiwyg-editor");
+        if (!editor)
+            return;
+        this.parseInput(recommendation);
+        this.currentCursorPosition = null;
+    }
+    /**
+     *
+     * @param recommendation The recommendation which needs to be inserted
+     * at the current cursor position
+     * @param manageCursor Whether or not cursor management is needed. Not
+     * needed when manual insertion of text is required (eg: during initialization)
+     * @returns void
+     */
+    parseInput(recommendation = null, manageCursor = true) {
+        var _a;
+        let editor = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById("wysiwyg-editor");
+        if (!editor)
+            return;
+        /**
+         * @see https://github.com/WICG/webcomponents/issues/79
+         */
+        if (manageCursor)
+            this.currentCursorPosition = recommendation
+                ? this.currentCursorPosition
+                : Cursor.getCaretPosition(this.shadowRoot, editor);
+        const parseOutput = this._parser.parseInput(this.content, this.currentCursorPosition, recommendation);
+        this._recommendations = parseOutput.recommendations;
+        this._formattedContent = parseOutput.formattedContent;
+        this.errorString = parseOutput.errorString;
+        /**
+         * Don't modify the text stream manually if the text is being composed,
+         * unless the user manually chooses to do so by selecting a suggestion.
+         * @see https://github.com/w3c/input-events/issues/86
+         * @see https://github.com/w3c/input-events/pull/122
+         * @see https://bugs.chromium.org/p/chromium/issues/detail?id=689541
+         * */
+        if (this.lastInputType != "insertCompositionText" || recommendation) {
+            editor.innerHTML = parseOutput.formattedString;
+        }
+        this.content = editor.innerText;
+        if (recommendation) {
+            this._recommendations = null;
+            this.currentCursorPosition = parseOutput.newCursorPosition;
+        }
+        if (manageCursor)
+            Cursor.setCaretPosition(this.currentCursorPosition, editor);
+        editor === null || editor === void 0 ? void 0 : editor.focus();
+        if (manageCursor)
+            this.currentCursorRect = Cursor.getCursorRect(this.shadowRoot);
+        this.requestUpdate();
+        this.dispatchEvent(new CustomEvent("fw-formula-content-changed", {
+            detail: {
+                formulaString: this.content,
+                error: this.errorString,
+            },
+            bubbles: true,
+        }));
+    }
+    requestCalculate() {
+        var _a;
+        if (this._parser.parseInput(this.content).errorString) {
+            return;
+        }
+        const calculatedResult = this._parser.calculate(this.content);
+        this.content = (_a = this._parser.addParentheses(this.content)) !== null && _a !== void 0 ? _a : this.content;
+        this.parseInput();
+        this._calculatedResult = calculatedResult.result;
+        this.errorString = calculatedResult.errorString;
+        this._recommendations = null;
+        this.requestUpdate();
+    }
+    requestFormat() {
+        var _a;
+        this.content = (_a = this._parser.addParentheses(this.content)) !== null && _a !== void 0 ? _a : this.content;
+        this.parseInput();
+        this._recommendations = null;
+        this.requestUpdate();
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        return html `
+      <style>
+        ${FormulaEditorStyles}
+      </style>
+      <div
+        contenteditable
+        id="wysiwyg-editor"
+        spellcheck="false"
+        autocomplete="off"
+        @input=${this.handleChange}
+        @keydown=${this.handleTab}
+      ></div>
+      ${this._recommendations
+            ? html ` <suggestion-menu
+            style="
+              position: absolute; 
+              left: ${((_b = (_a = this.currentCursorRect) === null || _a === void 0 ? void 0 : _a.left) !== null && _b !== void 0 ? _b : 0) -
+                ((_e = (_d = (_c = this.editor) === null || _c === void 0 ? void 0 : _c.getClientRect()[0]) === null || _d === void 0 ? void 0 : _d.left) !== null && _e !== void 0 ? _e : 0) +
+                "px"}; 
+              top: ${((_g = (_f = this.currentCursorRect) === null || _f === void 0 ? void 0 : _f.top) !== null && _g !== void 0 ? _g : 0 - ((_k = (_j = (_h = this.editor) === null || _h === void 0 ? void 0 : _h.getClientRect()[0]) === null || _j === void 0 ? void 0 : _j.top) !== null && _k !== void 0 ? _k : 0)) +
+                window.scrollY +
+                "px"};
+            "
+            .recommendations=${this._recommendations}
+            .onClickRecommendation=${(e) => this.onClickRecommendation(e)}
+          ></suggestion-menu>`
+            : html ``}
+      <p>${this._calculatedResult}</p>
+    `;
+    }
+};
+__decorate([
+    state()
+], FormulaEditor.prototype, "_formattedContent", void 0);
+__decorate([
+    state()
+], FormulaEditor.prototype, "_recommendations", void 0);
+__decorate([
+    state()
+], FormulaEditor.prototype, "_calculatedResult", void 0);
+__decorate([
+    state()
+], FormulaEditor.prototype, "currentCursorPosition", void 0);
+__decorate([
+    state()
+], FormulaEditor.prototype, "currentCursorRect", void 0);
+__decorate([
+    state()
+], FormulaEditor.prototype, "lastInputType", void 0);
+__decorate([
+    property()
+], FormulaEditor.prototype, "content", void 0);
+__decorate([
+    property({
+        type: (Map),
+        converter: {
+            fromAttribute: (value) => {
+                if (value) {
+                    return new Map(JSON.parse(value));
+                }
+            },
+            toAttribute: (value) => {
+                return JSON.stringify(Array.from(value.entries()));
+            },
+        },
+    })
+], FormulaEditor.prototype, "variables", void 0);
+__decorate([
+    property()
+], FormulaEditor.prototype, "minSuggestionLen", void 0);
+__decorate([
+    property()
+], FormulaEditor.prototype, "errorString", void 0);
+__decorate([
+    query("wysiwyg-editor")
+], FormulaEditor.prototype, "editor", void 0);
+FormulaEditor = __decorate([
+    customElement("formula-editor")
+], FormulaEditor);
+export { FormulaEditor };
+//# sourceMappingURL=formula-editor.js.map

package/src/formula-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formula-editor.js","sourceRoot":"","sources":["formula-editor.ts"],"names":[],"mappings":"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"}

package/src/helpers/types.js

@@ -0,0 +1,17 @@
+export var Operator;
+(function (Operator) {
+    Operator["PLUS"] = "+";
+    Operator["MINUS"] = "-";
+    Operator["MUL"] = "*";
+    Operator["DIV"] = "/";
+    Operator["NONE"] = "";
+})(Operator || (Operator = {}));
+export class Formula {
+    constructor(name, formulaString, precision = -1) {
+        this.error = null;
+        this.name = name;
+        this.formulaString = formulaString;
+        this.precision = precision;
+    }
+}
+//# sourceMappingURL=types.js.map

package/src/helpers/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,QAMX;AAND,WAAY,QAAQ;IAClB,sBAAU,CAAA;IACV,uBAAW,CAAA;IACX,qBAAS,CAAA;IACT,qBAAS,CAAA;IACT,qBAAS,CAAA;AACX,CAAC,EANW,QAAQ,KAAR,QAAQ,QAMnB;AAED,MAAM,OAAO,OAAO;IAClB,YAAY,IAAY,EAAE,aAAqB,EAAE,YAAoB,CAAC,CAAC;QASvE,UAAK,GAAkB,IAAI,CAAC;QAR1B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;CAMF"}