@evance/evance-ui 1.0.8 → 1.0.10

package/dist/esm/EvNumberField.vue_vue_type_script_setup_true_lang-XllqUE08.mjs

@@ -0,0 +1,614 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+/*! Evance UI v1.0.10 | MIT License */
+import { watch, defineComponent, useSlots, ref, computed, shallowRef, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, withKeys, createCommentVNode, nextTick } from "vue";
+import { m as makeEvTextfieldProps, _ as _sfc_main$1 } from "./EvTextfield.vue_vue_type_script_setup_true_lang-03GywXOJ.mjs";
+import { p as propsFactory } from "./props-B7gwn9ud.mjs";
+import { o as omit, f as filterComponentProps } from "./helpers-BUsSaKUp.mjs";
+import { d as isEmpty } from "./is-functions-CjRiMGOr.mjs";
+import { u as useModelProxy } from "./modelProxy-DVDtt5r5.mjs";
+import { _ as _sfc_main$2 } from "./EvButton.vue_vue_type_script_setup_true_lang-BfkghuUJ.mjs";
+import { M as MinusIcon, P as PlusIcon } from "./PlusIcon-Cnv26vRW.mjs";
+import { a as useLocaleManager } from "./locale-Dd-sRTg8.mjs";
+const makeEvNumberFieldProps = propsFactory(
+  {
+    minFractionDigits: Number,
+    maxFractionDigits: Number,
+    currency: String,
+    currencyDisplay: {
+      type: String,
+      default: "narrowSymbol"
+    },
+    locale: String,
+    localeMatcher: String,
+    min: {
+      type: Number,
+      default: void 0
+    },
+    max: {
+      type: Number,
+      default: void 0
+    },
+    mode: {
+      type: String,
+      default: "decimal"
+    },
+    showButtons: Boolean,
+    step: {
+      type: Number,
+      default: 1
+    },
+    useGrouping: Boolean,
+    ...omit(makeEvTextfieldProps(), ["type"])
+  },
+  "EvNumberField"
+);
+class NumberParser {
+  constructor(localeManager, props) {
+    __publicField(this, "_currencyPattern");
+    __publicField(this, "_decimalPattern");
+    __publicField(this, "_groupPattern");
+    __publicField(this, "_minusSignPattern");
+    __publicField(this, "_numberFormat");
+    __publicField(this, "_numerals");
+    __publicField(this, "_numeralsIndex");
+    __publicField(this, "_numeralPattern");
+    __publicField(this, "_prefixPattern");
+    __publicField(this, "_suffixPattern");
+    this.localeManager = localeManager;
+    this.props = props;
+    this.cachePatterns();
+    this.watchProps();
+  }
+  cachePatterns() {
+    this._numberFormat = new Intl.NumberFormat(this.locale, this.options);
+    this._numerals = this.createNumerals();
+    this._numeralsIndex = this.createNumeralsIndex();
+    this._numeralPattern = this.createNumeralPattern();
+    this._groupPattern = this.createGroupPattern();
+    this._minusSignPattern = this.createMinusSignPattern();
+    this._currencyPattern = this.createCurrencyPattern();
+    this._decimalPattern = this.createDecimalPattern();
+    this._suffixPattern = this.createSuffixPattern();
+    this._prefixPattern = this.createPrefixPattern();
+  }
+  get currencyPattern() {
+    return this._currencyPattern;
+  }
+  get decimalPattern() {
+    return this._decimalPattern;
+  }
+  get groupChar() {
+    const formatter = new Intl.NumberFormat(this.locale, {
+      useGrouping: true
+    });
+    return formatter.format(1e6).trim().replace(this.numeralPattern, "").charAt(0);
+  }
+  get groupPattern() {
+    return this._groupPattern;
+  }
+  get locale() {
+    return this.props.locale ?? this.localeManager.currentLocale.value;
+  }
+  get minusSignPattern() {
+    return this._minusSignPattern;
+  }
+  get numberFormat() {
+    return this._numberFormat;
+  }
+  get numerals() {
+    return this._numerals;
+  }
+  get numeralsIndex() {
+    return this._numeralsIndex;
+  }
+  get numeralPattern() {
+    return this._numeralPattern;
+  }
+  get options() {
+    return {
+      localeMatcher: "best fit",
+      style: this.props.mode,
+      currency: this.props.currency,
+      currencyDisplay: this.props.currencyDisplay,
+      useGrouping: this.props.useGrouping,
+      minimumFractionDigits: this.props.minFractionDigits,
+      maximumFractionDigits: this.props.maxFractionDigits
+    };
+  }
+  get prefixChar() {
+    const options = {
+      style: this.props.mode,
+      currency: this.props.currency,
+      currencyDisplay: this.props.currencyDisplay
+    };
+    const formatter = new Intl.NumberFormat(this.locale, options);
+    return formatter.format(1).split("1")[0];
+  }
+  get prefixPattern() {
+    return this._prefixPattern;
+  }
+  get suffixChar() {
+    const options = {
+      style: this.props.mode,
+      currency: this.props.currency,
+      currencyDisplay: this.props.currencyDisplay,
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0
+    };
+    const formatter = new Intl.NumberFormat(this.locale, options);
+    return formatter.format(1).split("1")[1];
+  }
+  get suffixPattern() {
+    return this._suffixPattern;
+  }
+  /**
+   * ## Create Currency Pattern
+   * @private
+   */
+  createCurrencyPattern() {
+    if (!this.props.currency) {
+      return new RegExp(`[]`, "g");
+    }
+    const options = {
+      style: "currency",
+      currency: this.props.currency,
+      currencyDisplay: this.props.currencyDisplay,
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0
+    };
+    const formatter = new Intl.NumberFormat(this.locale, options);
+    return new RegExp(
+      `[${formatter.format(1).replace(/\s/g, "").replace(this.numeralPattern, "").replace(this.groupPattern, "")}]`,
+      "g"
+    );
+  }
+  /**
+   * ## Create Decimal Pattern
+   * @private
+   */
+  createDecimalPattern() {
+    const formatter = new Intl.NumberFormat(this.locale, {
+      ...this.options,
+      useGrouping: false
+    });
+    return new RegExp(
+      `[${formatter.format(1.1).replace(this.currencyPattern, "").trim().replace(this.numeralPattern, "")}]`,
+      "g"
+    );
+  }
+  /**
+   * ## Create Group Pattern
+   * @private
+   */
+  createGroupPattern() {
+    return new RegExp(`[${this.groupChar}]`, "g");
+  }
+  /**
+   * ## Create Minus Sign Pattern
+   * @private
+   */
+  createMinusSignPattern() {
+    const formatter = new Intl.NumberFormat(this.locale, {
+      useGrouping: false
+    });
+    return new RegExp(
+      `[${formatter.format(-1).trim().replace(this.numeralPattern, "")}]`,
+      "g"
+    );
+  }
+  /**
+   * ## Create Numerals
+   * @private
+   */
+  createNumerals() {
+    return [
+      ...new Intl.NumberFormat(this.locale, {
+        useGrouping: false
+      }).format(9876543210)
+    ].reverse();
+  }
+  /**
+   * ## Create Numerals Index
+   * @private
+   */
+  createNumeralsIndex() {
+    const index = new Map(this.numerals.map((d, i) => [d, i]));
+    return (d) => {
+      var _a;
+      return ((_a = index.get(d)) == null ? void 0 : _a.toString()) ?? "";
+    };
+  }
+  /**
+   * ## Create Numeral Pattern
+   * @private
+   */
+  createNumeralPattern() {
+    return new RegExp(`[${this.numerals.join("")}]`, "g");
+  }
+  /**
+   * ## Create Prefix Pattern
+   * @private
+   */
+  createPrefixPattern() {
+    return new RegExp(`${this.escapeRegExp(this.prefixChar || "")}`, "g");
+  }
+  /**
+   * ## Create Suffix Pattern
+   * @private
+   */
+  createSuffixPattern() {
+    return new RegExp(`${this.escapeRegExp(this.suffixChar || "")}`, "g");
+  }
+  /**
+   * ## Escape RegExp
+   * @param text
+   */
+  escapeRegExp(text2) {
+    return text2.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+  }
+  /**
+   * ## Format Value
+   *
+   * Converts a number into formatted string.
+   *
+   * @param value
+   */
+  formatValue(value) {
+    if (isEmpty(value)) {
+      return "";
+    }
+    if (value === "-") {
+      return value;
+    }
+    const formatter = new Intl.NumberFormat(this.locale, this.options);
+    const formattedValue = formatter.format(value);
+    return formattedValue;
+  }
+  /**
+   * ## Parse Value
+   *
+   * Convert a text value into a number.
+   *
+   * Returns a string when an incomplete value is supplied,
+   * or a number when a valid number is parsed successfully
+   * from the text supplied, or a `null` value when the number
+   * is not valid (can't be parsed).
+   *
+   * @param text
+   */
+  parseValue(text) {
+    if (text === null || text === void 0) {
+      text = "";
+    }
+    const filteredText = text.replace(this.suffixPattern, "").replace(this.prefixPattern, "").trim().replace(this.currencyPattern, "").replace(this.groupPattern, "").replace(this.minusSignPattern, "-").replace(this.decimalPattern, ".").replace(this.numeralPattern, this.numeralsIndex);
+    if (!filteredText) {
+      return null;
+    }
+    if (filteredText === "-") {
+      return filteredText;
+    }
+    let parsedValue;
+    const pattern = /^[-+*/.\d\s()]+$/;
+    if (pattern.test(filteredText)) {
+      try {
+        parsedValue = eval(`(${filteredText})`);
+      } catch (error) {
+        parsedValue = +filteredText;
+      }
+    } else {
+      parsedValue = +filteredText;
+    }
+    return isNaN(parsedValue) ? null : parsedValue;
+  }
+  /**
+   * ## Watch Props
+   * @private
+   */
+  watchProps() {
+    watch(
+      [
+        this.localeManager.currentLocale,
+        () => this.props.locale,
+        () => this.props.localeMatcher,
+        () => this.props.mode,
+        () => this.props.currency,
+        () => this.props.currencyDisplay,
+        () => this.props.useGrouping,
+        () => this.props.minFractionDigits,
+        () => this.props.maxFractionDigits
+      ],
+      (value, oldValue) => {
+        if (value !== oldValue) {
+          this.cachePatterns();
+        }
+      }
+    );
+  }
+}
+const incrementRate = 100;
+const incrementDelay = 0.25;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvNumberField",
+  props: {
+    ...makeEvNumberFieldProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const localeManager = useLocaleManager();
+    const slots = useSlots();
+    const evTextfieldRef = ref();
+    const evTextfieldProps = computed(() => {
+      return omit(filterComponentProps(_sfc_main$1, props), ["modelValue"]);
+    });
+    const numberParser = new NumberParser(localeManager, props);
+    const modelValue = useModelProxy(props, "modelValue");
+    const inputValue = shallowRef();
+    inputValue.value = numberParser.formatValue(modelValue.value);
+    watch(modelValue, () => {
+      inputValue.value = numberParser.formatValue(modelValue.value);
+    });
+    watch(
+      [
+        localeManager.currentLocale,
+        () => props.locale,
+        () => props.localeMatcher,
+        () => props.mode,
+        () => props.currency,
+        () => props.currencyDisplay,
+        () => props.useGrouping,
+        () => props.minFractionDigits,
+        () => props.maxFractionDigits
+      ],
+      (value, oldValue) => {
+        if (value !== oldValue) {
+          inputValue.value = numberParser.formatValue(modelValue.value);
+        }
+      }
+    );
+    const minimum = computed(() => {
+      return props.min ?? null;
+    });
+    const maximum = computed(() => {
+      return props.max ?? null;
+    });
+    const incrementAmount = computed(() => {
+      return props.step ?? 1;
+    });
+    let incrementInterval = null;
+    let isIncrementing = false;
+    function getDecimalPlaces(value) {
+      const options = {
+        useGrouping: false,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 20
+      };
+      const fraction = localeManager.numberFormatter.formatter(options).formatToParts(value).find((part) => part.type === "fraction");
+      return fraction ? fraction.value.length : 0;
+    }
+    function getValue(value) {
+      if (isEmpty(value)) {
+        return value ?? null;
+      }
+      if (typeof value === "string") {
+        value = parseFloat(value);
+      }
+      if (isMinBoundary(value)) {
+        value = minimum.value;
+      } else if (isMaxBoundary(value)) {
+        value = maximum.value;
+      }
+      const decimalPlaces = getDecimalPlaces(value);
+      if (!isEmpty(props.minFractionDigits) && decimalPlaces < props.minFractionDigits) {
+        value = parseFloat(value.toFixed(props.minFractionDigits));
+      }
+      if (!isEmpty(props.maxFractionDigits) && decimalPlaces > props.maxFractionDigits) {
+        value = parseFloat(value.toFixed(props.maxFractionDigits));
+      }
+      return value;
+    }
+    function isMaxBoundary(value) {
+      return maximum.value !== null && maximum.value < value;
+    }
+    function isMinBoundary(value) {
+      return minimum.value !== null && minimum.value > value;
+    }
+    function onBlur(e) {
+      if (inputValue.value === "-") {
+        inputValue.value = "";
+      }
+      const parsedValue2 = numberParser.parseValue(inputValue.value);
+      const currentValue = getValue(parsedValue2);
+      inputValue.value = numberParser.formatValue(currentValue);
+      modelValue.value = numberParser.parseValue(inputValue.value);
+    }
+    function onFocus(e) {
+      if (props.readonly) {
+        return;
+      }
+      inputValue.value = isEmpty(modelValue.value) ? "" : modelValue.value.toString();
+    }
+    function onInputKeydown(e) {
+      const passThrough = [
+        "Backspace",
+        "Delete",
+        "Home",
+        "End",
+        "ArrowLeft",
+        "ArrowRight",
+        "Tab"
+      ];
+      if (passThrough.includes(e.key)) {
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        startIncrementing(1);
+        return;
+      }
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        startIncrementing(-1);
+        return;
+      }
+      if (e.key === "Enter") {
+        e.preventDefault();
+        const parsedValue2 = numberParser.parseValue(inputValue.value);
+        const currentValue = getValue(parsedValue2);
+        modelValue.value = currentValue;
+        nextTick(() => {
+          inputValue.value = isEmpty(currentValue) ? "" : currentValue.toString();
+        });
+        return;
+      }
+      const isPaste = e.key === "v" && e.ctrlKey;
+      const whitelist = new RegExp("[0-9 +-/()*]");
+      if (!whitelist.test(e.key) && !isPaste) {
+        e.preventDefault();
+      }
+    }
+    function onInputKeyup(e) {
+      if (e.code === "ArrowUp" || e.code === "ArrowDown") {
+        e.preventDefault();
+      }
+      stopIncrementing();
+    }
+    function onPaste(e) {
+      var _a;
+      e.preventDefault();
+      const data = (_a = e.clipboardData) == null ? void 0 : _a.getData("Text");
+      if (data) {
+        const parsedValue2 = numberParser.parseValue(data);
+        const currentValue = getValue(parsedValue2);
+        inputValue.value = isEmpty(currentValue) ? "" : currentValue.toString();
+        modelValue.value = currentValue;
+      }
+    }
+    function startIncrementing(direction) {
+      if (isIncrementing || props.readonly) {
+        return;
+      }
+      isIncrementing = true;
+      let currentValue;
+      if (isEmpty(modelValue.value)) {
+        currentValue = minimum.value ?? 0;
+      } else {
+        currentValue = getValue(
+          modelValue.value + direction * incrementAmount.value
+        );
+      }
+      inputValue.value = numberParser.formatValue(currentValue);
+      const startTime = Date.now();
+      let internalIncrementAmount = incrementAmount.value;
+      incrementInterval = setInterval(() => {
+        const currentTime = Date.now();
+        const elapsedTime = (currentTime - startTime) / 1e3;
+        if (elapsedTime < incrementDelay) {
+          return;
+        }
+        const multiplier = Math.floor(Math.pow(2, elapsedTime - 1));
+        internalIncrementAmount = incrementAmount.value * multiplier;
+        currentValue = getValue(
+          currentValue + direction * internalIncrementAmount
+        );
+        inputValue.value = numberParser.formatValue(currentValue);
+      }, incrementRate);
+    }
+    function stopIncrementing() {
+      if (isIncrementing) {
+        clearInterval(incrementInterval);
+        const parsedValue2 = numberParser.parseValue(inputValue.value);
+        modelValue.value = getValue(parsedValue2);
+        isIncrementing = false;
+      }
+    }
+    const hasPrefix = computed(() => {
+      return props.showButtons || slots.prefix || props.prefix;
+    });
+    const hasSuffix = computed(() => {
+      return props.showButtons || slots.suffix || props.suffix;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
+        ref_key: "evTextfieldRef",
+        ref: evTextfieldRef
+      }, evTextfieldProps.value, {
+        modelValue: inputValue.value,
+        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => inputValue.value = $event),
+        class: "ev-number-field",
+        type: "text",
+        onPaste,
+        onBlur,
+        onFocus,
+        onKeydown: onInputKeydown,
+        onKeyup: onInputKeyup
+      }), createSlots({ _: 2 }, [
+        props.label || unref(slots).label ? {
+          name: "label",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "label", {}, () => [
+              createTextVNode(toDisplayString(props.label), 1)
+            ])
+          ]),
+          key: "0"
+        } : void 0,
+        hasPrefix.value ? {
+          name: "prefix",
+          fn: withCtx(() => [
+            props.showButtons ? (openBlock(), createBlock(unref(_sfc_main$2), {
+              key: 0,
+              rounded: "",
+              size: "x-small",
+              class: "ev-number-field--minus",
+              variant: "subtle",
+              icon: unref(MinusIcon),
+              disabled: props.readonly || props.disabled,
+              onKeydown: _cache[0] || (_cache[0] = withKeys(($event) => startIncrementing(-1), ["space", "enter"])),
+              onKeyup: _cache[1] || (_cache[1] = ($event) => stopIncrementing()),
+              onMousedown: _cache[2] || (_cache[2] = ($event) => startIncrementing(-1)),
+              onMouseup: _cache[3] || (_cache[3] = ($event) => stopIncrementing()),
+              onMouseleave: _cache[4] || (_cache[4] = ($event) => stopIncrementing())
+            }, null, 8, ["icon", "disabled"])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "prefix", {}, () => [
+              createTextVNode(toDisplayString(props.prefix), 1)
+            ])
+          ]),
+          key: "1"
+        } : void 0,
+        hasSuffix.value ? {
+          name: "suffix",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "suffix", {}, () => [
+              createTextVNode(toDisplayString(props.suffix), 1)
+            ]),
+            props.showButtons ? (openBlock(), createBlock(unref(_sfc_main$2), {
+              key: 0,
+              rounded: "",
+              size: "x-small",
+              class: "ev-number-field--plus",
+              variant: "subtle",
+              icon: unref(PlusIcon),
+              disabled: props.readonly || props.disabled,
+              onKeydown: _cache[5] || (_cache[5] = withKeys(($event) => startIncrementing(1), ["space", "enter"])),
+              onKeyup: _cache[6] || (_cache[6] = ($event) => stopIncrementing()),
+              onMousedown: _cache[7] || (_cache[7] = ($event) => startIncrementing(1)),
+              onMouseup: _cache[8] || (_cache[8] = ($event) => stopIncrementing()),
+              onMouseleave: _cache[9] || (_cache[9] = ($event) => stopIncrementing())
+            }, null, 8, ["icon", "disabled"])) : createCommentVNode("", true)
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["modelValue"]);
+    };
+  }
+});
+export {
+  NumberParser as N,
+  _sfc_main as _,
+  makeEvNumberFieldProps as m
+};
+//# sourceMappingURL=EvNumberField.vue_vue_type_script_setup_true_lang-XllqUE08.mjs.map

package/dist/esm/EvNumberField.vue_vue_type_script_setup_true_lang-XllqUE08.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvNumberField.vue_vue_type_script_setup_true_lang-XllqUE08.mjs","sources":["../../src/components/EvNumberField/EvNumberField.ts","../../src/components/EvNumberField/EvNumberField.vue"],"sourcesContent":["import { isEmpty, omit, propsFactory } from \"@/util\";\nimport { makeEvTextfieldProps } from \"@/components/EvTextfield/EvTextfield\";\nimport { LocaleManager } from \"@/modules/Locale/LocaleManager\";\nimport { PropType, watch } from \"vue\";\n\nexport type NumberFieldModeProp = \"decimal\" | \"currency\";\n\nexport const makeEvNumberFieldProps = propsFactory(\n    {\n        minFractionDigits: Number,\n        maxFractionDigits: Number,\n        currency: String,\n        currencyDisplay: {\n            type: String,\n            default: \"narrowSymbol\",\n        },\n        locale: String,\n        localeMatcher: String,\n        min: {\n            type: Number,\n            default: undefined,\n        },\n        max: {\n            type: Number,\n            default: undefined,\n        },\n        mode: {\n            type: String as PropType<NumberFieldModeProp>,\n            default: \"decimal\",\n        },\n        showButtons: Boolean,\n        step: {\n            type: Number,\n            default: 1,\n        },\n        useGrouping: Boolean,\n\n        ...omit(makeEvTextfieldProps(), [\"type\"]),\n    },\n    \"EvNumberField\",\n);\n\nexport interface NumberParserProps {\n    // Required props\n    mode: string;\n\n    // Optional props\n    currency?: string;\n    currencyDisplay?: string;\n    minFractionDigits?: number;\n    maxFractionDigits?: number;\n    locale?: string;\n    localeMatcher?: string;\n    min?: number;\n    max?: number;\n    useGrouping?: boolean;\n}\n\n/**\n * # Number Parser\n */\nexport class NumberParser {\n    private _currencyPattern!: RegExp;\n    private _decimalPattern!: RegExp;\n    private _groupPattern!: RegExp;\n    private _minusSignPattern!: RegExp;\n    private _numberFormat!: Intl.NumberFormat;\n    private _numerals!: string[];\n    private _numeralsIndex!: (d: string) => string;\n    private _numeralPattern!: RegExp;\n    private _prefixPattern!: RegExp;\n    private _suffixPattern!: RegExp;\n\n    constructor(\n        public localeManager: LocaleManager,\n        public props: NumberParserProps,\n    ) {\n        this.cachePatterns();\n        this.watchProps();\n    }\n\n    private cachePatterns() {\n        this._numberFormat = new Intl.NumberFormat(this.locale, this.options);\n        this._numerals = this.createNumerals();\n        this._numeralsIndex = this.createNumeralsIndex();\n        this._numeralPattern = this.createNumeralPattern();\n        this._groupPattern = this.createGroupPattern();\n        this._minusSignPattern = this.createMinusSignPattern();\n        this._currencyPattern = this.createCurrencyPattern();\n        this._decimalPattern = this.createDecimalPattern();\n        this._suffixPattern = this.createSuffixPattern();\n        this._prefixPattern = this.createPrefixPattern();\n    }\n\n    get currencyPattern() {\n        return this._currencyPattern;\n    }\n\n    get decimalPattern() {\n        return this._decimalPattern;\n    }\n\n    get groupChar(): string {\n        const formatter = new Intl.NumberFormat(this.locale, {\n            useGrouping: true,\n        });\n        return formatter\n            .format(1000000)\n            .trim()\n            .replace(this.numeralPattern, \"\")\n            .charAt(0);\n    }\n\n    get groupPattern() {\n        return this._groupPattern;\n    }\n\n    get locale(): string {\n        return this.props.locale ?? this.localeManager.currentLocale.value;\n    }\n\n    get minusSignPattern() {\n        return this._minusSignPattern;\n    }\n\n    get numberFormat() {\n        return this._numberFormat;\n    }\n\n    get numerals() {\n        return this._numerals;\n    }\n\n    get numeralsIndex() {\n        return this._numeralsIndex;\n    }\n\n    get numeralPattern() {\n        return this._numeralPattern;\n    }\n\n    get options(): Intl.NumberFormatOptions {\n        return {\n            localeMatcher: \"best fit\",\n            style: this.props.mode,\n            currency: this.props.currency,\n            currencyDisplay: this.props.currencyDisplay,\n            useGrouping: this.props.useGrouping,\n            minimumFractionDigits: this.props.minFractionDigits,\n            maximumFractionDigits: this.props.maxFractionDigits,\n        };\n    }\n\n    get prefixChar() {\n        const options = {\n            style: this.props.mode,\n            currency: this.props.currency,\n            currencyDisplay: this.props.currencyDisplay,\n        };\n        const formatter = new Intl.NumberFormat(this.locale, options);\n        return formatter.format(1).split(\"1\")[0];\n    }\n\n    get prefixPattern() {\n        return this._prefixPattern;\n    }\n\n    get suffixChar() {\n        const options = {\n            style: this.props.mode,\n            currency: this.props.currency,\n            currencyDisplay: this.props.currencyDisplay,\n            minimumFractionDigits: 0,\n            maximumFractionDigits: 0,\n        };\n        const formatter = new Intl.NumberFormat(this.locale, options);\n        return formatter.format(1).split(\"1\")[1];\n    }\n\n    get suffixPattern() {\n        return this._suffixPattern;\n    }\n\n    /**\n     * ## Create Currency Pattern\n     * @private\n     */\n    private createCurrencyPattern() {\n        if (!this.props.currency) {\n            return new RegExp(`[]`, \"g\");\n        }\n        const options = {\n            style: \"currency\",\n            currency: this.props.currency,\n            currencyDisplay: this.props.currencyDisplay,\n            minimumFractionDigits: 0,\n            maximumFractionDigits: 0,\n        };\n        const formatter = new Intl.NumberFormat(this.locale, options);\n        return new RegExp(\n            `[${formatter.format(1).replace(/\\s/g, \"\").replace(this.numeralPattern, \"\").replace(this.groupPattern, \"\")}]`,\n            \"g\",\n        );\n    }\n\n    /**\n     * ## Create Decimal Pattern\n     * @private\n     */\n    private createDecimalPattern() {\n        const formatter = new Intl.NumberFormat(this.locale, {\n            ...this.options,\n            useGrouping: false,\n        });\n        return new RegExp(\n            `[${formatter.format(1.1).replace(this.currencyPattern, \"\").trim().replace(this.numeralPattern, \"\")}]`,\n            \"g\",\n        );\n    }\n\n    /**\n     * ## Create Group Pattern\n     * @private\n     */\n    private createGroupPattern() {\n        return new RegExp(`[${this.groupChar}]`, \"g\");\n    }\n\n    /**\n     * ## Create Minus Sign Pattern\n     * @private\n     */\n    private createMinusSignPattern(): RegExp {\n        const formatter = new Intl.NumberFormat(this.locale, {\n            useGrouping: false,\n        });\n        return new RegExp(\n            `[${formatter.format(-1).trim().replace(this.numeralPattern, \"\")}]`,\n            \"g\",\n        );\n    }\n\n    /**\n     * ## Create Numerals\n     * @private\n     */\n    private createNumerals(): string[] {\n        return [\n            ...new Intl.NumberFormat(this.locale, {\n                useGrouping: false,\n            }).format(9876543210),\n        ].reverse();\n    }\n\n    /**\n     * ## Create Numerals Index\n     * @private\n     */\n    private createNumeralsIndex() {\n        const index = new Map(this.numerals.map((d, i) => [d, i]));\n        return (d: string) => index.get(d)?.toString() ?? \"\";\n    }\n\n    /**\n     * ## Create Numeral Pattern\n     * @private\n     */\n    private createNumeralPattern(): RegExp {\n        return new RegExp(`[${this.numerals.join(\"\")}]`, \"g\");\n    }\n\n    /**\n     * ## Create Prefix Pattern\n     * @private\n     */\n    private createPrefixPattern() {\n        return new RegExp(`${this.escapeRegExp(this.prefixChar || \"\")}`, \"g\");\n    }\n\n    /**\n     * ## Create Suffix Pattern\n     * @private\n     */\n    private createSuffixPattern() {\n        return new RegExp(`${this.escapeRegExp(this.suffixChar || \"\")}`, \"g\");\n    }\n\n    /**\n     * ## Escape RegExp\n     * @param text\n     */\n    public escapeRegExp(text: string) {\n        return text.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, \"\\\\$&\");\n    }\n\n    /**\n     * ## Format Value\n     *\n     * Converts a number into formatted string.\n     *\n     * @param value\n     */\n    public formatValue(value: unknown): string {\n        if (isEmpty(value)) {\n            return \"\";\n        }\n        // Minus sign\n        if (value === \"-\") {\n            return value;\n        }\n        const formatter = new Intl.NumberFormat(this.locale, this.options);\n        const formattedValue = formatter.format(value as number);\n        // Remove currency symbol - we'll use this in the prefix instead\n        return formattedValue;\n    }\n\n    /**\n     * ## Parse Value\n     *\n     * Convert a text value into a number.\n     *\n     * Returns a string when an incomplete value is supplied,\n     * or a number when a valid number is parsed successfully\n     * from the text supplied, or a `null` value when the number\n     * is not valid (can't be parsed).\n     *\n     * @param text\n     */\n    public parseValue(text: string | null | undefined): number | string | null {\n        if (text === null || text === undefined) {\n            text = \"\";\n        }\n        const filteredText = text\n            .replace(this.suffixPattern, \"\")\n            .replace(this.prefixPattern, \"\")\n            .trim()\n            .replace(this.currencyPattern, \"\")\n            .replace(this.groupPattern, \"\")\n            .replace(this.minusSignPattern, \"-\")\n            .replace(this.decimalPattern, \".\")\n            .replace(this.numeralPattern, this.numeralsIndex);\n\n        if (!filteredText) {\n            return null;\n        }\n        if (filteredText === \"-\") {\n            return filteredText;\n        }\n\n        let parsedValue;\n        const pattern = /^[-+*/.\\d\\s()]+$/;\n        if (pattern.test(filteredText)) {\n            try {\n                parsedValue = eval(`(${filteredText})`);\n            } catch (error) {\n                parsedValue = +filteredText;\n            }\n        } else {\n            parsedValue = +filteredText;\n        }\n\n        return isNaN(parsedValue) ? null : parsedValue;\n    }\n\n    /**\n     * ## Watch Props\n     * @private\n     */\n    private watchProps() {\n        watch(\n            [\n                this.localeManager.currentLocale,\n                () => this.props.locale,\n                () => this.props.localeMatcher,\n                () => this.props.mode,\n                () => this.props.currency,\n                () => this.props.currencyDisplay,\n                () => this.props.useGrouping,\n                () => this.props.minFractionDigits,\n                () => this.props.maxFractionDigits,\n            ],\n            (value, oldValue) => {\n                if (value !== oldValue) {\n                    this.cachePatterns();\n                }\n            },\n        );\n    }\n}\n","<script setup lang=\"ts\">\n/**\n * `<ev-number-field>`\n */\nimport \"./EvNumberField.scss\";\nimport { makeEvNumberFieldProps, NumberParser } from \"./EvNumberField\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { computed, nextTick, Ref, ref, shallowRef, watch } from \"vue\";\nimport { filterComponentProps, isEmpty, omit } from \"@/util\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { MinusIcon, PlusIcon } from \"@/icons\";\nimport { useLocaleManager } from \"@/composables/locale\";\nimport { KeyboardEvent } from \"react\";\n\nconst localeManager = useLocaleManager();\nconst props = defineProps({\n    ...makeEvNumberFieldProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n    prefix(): never;\n    suffix(): never;\n}>();\n\n// EvTextfield\nconst evTextfieldRef = ref<typeof EvTextfield>();\nconst evTextfieldProps = computed(() => {\n    return omit(filterComponentProps(EvTextfield, props), [\"modelValue\"]);\n});\n\nconst numberParser = new NumberParser(localeManager, props);\n\n/**\n * We separate the `modelValue` and the `inputValue` (the value displayed)\n * because this allows us some efficiency improvements when holding down +/- buttons\n * as well as permitting formatting.\n *\n * Whenever the `modelValue` changes we need to ensure the `inputValue` is updated.\n */\nconst modelValue = useModelProxy(props, \"modelValue\");\n\nconst inputValue: Ref<string | null | undefined> = shallowRef();\ninputValue.value = numberParser.formatValue(modelValue.value);\nwatch(modelValue, () => {\n    inputValue.value = numberParser.formatValue(modelValue.value);\n});\n\nwatch(\n    [\n        localeManager.currentLocale,\n        () => props.locale,\n        () => props.localeMatcher,\n        () => props.mode,\n        () => props.currency,\n        () => props.currencyDisplay,\n        () => props.useGrouping,\n        () => props.minFractionDigits,\n        () => props.maxFractionDigits,\n    ],\n    (value, oldValue) => {\n        if (value !== oldValue) {\n            inputValue.value = numberParser.formatValue(modelValue.value);\n        }\n    },\n);\n\n/**\n * Minimum Boundary\n * The computed value is now only a number or null (undefined will be converted to null).\n */\nconst minimum = computed(() => {\n    return props.min ?? null;\n});\n\n/**\n * Maximum Boundary\n * The computed value is now only a number or null (undefined will be converted to null).\n */\nconst maximum = computed(() => {\n    return props.max ?? null;\n});\n\n/*\nconst currencySymbol = computed(() => {\n    return numberParser.prefixChar;\n});\n\n */\n\n/**\n * Incremental Values\n */\nconst incrementAmount = computed(() => {\n    return props.step ?? 1;\n});\nlet incrementInterval: ReturnType<typeof setInterval> | null = null;\nconst incrementRate: number = 100;\nconst incrementDelay = 0.25;\nlet isIncrementing = false;\n\n/**\n * ## Get Decimal Places\n * Returns the number of decimal places of the `value` supplied.\n * @param value\n */\nfunction getDecimalPlaces(value: number): number {\n    const options = {\n        useGrouping: false,\n        minimumFractionDigits: 0,\n        maximumFractionDigits: 20,\n    };\n    const fraction = localeManager.numberFormatter\n        .formatter(options)\n        .formatToParts(value)\n        .find((part) => part.type === \"fraction\");\n    return fraction ? fraction.value.length : 0;\n}\n\n/**\n * ## Set Value\n * Can be used to set the value of either the 'modelValue' or the 'inputValue'.\n * @param value\n */\nfunction getValue(value?: string | number | null) {\n    if (isEmpty(value)) {\n        return value ?? null;\n    }\n    if (typeof value === \"string\") {\n        value = parseFloat(value);\n    }\n    if (isMinBoundary(value!)) {\n        value = minimum.value;\n    } else if (isMaxBoundary(value!)) {\n        value = maximum.value;\n    }\n\n    // We always want to constrain the value to the minimum\n    // and maximum decimal places\n    const decimalPlaces = getDecimalPlaces(value!);\n    if (\n        !isEmpty(props.minFractionDigits) &&\n        decimalPlaces < props.minFractionDigits!\n    ) {\n        value = parseFloat(value!.toFixed(props.minFractionDigits));\n    }\n    if (\n        !isEmpty(props.maxFractionDigits) &&\n        decimalPlaces > props.maxFractionDigits!\n    ) {\n        value = parseFloat(value!.toFixed(props.maxFractionDigits));\n    }\n    return value;\n}\n\n/**\n * ## Is Max Boundary\n * @param value\n */\nfunction isMaxBoundary(value: number): boolean {\n    return maximum.value !== null && maximum.value < value;\n}\n\n/**\n * ## Is Min Boundary\n * @param value\n */\nfunction isMinBoundary(value: number): boolean {\n    return minimum.value !== null && minimum.value > value;\n}\n\n/**\n * # On Blur\n *\n * If the user has typed something we can't be sure that it is accurate\n * based upon the min/max boundaries so we reset the `inputValue` first.\n * Then, we can update the `modelValue` based on the input.\n */\nfunction onBlur(e: Event) {\n    if (inputValue.value === \"-\") {\n        inputValue.value = \"\";\n    }\n    const parsedValue = numberParser.parseValue(inputValue.value as string);\n    const currentValue = getValue(parsedValue);\n    inputValue.value = numberParser.formatValue(currentValue);\n    modelValue.value = numberParser.parseValue(inputValue.value);\n}\n\n/**\n * ## On Focus\n *\n * @param e\n */\nfunction onFocus(e: Event) {\n    if (props.readonly) {\n        return;\n    }\n    inputValue.value = isEmpty(modelValue.value)\n        ? \"\"\n        : modelValue.value.toString();\n}\n\n/**\n * ## On Input Keydown\n * @param e\n */\nfunction onInputKeydown(e: KeyboardEvent) {\n    const passThrough = [\n        \"Backspace\",\n        \"Delete\",\n        \"Home\",\n        \"End\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Tab\",\n    ];\n    if (passThrough.includes(e.key)) {\n        return;\n    }\n\n    // Listen to ArrowUp\n    if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        startIncrementing(1);\n        return;\n    }\n    // Listen to ArrowDown\n    if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        startIncrementing(-1);\n        return;\n    }\n\n    if (e.key === \"Enter\") {\n        e.preventDefault();\n        const parsedValue = numberParser.parseValue(inputValue.value);\n        const currentValue = getValue(parsedValue);\n        modelValue.value = currentValue;\n        nextTick(() => {\n            inputValue.value = isEmpty(currentValue)\n                ? \"\"\n                : currentValue!.toString();\n        });\n        return;\n    }\n\n    const isPaste = e.key === \"v\" && e.ctrlKey;\n\n    // Block anything not in the whitelist\n    const whitelist = new RegExp(\"[0-9 +\\-\\/\\(\\)*]\");\n    if (!whitelist.test(e.key) && !isPaste) {\n        e.preventDefault();\n    }\n}\n\n/**\n * ## On Input Keyup\n * @param e\n */\nfunction onInputKeyup(e: KeyboardEvent) {\n    if (e.code === \"ArrowUp\" || e.code === \"ArrowDown\") {\n        e.preventDefault();\n    }\n    stopIncrementing();\n}\n\n/**\n * ## On Paste\n */\nfunction onPaste(e: ClipboardEvent) {\n    e.preventDefault();\n    const data = e.clipboardData?.getData(\"Text\");\n    if (data) {\n        const parsedValue = numberParser.parseValue(data);\n        const currentValue = getValue(parsedValue);\n        inputValue.value = isEmpty(currentValue)\n            ? \"\"\n            : currentValue!.toString();\n        modelValue.value = currentValue;\n    }\n}\n\n/**\n * ## Start Incrementing\n *\n * If the user holds the plus/minus button down for longer than the `incrementDelay`\n * we increase/decrease the `inputValue` by the `incrementAmount` at an increasing\n * rate for every second the user holds the button.\n *\n * @param direction\n */\nfunction startIncrementing(direction: number) {\n    if (isIncrementing || props.readonly) {\n        return;\n    }\n    isIncrementing = true;\n    let currentValue: number;\n    if (isEmpty(modelValue.value)) {\n        currentValue = minimum.value ?? 0;\n    } else {\n        currentValue = getValue(\n            modelValue.value! + direction * incrementAmount.value,\n        )! as number;\n    }\n    inputValue.value = numberParser.formatValue(currentValue);\n\n    // Then we rely on the delay to do more increments on a timer\n    const startTime = Date.now();\n    let internalIncrementAmount = incrementAmount.value;\n    incrementInterval = setInterval(() => {\n        const currentTime = Date.now();\n        const elapsedTime = (currentTime - startTime) / 1000;\n        if (elapsedTime < incrementDelay) {\n            return;\n        }\n        const multiplier = Math.floor(Math.pow(2, elapsedTime - 1));\n        internalIncrementAmount = incrementAmount.value * multiplier;\n        currentValue = getValue(\n            currentValue + direction * internalIncrementAmount,\n        )! as number;\n        inputValue.value = numberParser.formatValue(currentValue);\n    }, incrementRate);\n}\n\n/**\n * ## Stop Incrementing\n *\n * When the user releases the plus/minus button stop the increment interval\n * and set the resulting value onto the `modelValue` - this is more efficient\n * than setting the `modelValue` with every increment.\n */\nfunction stopIncrementing() {\n    if (isIncrementing) {\n        clearInterval(incrementInterval!);\n        const parsedValue = numberParser.parseValue(inputValue.value);\n        modelValue.value = getValue(parsedValue);\n        isIncrementing = false;\n    }\n}\n\nconst hasPrefix = computed(() => {\n    return props.showButtons || slots.prefix || props.prefix;\n});\n\nconst hasSuffix = computed(() => {\n    return props.showButtons || slots.suffix || props.suffix;\n});\n</script>\n\n<template>\n    <ev-textfield\n        ref=\"evTextfieldRef\"\n        v-bind=\"evTextfieldProps\"\n        v-model=\"inputValue\"\n        class=\"ev-number-field\"\n        type=\"text\"\n        @paste=\"onPaste\"\n        @blur=\"onBlur\"\n        @focus=\"onFocus\"\n        @keydown=\"onInputKeydown\"\n        @keyup=\"onInputKeyup\">\n        <template v-if=\"props.label || slots.label\" #label>\n            <slot name=\"label\">{{ props.label }}</slot>\n        </template>\n        <template v-if=\"hasPrefix\" #prefix>\n            <ev-button\n                v-if=\"props.showButtons\"\n                rounded\n                size=\"x-small\"\n                class=\"ev-number-field--minus\"\n                variant=\"subtle\"\n                :icon=\"MinusIcon\"\n                :disabled=\"props.readonly || props.disabled\"\n                @keydown.space.enter=\"startIncrementing(-1)\"\n                @keyup=\"stopIncrementing()\"\n                @mousedown=\"startIncrementing(-1)\"\n                @mouseup=\"stopIncrementing()\"\n                @mouseleave=\"stopIncrementing()\" />\n            <slot name=\"prefix\">{{ props.prefix }}</slot>\n        </template>\n        <template v-if=\"hasSuffix\" #suffix>\n            <slot name=\"suffix\">{{ props.suffix }}</slot>\n            <ev-button\n                v-if=\"props.showButtons\"\n                rounded\n                size=\"x-small\"\n                class=\"ev-number-field--plus\"\n                variant=\"subtle\"\n                :icon=\"PlusIcon\"\n                :disabled=\"props.readonly || props.disabled\"\n                @keydown.space.enter=\"startIncrementing(1)\"\n                @keyup=\"stopIncrementing()\"\n                @mousedown=\"startIncrementing(1)\"\n                @mouseup=\"stopIncrementing()\"\n                @mouseleave=\"stopIncrementing()\" />\n        </template>\n    </ev-textfield>\n</template>\n"],"names":["text","_useSlots","EvTextfield","parsedValue"],"mappings":"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"}