@evance/evance-ui 1.1.8 → 1.1.10

package/dist/cjs/components/EvNumberField/EvNumberField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvNumberField.cjs","sources":["../../../../src/components/EvNumberField/EvNumberField.ts"],"sourcesContent":["import { isEmpty, mathEval, omit, propsFactory } from \"@/util\";\r\nimport { makeEvTextfieldProps } from \"@/components/EvTextfield/EvTextfield\";\r\nimport { LocaleManager } from \"@/modules/Locale/LocaleManager\";\r\nimport { PropType, watch } from \"vue\";\r\n\r\nexport type NumberFieldModeProp = \"decimal\" | \"currency\";\r\n\r\nexport const makeEvNumberFieldProps = propsFactory(\r\n    {\r\n        minFractionDigits: Number,\r\n        maxFractionDigits: Number,\r\n        currency: String,\r\n        currencyDisplay: {\r\n            type: String,\r\n            default: \"narrowSymbol\",\r\n        },\r\n        locale: String,\r\n        localeMatcher: String,\r\n        min: {\r\n            type: Number,\r\n            default: undefined,\r\n        },\r\n        max: {\r\n            type: Number,\r\n            default: undefined,\r\n        },\r\n        mode: {\r\n            type: String as PropType<NumberFieldModeProp>,\r\n            default: \"decimal\",\r\n        },\r\n        showButtons: Boolean,\r\n        step: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        useGrouping: Boolean,\r\n\r\n        ...omit(makeEvTextfieldProps(), [\"type\"]),\r\n    },\r\n    \"EvNumberField\",\r\n);\r\n\r\nexport interface NumberParserProps {\r\n    // Required props\r\n    mode: string;\r\n\r\n    // Optional props\r\n    currency?: string;\r\n    currencyDisplay?: string;\r\n    minFractionDigits?: number;\r\n    maxFractionDigits?: number;\r\n    locale?: string;\r\n    localeMatcher?: string;\r\n    min?: number;\r\n    max?: number;\r\n    useGrouping?: boolean;\r\n}\r\n\r\n/**\r\n * # Number Parser\r\n */\r\nexport class NumberParser {\r\n    private _currencyPattern!: RegExp;\r\n    private _decimalPattern!: RegExp;\r\n    private _groupPattern!: RegExp;\r\n    private _minusSignPattern!: RegExp;\r\n    private _numberFormat!: Intl.NumberFormat;\r\n    private _numerals!: string[];\r\n    private _numeralsIndex!: (d: string) => string;\r\n    private _numeralPattern!: RegExp;\r\n    private _prefixPattern!: RegExp;\r\n    private _suffixPattern!: RegExp;\r\n\r\n    constructor(\r\n        public localeManager: LocaleManager,\r\n        public props: NumberParserProps,\r\n    ) {\r\n        this.cachePatterns();\r\n        this.watchProps();\r\n    }\r\n\r\n    private cachePatterns() {\r\n        this._numberFormat = new Intl.NumberFormat(this.locale, this.options);\r\n        this._numerals = this.createNumerals();\r\n        this._numeralsIndex = this.createNumeralsIndex();\r\n        this._numeralPattern = this.createNumeralPattern();\r\n        this._groupPattern = this.createGroupPattern();\r\n        this._minusSignPattern = this.createMinusSignPattern();\r\n        this._currencyPattern = this.createCurrencyPattern();\r\n        this._decimalPattern = this.createDecimalPattern();\r\n        this._suffixPattern = this.createSuffixPattern();\r\n        this._prefixPattern = this.createPrefixPattern();\r\n    }\r\n\r\n    get currencyPattern() {\r\n        return this._currencyPattern;\r\n    }\r\n\r\n    get decimalPattern() {\r\n        return this._decimalPattern;\r\n    }\r\n\r\n    get groupChar(): string {\r\n        const formatter = new Intl.NumberFormat(this.locale, {\r\n            useGrouping: true,\r\n        });\r\n        return formatter\r\n            .format(1000000)\r\n            .trim()\r\n            .replace(this.numeralPattern, \"\")\r\n            .charAt(0);\r\n    }\r\n\r\n    get groupPattern() {\r\n        return this._groupPattern;\r\n    }\r\n\r\n    get locale(): string {\r\n        return this.props.locale ?? this.localeManager.currentLocale.value;\r\n    }\r\n\r\n    get minusSignPattern() {\r\n        return this._minusSignPattern;\r\n    }\r\n\r\n    get numberFormat() {\r\n        return this._numberFormat;\r\n    }\r\n\r\n    get numerals() {\r\n        return this._numerals;\r\n    }\r\n\r\n    get numeralsIndex() {\r\n        return this._numeralsIndex;\r\n    }\r\n\r\n    get numeralPattern() {\r\n        return this._numeralPattern;\r\n    }\r\n\r\n    get options(): Intl.NumberFormatOptions {\r\n        return {\r\n            localeMatcher: \"best fit\",\r\n            style: this.props.mode,\r\n            currency: this.props.currency,\r\n            currencyDisplay: this.props.currencyDisplay,\r\n            useGrouping: this.props.useGrouping,\r\n            minimumFractionDigits: this.props.minFractionDigits,\r\n            maximumFractionDigits: this.props.maxFractionDigits,\r\n        };\r\n    }\r\n\r\n    get prefixChar() {\r\n        const options = {\r\n            style: this.props.mode,\r\n            currency: this.props.currency,\r\n            currencyDisplay: this.props.currencyDisplay,\r\n        };\r\n        const formatter = new Intl.NumberFormat(this.locale, options);\r\n        return formatter.format(1).split(\"1\")[0];\r\n    }\r\n\r\n    get prefixPattern() {\r\n        return this._prefixPattern;\r\n    }\r\n\r\n    get suffixChar() {\r\n        const options = {\r\n            style: this.props.mode,\r\n            currency: this.props.currency,\r\n            currencyDisplay: this.props.currencyDisplay,\r\n            minimumFractionDigits: 0,\r\n            maximumFractionDigits: 0,\r\n        };\r\n        const formatter = new Intl.NumberFormat(this.locale, options);\r\n        return formatter.format(1).split(\"1\")[1];\r\n    }\r\n\r\n    get suffixPattern() {\r\n        return this._suffixPattern;\r\n    }\r\n\r\n    /**\r\n     * ## Create Currency Pattern\r\n     * @private\r\n     */\r\n    private createCurrencyPattern() {\r\n        if (!this.props.currency) {\r\n            return new RegExp(`[]`, \"g\");\r\n        }\r\n        const options = {\r\n            style: \"currency\",\r\n            currency: this.props.currency,\r\n            currencyDisplay: this.props.currencyDisplay,\r\n            minimumFractionDigits: 0,\r\n            maximumFractionDigits: 0,\r\n        };\r\n        const formatter = new Intl.NumberFormat(this.locale, options);\r\n        return new RegExp(\r\n            `[${formatter.format(1).replace(/\\s/g, \"\").replace(this.numeralPattern, \"\").replace(this.groupPattern, \"\")}]`,\r\n            \"g\",\r\n        );\r\n    }\r\n\r\n    /**\r\n     * ## Create Decimal Pattern\r\n     * @private\r\n     */\r\n    private createDecimalPattern() {\r\n        const formatter = new Intl.NumberFormat(this.locale, {\r\n            ...this.options,\r\n            useGrouping: false,\r\n        });\r\n        return new RegExp(\r\n            `[${formatter.format(1.1).replace(this.currencyPattern, \"\").trim().replace(this.numeralPattern, \"\")}]`,\r\n            \"g\",\r\n        );\r\n    }\r\n\r\n    /**\r\n     * ## Create Group Pattern\r\n     * @private\r\n     */\r\n    private createGroupPattern() {\r\n        return new RegExp(`[${this.groupChar}]`, \"g\");\r\n    }\r\n\r\n    /**\r\n     * ## Create Minus Sign Pattern\r\n     * @private\r\n     */\r\n    private createMinusSignPattern(): RegExp {\r\n        const formatter = new Intl.NumberFormat(this.locale, {\r\n            useGrouping: false,\r\n        });\r\n        return new RegExp(\r\n            `[${formatter.format(-1).trim().replace(this.numeralPattern, \"\")}]`,\r\n            \"g\",\r\n        );\r\n    }\r\n\r\n    /**\r\n     * ## Create Numerals\r\n     * @private\r\n     */\r\n    private createNumerals(): string[] {\r\n        return [\r\n            ...new Intl.NumberFormat(this.locale, {\r\n                useGrouping: false,\r\n            }).format(9876543210),\r\n        ].reverse();\r\n    }\r\n\r\n    /**\r\n     * ## Create Numerals Index\r\n     * @private\r\n     */\r\n    private createNumeralsIndex() {\r\n        const index = new Map(this.numerals.map((d, i) => [d, i]));\r\n        return (d: string) => index.get(d)?.toString() ?? \"\";\r\n    }\r\n\r\n    /**\r\n     * ## Create Numeral Pattern\r\n     * @private\r\n     */\r\n    private createNumeralPattern(): RegExp {\r\n        return new RegExp(`[${this.numerals.join(\"\")}]`, \"g\");\r\n    }\r\n\r\n    /**\r\n     * ## Create Prefix Pattern\r\n     * @private\r\n     */\r\n    private createPrefixPattern() {\r\n        return new RegExp(`${this.escapeRegExp(this.prefixChar || \"\")}`, \"g\");\r\n    }\r\n\r\n    /**\r\n     * ## Create Suffix Pattern\r\n     * @private\r\n     */\r\n    private createSuffixPattern() {\r\n        return new RegExp(`${this.escapeRegExp(this.suffixChar || \"\")}`, \"g\");\r\n    }\r\n\r\n    /**\r\n     * ## Escape RegExp\r\n     * @param text\r\n     */\r\n    public escapeRegExp(text: string) {\r\n        return text.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, \"\\\\$&\");\r\n    }\r\n\r\n    /**\r\n     * ## Format Value\r\n     *\r\n     * Converts a number into formatted string.\r\n     *\r\n     * @param value\r\n     */\r\n    public formatValue(value: unknown): string {\r\n        if (isEmpty(value)) {\r\n            return \"\";\r\n        }\r\n        // Minus sign\r\n        if (value === \"-\") {\r\n            return value;\r\n        }\r\n        const formatter = new Intl.NumberFormat(this.locale, this.options);\r\n        const formattedValue = formatter.format(value as number);\r\n        // Remove currency symbol - we'll use this in the prefix instead\r\n        return formattedValue;\r\n    }\r\n\r\n    /**\r\n     * ## Parse Value\r\n     *\r\n     * Convert a text value into a number.\r\n     *\r\n     * Returns a string when an incomplete value is supplied,\r\n     * or a number when a valid number is parsed successfully\r\n     * from the text supplied, or a `null` value when the number\r\n     * is not valid (can't be parsed).\r\n     *\r\n     * @param text\r\n     */\r\n    public parseValue(text: string | null | undefined): number | string | null {\r\n        if (text === null || text === undefined) {\r\n            text = \"\";\r\n        }\r\n        const filteredText = text\r\n            .replace(this.suffixPattern, \"\")\r\n            .replace(this.prefixPattern, \"\")\r\n            .trim()\r\n            .replace(this.currencyPattern, \"\")\r\n            .replace(this.groupPattern, \"\")\r\n            .replace(this.minusSignPattern, \"-\")\r\n            .replace(this.decimalPattern, \".\")\r\n            .replace(this.numeralPattern, this.numeralsIndex);\r\n\r\n        if (!filteredText) {\r\n            return null;\r\n        }\r\n        if (filteredText === \"-\") {\r\n            return filteredText;\r\n        }\r\n\r\n        let parsedValue;\r\n        const pattern = /^[-+*/.\\d\\s()]+$/;\r\n        if (pattern.test(filteredText)) {\r\n            try {\r\n                parsedValue = mathEval(`(${filteredText})`);\r\n            } catch (error) {\r\n                parsedValue = +filteredText;\r\n            }\r\n        } else {\r\n            parsedValue = +filteredText;\r\n        }\r\n\r\n        return isNaN(parsedValue) ? null : parsedValue;\r\n    }\r\n\r\n    /**\r\n     * ## Watch Props\r\n     * @private\r\n     */\r\n    private watchProps() {\r\n        watch(\r\n            [\r\n                this.localeManager.currentLocale,\r\n                () => this.props.locale,\r\n                () => this.props.localeMatcher,\r\n                () => this.props.mode,\r\n                () => this.props.currency,\r\n                () => this.props.currencyDisplay,\r\n                () => this.props.useGrouping,\r\n                () => this.props.minFractionDigits,\r\n                () => this.props.maxFractionDigits,\r\n            ],\r\n            (value, oldValue) => {\r\n                if (value !== oldValue) {\r\n                    this.cachePatterns();\r\n                }\r\n            },\r\n        );\r\n    }\r\n}\r\n"],"names":["propsFactory","omit","makeEvTextfieldProps","props","isEmpty","mathEval","watch"],"mappings":"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"}

package/dist/cjs/components/EvNumberField/EvNumberField.vue.cjs

@@ -0,0 +1,296 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                     */
+const EvNumberField = require("./EvNumberField.cjs");
+const EvTextfield_vue_vue_type_script_setup_true_lang = require("../EvTextfield/EvTextfield.vue.cjs");
+const modelProxy = require("../../composables/modelProxy.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("../EvButton/EvButton.vue.cjs");
+const MinusIcon = require("../../icons/glyph/MinusIcon.svg.cjs");
+const PlusIcon = require("../../icons/glyph/PlusIcon.svg.cjs");
+const locale = require("../../composables/locale.cjs");
+const helpers = require("../../util/helpers.cjs");
+const isFunctions = require("../../util/is-functions.cjs");
+const incrementRate = 100;
+const incrementDelay = 0.25;
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvNumberField",
+  props: {
+    ...EvNumberField.makeEvNumberFieldProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const localeManager = locale.useLocaleManager();
+    const slots = vue.useSlots();
+    const evTextfieldRef = vue.ref();
+    const evTextfieldProps = vue.computed(() => {
+      return helpers.omit(helpers.filterComponentProps(EvTextfield_vue_vue_type_script_setup_true_lang.default, props), ["modelValue"]);
+    });
+    const numberParser = new EvNumberField.NumberParser(localeManager, props);
+    const modelValue = modelProxy.useModelProxy(props, "modelValue");
+    const inputValue = vue.shallowRef();
+    inputValue.value = numberParser.formatValue(modelValue.value);
+    vue.watch(modelValue, () => {
+      inputValue.value = numberParser.formatValue(modelValue.value);
+    });
+    vue.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 = vue.computed(() => {
+      return props.min ?? null;
+    });
+    const maximum = vue.computed(() => {
+      return props.max ?? null;
+    });
+    const incrementAmount = vue.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 (isFunctions.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 (!isFunctions.isEmpty(props.minFractionDigits) && decimalPlaces < props.minFractionDigits) {
+        value = parseFloat(value.toFixed(props.minFractionDigits));
+      }
+      if (!isFunctions.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 parsedValue = numberParser.parseValue(inputValue.value);
+      const currentValue = getValue(parsedValue);
+      inputValue.value = numberParser.formatValue(currentValue);
+      modelValue.value = numberParser.parseValue(inputValue.value);
+    }
+    function onFocus(e) {
+      if (props.readonly) {
+        return;
+      }
+      inputValue.value = isFunctions.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 parsedValue = numberParser.parseValue(inputValue.value);
+        const currentValue = getValue(parsedValue);
+        modelValue.value = currentValue;
+        vue.nextTick(() => {
+          inputValue.value = isFunctions.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 parsedValue = numberParser.parseValue(data);
+        const currentValue = getValue(parsedValue);
+        inputValue.value = isFunctions.isEmpty(currentValue) ? "" : currentValue.toString();
+        modelValue.value = currentValue;
+      }
+    }
+    function startIncrementing(direction) {
+      if (isIncrementing || props.readonly) {
+        return;
+      }
+      isIncrementing = true;
+      let currentValue;
+      if (isFunctions.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 parsedValue = numberParser.parseValue(inputValue.value);
+        modelValue.value = getValue(parsedValue);
+        isIncrementing = false;
+      }
+    }
+    const hasPrefix = vue.computed(() => {
+      return props.showButtons || slots.prefix || props.prefix;
+    });
+    const hasSuffix = vue.computed(() => {
+      return props.showButtons || slots.suffix || props.suffix;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvTextfield_vue_vue_type_script_setup_true_lang.default), vue.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
+      }), vue.createSlots({ _: 2 }, [
+        props.label || vue.unref(slots).label ? {
+          name: "label",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "label", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(props.label), 1)
+            ])
+          ]),
+          key: "0"
+        } : void 0,
+        hasPrefix.value ? {
+          name: "prefix",
+          fn: vue.withCtx(() => [
+            props.showButtons ? (vue.openBlock(), vue.createBlock(vue.unref(EvButton_vue_vue_type_script_setup_true_lang.default), {
+              key: 0,
+              rounded: props.rounded,
+              size: "x-small",
+              class: "ev-number-field--minus",
+              variant: "subtle",
+              icon: vue.unref(MinusIcon.default),
+              disabled: props.readonly || props.disabled,
+              onKeydown: _cache[0] || (_cache[0] = vue.withKeys(($event) => startIncrementing(-1), ["space", "enter"])),
+              onKeyup: _cache[1] || (_cache[1] = ($event) => stopIncrementing()),
+              onClick: vue.withModifiers(() => {
+              }, ["prevent", "stop"]),
+              onMousedown: _cache[2] || (_cache[2] = vue.withModifiers(($event) => startIncrementing(-1), ["prevent", "stop"])),
+              onMouseup: _cache[3] || (_cache[3] = vue.withModifiers(($event) => stopIncrementing(), ["prevent", "stop"])),
+              onMouseleave: _cache[4] || (_cache[4] = ($event) => stopIncrementing())
+            }, null, 8, ["rounded", "icon", "disabled", "onClick"])) : vue.createCommentVNode("", true),
+            vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(props.prefix), 1)
+            ])
+          ]),
+          key: "1"
+        } : void 0,
+        hasSuffix.value ? {
+          name: "suffix",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(props.suffix), 1)
+            ]),
+            props.showButtons ? (vue.openBlock(), vue.createBlock(vue.unref(EvButton_vue_vue_type_script_setup_true_lang.default), {
+              key: 0,
+              rounded: props.rounded,
+              size: "x-small",
+              class: "ev-number-field--plus",
+              variant: "subtle",
+              icon: vue.unref(PlusIcon.default),
+              disabled: props.readonly || props.disabled,
+              onKeydown: _cache[5] || (_cache[5] = vue.withKeys(($event) => startIncrementing(1), ["space", "enter"])),
+              onKeyup: _cache[6] || (_cache[6] = ($event) => stopIncrementing()),
+              onClick: vue.withModifiers(() => {
+              }, ["prevent", "stop"]),
+              onMousedown: _cache[7] || (_cache[7] = vue.withModifiers(($event) => startIncrementing(1), ["prevent", "stop"])),
+              onMouseup: _cache[8] || (_cache[8] = vue.withModifiers(($event) => stopIncrementing(), ["prevent", "stop"])),
+              onMouseleave: _cache[9] || (_cache[9] = ($event) => stopIncrementing())
+            }, null, 8, ["rounded", "icon", "disabled", "onClick"])) : vue.createCommentVNode("", true)
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["modelValue"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvNumberField.vue.cjs.map

package/dist/cjs/components/EvNumberField/EvNumberField.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvNumberField.vue.cjs","sources":["../../../../src/components/EvNumberField/EvNumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * `<ev-number-field>`\r\n */\r\nimport \"./EvNumberField.scss\";\r\nimport { makeEvNumberFieldProps, NumberParser } from \"./EvNumberField\";\r\nimport { EvTextfield } from \"@/components/EvTextfield\";\r\nimport { computed, nextTick, Ref, ref, shallowRef, watch } from \"vue\";\r\nimport { filterComponentProps, isEmpty, omit } from \"@/util\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { MinusIcon, PlusIcon } from \"@/icons\";\r\nimport { useLocaleManager } from \"@/composables/locale\";\r\nimport { KeyboardEvent } from \"react\";\r\n\r\nconst localeManager = useLocaleManager();\r\nconst props = defineProps({\r\n    ...makeEvNumberFieldProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    label(): never;\r\n    prefix(): never;\r\n    suffix(): never;\r\n}>();\r\n\r\n// EvTextfield\r\nconst evTextfieldRef = ref<typeof EvTextfield>();\r\nconst evTextfieldProps = computed(() => {\r\n    return omit(filterComponentProps(EvTextfield, props), [\"modelValue\"]);\r\n});\r\n\r\nconst numberParser = new NumberParser(localeManager, props);\r\n\r\n/**\r\n * We separate the `modelValue` and the `inputValue` (the value displayed)\r\n * because this allows us some efficiency improvements when holding down +/- buttons\r\n * as well as permitting formatting.\r\n *\r\n * Whenever the `modelValue` changes we need to ensure the `inputValue` is updated.\r\n */\r\nconst modelValue = useModelProxy(props, \"modelValue\");\r\n\r\nconst inputValue: Ref<string | null | undefined> = shallowRef();\r\ninputValue.value = numberParser.formatValue(modelValue.value);\r\nwatch(modelValue, () => {\r\n    inputValue.value = numberParser.formatValue(modelValue.value);\r\n});\r\n\r\nwatch(\r\n    [\r\n        localeManager.currentLocale,\r\n        () => props.locale,\r\n        () => props.localeMatcher,\r\n        () => props.mode,\r\n        () => props.currency,\r\n        () => props.currencyDisplay,\r\n        () => props.useGrouping,\r\n        () => props.minFractionDigits,\r\n        () => props.maxFractionDigits,\r\n    ],\r\n    (value, oldValue) => {\r\n        if (value !== oldValue) {\r\n            inputValue.value = numberParser.formatValue(modelValue.value);\r\n        }\r\n    },\r\n);\r\n\r\n/**\r\n * Minimum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst minimum = computed(() => {\r\n    return props.min ?? null;\r\n});\r\n\r\n/**\r\n * Maximum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst maximum = computed(() => {\r\n    return props.max ?? null;\r\n});\r\n\r\n/*\r\nconst currencySymbol = computed(() => {\r\n    return numberParser.prefixChar;\r\n});\r\n\r\n */\r\n\r\n/**\r\n * Incremental Values\r\n */\r\nconst incrementAmount = computed(() => {\r\n    return props.step ?? 1;\r\n});\r\nlet incrementInterval: ReturnType<typeof setInterval> | null = null;\r\nconst incrementRate: number = 100;\r\nconst incrementDelay = 0.25;\r\nlet isIncrementing = false;\r\n\r\n/**\r\n * ## Get Decimal Places\r\n * Returns the number of decimal places of the `value` supplied.\r\n * @param value\r\n */\r\nfunction getDecimalPlaces(value: number): number {\r\n    const options = {\r\n        useGrouping: false,\r\n        minimumFractionDigits: 0,\r\n        maximumFractionDigits: 20,\r\n    };\r\n    const fraction = localeManager.numberFormatter\r\n        .formatter(options)\r\n        .formatToParts(value)\r\n        .find((part) => part.type === \"fraction\");\r\n    return fraction ? fraction.value.length : 0;\r\n}\r\n\r\n/**\r\n * ## Set Value\r\n * Can be used to set the value of either the 'modelValue' or the 'inputValue'.\r\n * @param value\r\n */\r\nfunction getValue(value?: string | number | null) {\r\n    if (isEmpty(value)) {\r\n        return value ?? null;\r\n    }\r\n    if (typeof value === \"string\") {\r\n        value = parseFloat(value);\r\n    }\r\n    if (isMinBoundary(value!)) {\r\n        value = minimum.value;\r\n    } else if (isMaxBoundary(value!)) {\r\n        value = maximum.value;\r\n    }\r\n\r\n    // We always want to constrain the value to the minimum\r\n    // and maximum decimal places\r\n    const decimalPlaces = getDecimalPlaces(value!);\r\n    if (\r\n        !isEmpty(props.minFractionDigits) &&\r\n        decimalPlaces < props.minFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.minFractionDigits));\r\n    }\r\n    if (\r\n        !isEmpty(props.maxFractionDigits) &&\r\n        decimalPlaces > props.maxFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.maxFractionDigits));\r\n    }\r\n    return value;\r\n}\r\n\r\n/**\r\n * ## Is Max Boundary\r\n * @param value\r\n */\r\nfunction isMaxBoundary(value: number): boolean {\r\n    return maximum.value !== null && maximum.value < value;\r\n}\r\n\r\n/**\r\n * ## Is Min Boundary\r\n * @param value\r\n */\r\nfunction isMinBoundary(value: number): boolean {\r\n    return minimum.value !== null && minimum.value > value;\r\n}\r\n\r\n/**\r\n * # On Blur\r\n *\r\n * If the user has typed something we can't be sure that it is accurate\r\n * based upon the min/max boundaries so we reset the `inputValue` first.\r\n * Then, we can update the `modelValue` based on the input.\r\n */\r\nfunction onBlur(e: Event) {\r\n    if (inputValue.value === \"-\") {\r\n        inputValue.value = \"\";\r\n    }\r\n    const parsedValue = numberParser.parseValue(inputValue.value as string);\r\n    const currentValue = getValue(parsedValue);\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n    modelValue.value = numberParser.parseValue(inputValue.value);\r\n}\r\n\r\n/**\r\n * ## On Focus\r\n *\r\n * @param e\r\n */\r\nfunction onFocus(e: Event) {\r\n    if (props.readonly) {\r\n        return;\r\n    }\r\n    inputValue.value = isEmpty(modelValue.value)\r\n        ? \"\"\r\n        : modelValue.value.toString();\r\n}\r\n\r\n/**\r\n * ## On Input Keydown\r\n * @param e\r\n */\r\nfunction onInputKeydown(e: KeyboardEvent) {\r\n    const passThrough = [\r\n        \"Backspace\",\r\n        \"Delete\",\r\n        \"Home\",\r\n        \"End\",\r\n        \"ArrowLeft\",\r\n        \"ArrowRight\",\r\n        \"Tab\",\r\n    ];\r\n    if (passThrough.includes(e.key)) {\r\n        return;\r\n    }\r\n\r\n    // Listen to ArrowUp\r\n    if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n        startIncrementing(1);\r\n        return;\r\n    }\r\n    // Listen to ArrowDown\r\n    if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n        startIncrementing(-1);\r\n        return;\r\n    }\r\n\r\n    if (e.key === \"Enter\") {\r\n        e.preventDefault();\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        const currentValue = getValue(parsedValue);\r\n        modelValue.value = currentValue;\r\n        nextTick(() => {\r\n            inputValue.value = isEmpty(currentValue)\r\n                ? \"\"\r\n                : currentValue!.toString();\r\n        });\r\n        return;\r\n    }\r\n\r\n    const isPaste = e.key === \"v\" && e.ctrlKey;\r\n\r\n    // Block anything not in the whitelist\r\n    const whitelist = new RegExp(\"[0-9 +\\-\\/\\(\\)*]\");\r\n    if (!whitelist.test(e.key) && !isPaste) {\r\n        e.preventDefault();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Input Keyup\r\n * @param e\r\n */\r\nfunction onInputKeyup(e: KeyboardEvent) {\r\n    if (e.code === \"ArrowUp\" || e.code === \"ArrowDown\") {\r\n        e.preventDefault();\r\n    }\r\n    stopIncrementing();\r\n}\r\n\r\n/**\r\n * ## On Paste\r\n */\r\nfunction onPaste(e: ClipboardEvent) {\r\n    e.preventDefault();\r\n    const data = e.clipboardData?.getData(\"Text\");\r\n    if (data) {\r\n        const parsedValue = numberParser.parseValue(data);\r\n        const currentValue = getValue(parsedValue);\r\n        inputValue.value = isEmpty(currentValue)\r\n            ? \"\"\r\n            : currentValue!.toString();\r\n        modelValue.value = currentValue;\r\n    }\r\n}\r\n\r\n/**\r\n * ## Start Incrementing\r\n *\r\n * If the user holds the plus/minus button down for longer than the `incrementDelay`\r\n * we increase/decrease the `inputValue` by the `incrementAmount` at an increasing\r\n * rate for every second the user holds the button.\r\n *\r\n * @param direction\r\n */\r\nfunction startIncrementing(direction: number) {\r\n    if (isIncrementing || props.readonly) {\r\n        return;\r\n    }\r\n    isIncrementing = true;\r\n    let currentValue: number;\r\n    if (isEmpty(modelValue.value)) {\r\n        currentValue = minimum.value ?? 0;\r\n    } else {\r\n        currentValue = getValue(\r\n            modelValue.value! + direction * incrementAmount.value,\r\n        )! as number;\r\n    }\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n\r\n    // Then we rely on the delay to do more increments on a timer\r\n    const startTime = Date.now();\r\n    let internalIncrementAmount = incrementAmount.value;\r\n    incrementInterval = setInterval(() => {\r\n        const currentTime = Date.now();\r\n        const elapsedTime = (currentTime - startTime) / 1000;\r\n        if (elapsedTime < incrementDelay) {\r\n            return;\r\n        }\r\n        const multiplier = Math.floor(Math.pow(2, elapsedTime - 1));\r\n        internalIncrementAmount = incrementAmount.value * multiplier;\r\n        currentValue = getValue(\r\n            currentValue + direction * internalIncrementAmount,\r\n        )! as number;\r\n        inputValue.value = numberParser.formatValue(currentValue);\r\n    }, incrementRate);\r\n}\r\n\r\n/**\r\n * ## Stop Incrementing\r\n *\r\n * When the user releases the plus/minus button stop the increment interval\r\n * and set the resulting value onto the `modelValue` - this is more efficient\r\n * than setting the `modelValue` with every increment.\r\n */\r\nfunction stopIncrementing() {\r\n    if (isIncrementing) {\r\n        clearInterval(incrementInterval!);\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        modelValue.value = getValue(parsedValue);\r\n        isIncrementing = false;\r\n    }\r\n}\r\n\r\nconst hasPrefix = computed(() => {\r\n    return props.showButtons || slots.prefix || props.prefix;\r\n});\r\n\r\nconst hasSuffix = computed(() => {\r\n    return props.showButtons || slots.suffix || props.suffix;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <ev-textfield\r\n        ref=\"evTextfieldRef\"\r\n        v-bind=\"evTextfieldProps\"\r\n        v-model=\"inputValue\"\r\n        class=\"ev-number-field\"\r\n        type=\"text\"\r\n        @paste=\"onPaste\"\r\n        @blur=\"onBlur\"\r\n        @focus=\"onFocus\"\r\n        @keydown=\"onInputKeydown\"\r\n        @keyup=\"onInputKeyup\">\r\n        <template v-if=\"props.label || slots.label\" #label>\r\n            <slot name=\"label\">{{ props.label }}</slot>\r\n        </template>\r\n        <template v-if=\"hasPrefix\" #prefix>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--minus\"\r\n                variant=\"subtle\"\r\n                :icon=\"MinusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(-1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(-1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n            <slot name=\"prefix\">{{ props.prefix }}</slot>\r\n        </template>\r\n        <template v-if=\"hasSuffix\" #suffix>\r\n            <slot name=\"suffix\">{{ props.suffix }}</slot>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--plus\"\r\n                variant=\"subtle\"\r\n                :icon=\"PlusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n        </template>\r\n    </ev-textfield>\r\n</template>\r\n"],"names":["useLocaleManager","_useSlots","ref","computed","omit","filterComponentProps","EvTextfield","NumberParser","useModelProxy","shallowRef","watch","isEmpty","nextTick"],"mappings":";;;;;;;;;;;;;;AAiGA,MAAM,gBAAwB;AAC9B,MAAM,iBAAiB;;;;;;;;AAnFvB,UAAM,gBAAgBA,OAAAA,iBAAiB;AAIvC,UAAM,QAAQC,IAAAA,SAAA;AAOd,UAAM,iBAAiBC,IAAAA,IAAwB;AACzC,UAAA,mBAAmBC,IAAAA,SAAS,MAAM;AACpC,aAAOC,QAAAA,KAAKC,QAAAA,qBAAqBC,gDAAAA,SAAa,KAAK,GAAG,CAAC,YAAY,CAAC;AAAA,IAAA,CACvE;AAED,UAAM,eAAe,IAAIC,2BAAa,eAAe,KAAK;AASpD,UAAA,aAAaC,WAAAA,cAAc,OAAO,YAAY;AAEpD,UAAM,aAA6CC,IAAAA,WAAW;AAC9D,eAAW,QAAQ,aAAa,YAAY,WAAW,KAAK;AAC5DC,QAAA,MAAM,YAAY,MAAM;AACpB,iBAAW,QAAQ,aAAa,YAAY,WAAW,KAAK;AAAA,IAAA,CAC/D;AAEDA,QAAA;AAAA,MACI;AAAA,QACI,cAAc;AAAA,QACd,MAAM,MAAM;AAAA,QACZ,MAAM,MAAM;AAAA,QACZ,MAAM,MAAM;AAAA,QACZ,MAAM,MAAM;AAAA,QACZ,MAAM,MAAM;AAAA,QACZ,MAAM,MAAM;AAAA,QACZ,MAAM,MAAM;AAAA,QACZ,MAAM,MAAM;AAAA,MAChB;AAAA,MACA,CAAC,OAAO,aAAa;AACjB,YAAI,UAAU,UAAU;AACpB,qBAAW,QAAQ,aAAa,YAAY,WAAW,KAAK;AAAA,QAAA;AAAA,MAChE;AAAA,IAER;AAMM,UAAA,UAAUP,IAAAA,SAAS,MAAM;AAC3B,aAAO,MAAM,OAAO;AAAA,IAAA,CACvB;AAMK,UAAA,UAAUA,IAAAA,SAAS,MAAM;AAC3B,aAAO,MAAM,OAAO;AAAA,IAAA,CACvB;AAYK,UAAA,kBAAkBA,IAAAA,SAAS,MAAM;AACnC,aAAO,MAAM,QAAQ;AAAA,IAAA,CACxB;AACD,QAAI,oBAA2D;AAG/D,QAAI,iBAAiB;AAOrB,aAAS,iBAAiB,OAAuB;AAC7C,YAAM,UAAU;AAAA,QACZ,aAAa;AAAA,QACb,uBAAuB;AAAA,QACvB,uBAAuB;AAAA,MAC3B;AACA,YAAM,WAAW,cAAc,gBAC1B,UAAU,OAAO,EACjB,cAAc,KAAK,EACnB,KAAK,CAAC,SAAS,KAAK,SAAS,UAAU;AACrC,aAAA,WAAW,SAAS,MAAM,SAAS;AAAA,IAAA;AAQ9C,aAAS,SAAS,OAAgC;AAC1C,UAAAQ,YAAAA,QAAQ,KAAK,GAAG;AAChB,eAAO,SAAS;AAAA,MAAA;AAEhB,UAAA,OAAO,UAAU,UAAU;AAC3B,gBAAQ,WAAW,KAAK;AAAA,MAAA;AAExB,UAAA,cAAc,KAAM,GAAG;AACvB,gBAAQ,QAAQ;AAAA,MAAA,WACT,cAAc,KAAM,GAAG;AAC9B,gBAAQ,QAAQ;AAAA,MAAA;AAKd,YAAA,gBAAgB,iBAAiB,KAAM;AAC7C,UACI,CAACA,YAAQ,QAAA,MAAM,iBAAiB,KAChC,gBAAgB,MAAM,mBACxB;AACE,gBAAQ,WAAW,MAAO,QAAQ,MAAM,iBAAiB,CAAC;AAAA,MAAA;AAE9D,UACI,CAACA,YAAQ,QAAA,MAAM,iBAAiB,KAChC,gBAAgB,MAAM,mBACxB;AACE,gBAAQ,WAAW,MAAO,QAAQ,MAAM,iBAAiB,CAAC;AAAA,MAAA;AAEvD,aAAA;AAAA,IAAA;AAOX,aAAS,cAAc,OAAwB;AAC3C,aAAO,QAAQ,UAAU,QAAQ,QAAQ,QAAQ;AAAA,IAAA;AAOrD,aAAS,cAAc,OAAwB;AAC3C,aAAO,QAAQ,UAAU,QAAQ,QAAQ,QAAQ;AAAA,IAAA;AAUrD,aAAS,OAAO,GAAU;AAClB,UAAA,WAAW,UAAU,KAAK;AAC1B,mBAAW,QAAQ;AAAA,MAAA;AAEvB,YAAM,cAAc,aAAa,WAAW,WAAW,KAAe;AAChE,YAAA,eAAe,SAAS,WAAW;AAC9B,iBAAA,QAAQ,aAAa,YAAY,YAAY;AACxD,iBAAW,QAAQ,aAAa,WAAW,WAAW,KAAK;AAAA,IAAA;AAQ/D,aAAS,QAAQ,GAAU;AACvB,UAAI,MAAM,UAAU;AAChB;AAAA,MAAA;AAEO,iBAAA,QAAQA,oBAAQ,WAAW,KAAK,IACrC,KACA,WAAW,MAAM,SAAS;AAAA,IAAA;AAOpC,aAAS,eAAe,GAAkB;AACtC,YAAM,cAAc;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AACA,UAAI,YAAY,SAAS,EAAE,GAAG,GAAG;AAC7B;AAAA,MAAA;AAIA,UAAA,EAAE,QAAQ,WAAW;AACrB,UAAE,eAAe;AACjB,0BAAkB,CAAC;AACnB;AAAA,MAAA;AAGA,UAAA,EAAE,QAAQ,aAAa;AACvB,UAAE,eAAe;AACjB,0BAAkB,EAAE;AACpB;AAAA,MAAA;AAGA,UAAA,EAAE,QAAQ,SAAS;AACnB,UAAE,eAAe;AACjB,cAAM,cAAc,aAAa,WAAW,WAAW,KAAK;AACtD,cAAA,eAAe,SAAS,WAAW;AACzC,mBAAW,QAAQ;AACnBC,YAAAA,SAAS,MAAM;AACX,qBAAW,QAAQD,oBAAQ,YAAY,IACjC,KACA,aAAc,SAAS;AAAA,QAAA,CAChC;AACD;AAAA,MAAA;AAGJ,YAAM,UAAU,EAAE,QAAQ,OAAO,EAAE;AAG7B,YAAA,YAAY,IAAI,OAAO,cAAkB;AAC/C,UAAI,CAAC,UAAU,KAAK,EAAE,GAAG,KAAK,CAAC,SAAS;AACpC,UAAE,eAAe;AAAA,MAAA;AAAA,IACrB;AAOJ,aAAS,aAAa,GAAkB;AACpC,UAAI,EAAE,SAAS,aAAa,EAAE,SAAS,aAAa;AAChD,UAAE,eAAe;AAAA,MAAA;AAEJ,uBAAA;AAAA,IAAA;AAMrB,aAAS,QAAQ,GAAmB;;AAChC,QAAE,eAAe;AACjB,YAAM,QAAO,OAAE,kBAAF,mBAAiB,QAAQ;AACtC,UAAI,MAAM;AACA,cAAA,cAAc,aAAa,WAAW,IAAI;AAC1C,cAAA,eAAe,SAAS,WAAW;AACzC,mBAAW,QAAQA,oBAAQ,YAAY,IACjC,KACA,aAAc,SAAS;AAC7B,mBAAW,QAAQ;AAAA,MAAA;AAAA,IACvB;AAYJ,aAAS,kBAAkB,WAAmB;AACtC,UAAA,kBAAkB,MAAM,UAAU;AAClC;AAAA,MAAA;AAEa,uBAAA;AACb,UAAA;AACA,UAAAA,YAAA,QAAQ,WAAW,KAAK,GAAG;AAC3B,uBAAe,QAAQ,SAAS;AAAA,MAAA,OAC7B;AACY,uBAAA;AAAA,UACX,WAAW,QAAS,YAAY,gBAAgB;AAAA,QACpD;AAAA,MAAA;AAEO,iBAAA,QAAQ,aAAa,YAAY,YAAY;AAGlD,YAAA,YAAY,KAAK,IAAI;AAC3B,UAAI,0BAA0B,gBAAgB;AAC9C,0BAAoB,YAAY,MAAM;AAC5B,cAAA,cAAc,KAAK,IAAI;AACvB,cAAA,eAAe,cAAc,aAAa;AAChD,YAAI,cAAc,gBAAgB;AAC9B;AAAA,QAAA;AAEE,cAAA,aAAa,KAAK,MAAM,KAAK,IAAI,GAAG,cAAc,CAAC,CAAC;AAC1D,kCAA0B,gBAAgB,QAAQ;AACnC,uBAAA;AAAA,UACX,eAAe,YAAY;AAAA,QAC/B;AACW,mBAAA,QAAQ,aAAa,YAAY,YAAY;AAAA,SACzD,aAAa;AAAA,IAAA;AAUpB,aAAS,mBAAmB;AACxB,UAAI,gBAAgB;AAChB,sBAAc,iBAAkB;AAChC,cAAM,cAAc,aAAa,WAAW,WAAW,KAAK;AACjD,mBAAA,QAAQ,SAAS,WAAW;AACtB,yBAAA;AAAA,MAAA;AAAA,IACrB;AAGE,UAAA,YAAYR,IAAAA,SAAS,MAAM;AAC7B,aAAO,MAAM,eAAe,MAAM,UAAU,MAAM;AAAA,IAAA,CACrD;AAEK,UAAA,YAAYA,IAAAA,SAAS,MAAM;AAC7B,aAAO,MAAM,eAAe,MAAM,UAAU,MAAM;AAAA,IAAA,CACrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/EvNumberField/EvNumberField.vue2.cjs

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EvNumberField_vue_vue_type_script_setup_true_lang = require("./EvNumberField.vue.cjs");
+exports.default = EvNumberField_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=EvNumberField.vue2.cjs.map

package/dist/cjs/components/EvOverlay/EvOverlay.cjs

@@ -0,0 +1,43 @@
+"use strict";
+/*! Evance UI v1.1.10 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dimensions = require("../../composables/dimensions.cjs");
+const activator = require("./activator.cjs");
+const position = require("./position.cjs");
+const scroll = require("./scroll.cjs");
+const component = require("../../composables/component.cjs");
+const props = require("../../util/props.cjs");
+const EvTransition = require("../EvTransition/EvTransition.cjs");
+const makeEvOverlayProps = props.propsFactory(
+  {
+    absolute: Boolean,
+    attach: [Boolean, String, Object],
+    closeOnBack: {
+      type: Boolean,
+      default: true
+    },
+    contained: Boolean,
+    contentClass: String,
+    contentProps: Object,
+    disabled: Boolean,
+    modelValue: [Boolean, Object],
+    persistent: Boolean,
+    veil: {
+      type: Boolean,
+      default: true
+    },
+    zIndex: {
+      type: [Number, String],
+      default: 2e3
+    },
+    ...activator.makeActivatorProps(),
+    ...dimensions.makeDimensionsProps(),
+    ...position.makePositionStrategyProps(),
+    ...scroll.makeScrollStrategyProps(),
+    ...EvTransition.makeEvTransitionProps(),
+    ...component.makeComponentProps()
+  },
+  "EvOverlay"
+);
+exports.makeEvOverlayProps = makeEvOverlayProps;
+//# sourceMappingURL=EvOverlay.cjs.map

package/dist/cjs/components/EvOverlay/EvOverlay.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvOverlay.cjs","sources":["../../../../src/components/EvOverlay/EvOverlay.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType, Ref } from \"vue\";\nimport { TeleportTarget } from \"@/composables/teleport\";\nimport { DimensionsProps, makeDimensionsProps } from \"@/composables/dimensions\";\nimport { ActivatorProps, makeActivatorProps } from \"./activator\";\nimport { makePositionStrategyProps, PositionStrategyProps } from \"./position\";\nimport { makeScrollStrategyProps, ScrollStrategyProps } from \"./scroll\";\nimport {\n    EvTransitionProps,\n    makeEvTransitionProps,\n} from \"@/components/EvTransition\";\nimport { ComponentProps, makeComponentProps } from \"@/composables/component\";\n\ntype ModelValueProp = boolean | Ref<boolean>;\n\nexport interface EvOverlayProps\n    extends ActivatorProps,\n        DimensionsProps,\n        PositionStrategyProps,\n        ScrollStrategyProps,\n        EvTransitionProps,\n        ComponentProps {\n    absolute?: boolean;\n    attach?: TeleportTarget;\n    closeOnBack?: boolean;\n    contained?: boolean;\n    contentClass?: string;\n    contentProps?: Record<string, unknown>;\n    disabled?: boolean;\n    modelValue?: ModelValueProp;\n    persistent?: boolean;\n    veil?: boolean;\n    zIndex?: number | string;\n}\n\n/**\n * # Make EvOverlay Props\n */\nexport const makeEvOverlayProps = propsFactory(\n    {\n        absolute: Boolean,\n        attach: [Boolean, String, Object] as PropType<TeleportTarget>,\n        closeOnBack: {\n            type: Boolean,\n            default: true,\n        },\n        contained: Boolean,\n        contentClass: String,\n        contentProps: Object as PropType<EvOverlayProps[\"contentProps\"]>,\n        disabled: Boolean,\n        modelValue: [Boolean, Object] as PropType<ModelValueProp>,\n        persistent: Boolean,\n        veil: {\n            type: Boolean,\n            default: true,\n        },\n        zIndex: {\n            type: [Number, String],\n            default: 2000,\n        },\n\n        ...makeActivatorProps(),\n        ...makeDimensionsProps(),\n        ...makePositionStrategyProps(),\n        ...makeScrollStrategyProps(),\n        ...makeEvTransitionProps(),\n        ...makeComponentProps(),\n    },\n    \"EvOverlay\",\n);\n"],"names":["propsFactory","makeActivatorProps","makeDimensionsProps","makePositionStrategyProps","makeScrollStrategyProps","makeEvTransitionProps","makeComponentProps"],"mappings":";;;;;;;;;;AAsCO,MAAM,qBAAqBA,MAAA;AAAA,EAC9B;AAAA,IACI,UAAU;AAAA,IACV,QAAQ,CAAC,SAAS,QAAQ,MAAM;AAAA,IAChC,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,WAAW;AAAA,IACX,cAAc;AAAA,IACd,cAAc;AAAA,IACd,UAAU;AAAA,IACV,YAAY,CAAC,SAAS,MAAM;AAAA,IAC5B,YAAY;AAAA,IACZ,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,QAAQ;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACb;AAAA,IAEA,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,+BAAoB;AAAA,IACvB,GAAGC,mCAA0B;AAAA,IAC7B,GAAGC,+BAAwB;AAAA,IAC3B,GAAGC,mCAAsB;AAAA,IACzB,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;"}