@evance/evance-ui 1.1.10 → 1.1.11

package/dist/esm/components/EvNumberField/EvNumberField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvNumberField.mjs","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":[],"mappings":"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"}
+{"version":3,"file":"EvNumberField.mjs","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":["makeEvNumberFieldProps","propsFactory","omit","makeEvTextfieldProps","NumberParser","localeManager","props","__publicField","options","formatter","index","d","i","_a","text","value","isEmpty","filteredText","parsedValue","mathEval","watch","oldValue"],"mappings":"6eAOaA,EAAyBC,EAAA,aAClC,CACI,kBAAmB,OACnB,kBAAmB,OACnB,SAAU,OACV,gBAAiB,CACb,KAAM,OACN,QAAS,cACb,EACA,OAAQ,OACR,cAAe,OACf,IAAK,CACD,KAAM,OACN,QAAS,MACb,EACA,IAAK,CACD,KAAM,OACN,QAAS,MACb,EACA,KAAM,CACF,KAAM,OACN,QAAS,SACb,EACA,YAAa,QACb,KAAM,CACF,KAAM,OACN,QAAS,CACb,EACA,YAAa,QAEb,GAAGC,OAAKC,EAAAA,uBAAwB,CAAC,MAAM,CAAC,CAC5C,EACA,eACJ,EAqBO,MAAMC,CAAa,CAYtB,YACWC,EACAC,EACT,CAdMC,EAAA,yBACAA,EAAA,wBACAA,EAAA,sBACAA,EAAA,0BACAA,EAAA,sBACAA,EAAA,kBACAA,EAAA,uBACAA,EAAA,wBACAA,EAAA,uBACAA,EAAA,uBAGG,KAAA,cAAAF,EACA,KAAA,MAAAC,EAEP,KAAK,cAAc,EACnB,KAAK,WAAW,CAAA,CAGZ,eAAgB,CACpB,KAAK,cAAgB,IAAI,KAAK,aAAa,KAAK,OAAQ,KAAK,OAAO,EAC/D,KAAA,UAAY,KAAK,eAAe,EAChC,KAAA,eAAiB,KAAK,oBAAoB,EAC1C,KAAA,gBAAkB,KAAK,qBAAqB,EAC5C,KAAA,cAAgB,KAAK,mBAAmB,EACxC,KAAA,kBAAoB,KAAK,uBAAuB,EAChD,KAAA,iBAAmB,KAAK,sBAAsB,EAC9C,KAAA,gBAAkB,KAAK,qBAAqB,EAC5C,KAAA,eAAiB,KAAK,oBAAoB,EAC1C,KAAA,eAAiB,KAAK,oBAAoB,CAAA,CAGnD,IAAI,iBAAkB,CAClB,OAAO,KAAK,gBAAA,CAGhB,IAAI,gBAAiB,CACjB,OAAO,KAAK,eAAA,CAGhB,IAAI,WAAoB,CAIpB,OAHkB,IAAI,KAAK,aAAa,KAAK,OAAQ,CACjD,YAAa,EAAA,CAChB,EAEI,OAAO,GAAO,EACd,KAAK,EACL,QAAQ,KAAK,eAAgB,EAAE,EAC/B,OAAO,CAAC,CAAA,CAGjB,IAAI,cAAe,CACf,OAAO,KAAK,aAAA,CAGhB,IAAI,QAAiB,CACjB,OAAO,KAAK,MAAM,QAAU,KAAK,cAAc,cAAc,KAAA,CAGjE,IAAI,kBAAmB,CACnB,OAAO,KAAK,iBAAA,CAGhB,IAAI,cAAe,CACf,OAAO,KAAK,aAAA,CAGhB,IAAI,UAAW,CACX,OAAO,KAAK,SAAA,CAGhB,IAAI,eAAgB,CAChB,OAAO,KAAK,cAAA,CAGhB,IAAI,gBAAiB,CACjB,OAAO,KAAK,eAAA,CAGhB,IAAI,SAAoC,CAC7B,MAAA,CACH,cAAe,WACf,MAAO,KAAK,MAAM,KAClB,SAAU,KAAK,MAAM,SACrB,gBAAiB,KAAK,MAAM,gBAC5B,YAAa,KAAK,MAAM,YACxB,sBAAuB,KAAK,MAAM,kBAClC,sBAAuB,KAAK,MAAM,iBACtC,CAAA,CAGJ,IAAI,YAAa,CACb,MAAME,EAAU,CACZ,MAAO,KAAK,MAAM,KAClB,SAAU,KAAK,MAAM,SACrB,gBAAiB,KAAK,MAAM,eAChC,EAEA,OADkB,IAAI,KAAK,aAAa,KAAK,OAAQA,CAAO,EAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,EAAE,CAAC,CAAA,CAG3C,IAAI,eAAgB,CAChB,OAAO,KAAK,cAAA,CAGhB,IAAI,YAAa,CACb,MAAMA,EAAU,CACZ,MAAO,KAAK,MAAM,KAClB,SAAU,KAAK,MAAM,SACrB,gBAAiB,KAAK,MAAM,gBAC5B,sBAAuB,EACvB,sBAAuB,CAC3B,EAEA,OADkB,IAAI,KAAK,aAAa,KAAK,OAAQA,CAAO,EAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,EAAE,CAAC,CAAA,CAG3C,IAAI,eAAgB,CAChB,OAAO,KAAK,cAAA,CAOR,uBAAwB,CACxB,GAAA,CAAC,KAAK,MAAM,SACL,OAAA,IAAI,OAAO,KAAM,GAAG,EAE/B,MAAMA,EAAU,CACZ,MAAO,WACP,SAAU,KAAK,MAAM,SACrB,gBAAiB,KAAK,MAAM,gBAC5B,sBAAuB,EACvB,sBAAuB,CAC3B,EACMC,EAAY,IAAI,KAAK,aAAa,KAAK,OAAQD,CAAO,EAC5D,OAAO,IAAI,OACP,IAAIC,EAAU,OAAO,CAAC,EAAE,QAAQ,MAAO,EAAE,EAAE,QAAQ,KAAK,eAAgB,EAAE,EAAE,QAAQ,KAAK,aAAc,EAAE,CAAC,IAC1G,GACJ,CAAA,CAOI,sBAAuB,CAC3B,MAAMA,EAAY,IAAI,KAAK,aAAa,KAAK,OAAQ,CACjD,GAAG,KAAK,QACR,YAAa,EAAA,CAChB,EACD,OAAO,IAAI,OACP,IAAIA,EAAU,OAAO,GAAG,EAAE,QAAQ,KAAK,gBAAiB,EAAE,EAAE,KAAO,EAAA,QAAQ,KAAK,eAAgB,EAAE,CAAC,IACnG,GACJ,CAAA,CAOI,oBAAqB,CACzB,OAAO,IAAI,OAAO,IAAI,KAAK,SAAS,IAAK,GAAG,CAAA,CAOxC,wBAAiC,CACrC,MAAMA,EAAY,IAAI,KAAK,aAAa,KAAK,OAAQ,CACjD,YAAa,EAAA,CAChB,EACD,OAAO,IAAI,OACP,IAAIA,EAAU,OAAO,EAAE,EAAE,OAAO,QAAQ,KAAK,eAAgB,EAAE,CAAC,IAChE,GACJ,CAAA,CAOI,gBAA2B,CACxB,MAAA,CACH,GAAG,IAAI,KAAK,aAAa,KAAK,OAAQ,CAClC,YAAa,EAAA,CAChB,EAAE,OAAO,UAAU,GACtB,QAAQ,CAAA,CAON,qBAAsB,CAC1B,MAAMC,EAAQ,IAAI,IAAI,KAAK,SAAS,IAAI,CAACC,EAAGC,IAAM,CAACD,EAAGC,CAAC,CAAC,CAAC,EACzD,OAAQD,GAAc,OAAA,QAAAE,EAAAH,EAAM,IAAIC,CAAC,IAAX,YAAAE,EAAc,aAAc,GAAA,CAO9C,sBAA+B,CAC5B,OAAA,IAAI,OAAO,IAAI,KAAK,SAAS,KAAK,EAAE,CAAC,IAAK,GAAG,CAAA,CAOhD,qBAAsB,CACnB,OAAA,IAAI,OAAO,GAAG,KAAK,aAAa,KAAK,YAAc,EAAE,CAAC,GAAI,GAAG,CAAA,CAOhE,qBAAsB,CACnB,OAAA,IAAI,OAAO,GAAG,KAAK,aAAa,KAAK,YAAc,EAAE,CAAC,GAAI,GAAG,CAAA,CAOjE,aAAaC,EAAc,CACvB,OAAAA,EAAK,QAAQ,2BAA4B,MAAM,CAAA,CAUnD,YAAYC,EAAwB,CACnC,OAAAC,EAAAA,QAAQD,CAAK,EACN,GAGPA,IAAU,IACHA,EAEO,IAAI,KAAK,aAAa,KAAK,OAAQ,KAAK,OAAO,EAChC,OAAOA,CAAe,CAEhD,CAeJ,WAAWD,EAAyD,CACnEA,GAAS,OACFA,EAAA,IAEX,MAAMG,EAAeH,EAChB,QAAQ,KAAK,cAAe,EAAE,EAC9B,QAAQ,KAAK,cAAe,EAAE,EAC9B,KAAA,EACA,QAAQ,KAAK,gBAAiB,EAAE,EAChC,QAAQ,KAAK,aAAc,EAAE,EAC7B,QAAQ,KAAK,iBAAkB,GAAG,EAClC,QAAQ,KAAK,eAAgB,GAAG,EAChC,QAAQ,KAAK,eAAgB,KAAK,aAAa,EAEpD,GAAI,CAACG,EACM,OAAA,KAEX,GAAIA,IAAiB,IACV,OAAAA,EAGP,IAAAC,EAEA,GADY,mBACJ,KAAKD,CAAY,EACrB,GAAA,CACcC,EAAAC,EAAAA,SAAS,IAAIF,CAAY,GAAG,OAC9B,CACZC,EAAc,CAACD,CAAA,MAGnBC,EAAc,CAACD,EAGZ,OAAA,MAAMC,CAAW,EAAI,KAAOA,CAAA,CAO/B,YAAa,CACjBE,EAAA,MACI,CACI,KAAK,cAAc,cACnB,IAAM,KAAK,MAAM,OACjB,IAAM,KAAK,MAAM,cACjB,IAAM,KAAK,MAAM,KACjB,IAAM,KAAK,MAAM,SACjB,IAAM,KAAK,MAAM,gBACjB,IAAM,KAAK,MAAM,YACjB,IAAM,KAAK,MAAM,kBACjB,IAAM,KAAK,MAAM,iBACrB,EACA,CAACL,EAAOM,IAAa,CACbN,IAAUM,GACV,KAAK,cAAc,CACvB,CAER,CAAA,CAER"}

package/dist/esm/components/EvNumberField/EvNumberField.vue.mjs

@@ -1,296 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, useSlots, ref, computed, shallowRef, watch, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withModifiers, withKeys, nextTick } from "vue";
-/* empty css                    */
-import { makeEvNumberFieldProps, NumberParser } from "./EvNumberField.mjs";
-import _sfc_main$1 from "../EvTextfield/EvTextfield.vue.mjs";
-import { useModelProxy } from "../../composables/modelProxy.mjs";
-import _sfc_main$2 from "../EvButton/EvButton.vue.mjs";
-import MinusIcon from "../../icons/glyph/MinusIcon.svg.mjs";
-import PlusIcon from "../../icons/glyph/PlusIcon.svg.mjs";
-import { useLocaleManager } from "../../composables/locale.mjs";
-import { omit, filterComponentProps } from "../../util/helpers.mjs";
-import { isEmpty } from "../../util/is-functions.mjs";
-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 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 = 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;
-        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 parsedValue = numberParser.parseValue(data);
-        const currentValue = getValue(parsedValue);
-        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 parsedValue = numberParser.parseValue(inputValue.value);
-        modelValue.value = getValue(parsedValue);
-        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: props.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()),
-              onClick: withModifiers(() => {
-              }, ["prevent", "stop"]),
-              onMousedown: _cache[2] || (_cache[2] = withModifiers(($event) => startIncrementing(-1), ["prevent", "stop"])),
-              onMouseup: _cache[3] || (_cache[3] = withModifiers(($event) => stopIncrementing(), ["prevent", "stop"])),
-              onMouseleave: _cache[4] || (_cache[4] = ($event) => stopIncrementing())
-            }, null, 8, ["rounded", "icon", "disabled", "onClick"])) : 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: props.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()),
-              onClick: withModifiers(() => {
-              }, ["prevent", "stop"]),
-              onMousedown: _cache[7] || (_cache[7] = withModifiers(($event) => startIncrementing(1), ["prevent", "stop"])),
-              onMouseup: _cache[8] || (_cache[8] = withModifiers(($event) => stopIncrementing(), ["prevent", "stop"])),
-              onMouseleave: _cache[9] || (_cache[9] = ($event) => stopIncrementing())
-            }, null, 8, ["rounded", "icon", "disabled", "onClick"])) : createCommentVNode("", true)
-          ]),
-          key: "2"
-        } : void 0
-      ]), 1040, ["modelValue"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");;/* empty css                     */const b=require("./EvNumberField.mjs"),k=require("../EvTextfield/EvTextfield.vue.mjs"),L=require("../../composables/modelProxy.mjs"),M=require("../EvButton/EvButton.vue.mjs"),U=require("../../icons/glyph/MinusIcon.svg.mjs"),z=require("../../icons/glyph/PlusIcon.svg.mjs"),G=require("../../composables/locale.mjs"),F=require("../../util/helpers.mjs"),f=require("../../util/is-functions.mjs"),j=100,H=.25,O=t.defineComponent({__name:"EvNumberField",props:{...b.makeEvNumberFieldProps()},setup(T){const r=T,x=G.useLocaleManager(),w=t.useSlots(),P=t.ref(),B=t.computed(()=>F.omit(F.filterComponentProps(k.default,r),["modelValue"])),l=new b.NumberParser(x,r),i=L.useModelProxy(r,"modelValue"),u=t.shallowRef();u.value=l.formatValue(i.value),t.watch(i,()=>{u.value=l.formatValue(i.value)}),t.watch([x.currentLocale,()=>r.locale,()=>r.localeMatcher,()=>r.mode,()=>r.currency,()=>r.currencyDisplay,()=>r.useGrouping,()=>r.minFractionDigits,()=>r.maxFractionDigits],(e,n)=>{e!==n&&(u.value=l.formatValue(i.value))});const v=t.computed(()=>r.min??null),g=t.computed(()=>r.max??null),V=t.computed(()=>r.step??1);let D=null,y=!1;function E(e){const n={useGrouping:!1,minimumFractionDigits:0,maximumFractionDigits:20},o=x.numberFormatter.formatter(n).formatToParts(e).find(a=>a.type==="fraction");return o?o.value.length:0}function p(e){if(f.isEmpty(e))return e??null;typeof e=="string"&&(e=parseFloat(e)),$(e)?e=v.value:S(e)&&(e=g.value);const n=E(e);return!f.isEmpty(r.minFractionDigits)&&n<r.minFractionDigits&&(e=parseFloat(e.toFixed(r.minFractionDigits))),!f.isEmpty(r.maxFractionDigits)&&n>r.maxFractionDigits&&(e=parseFloat(e.toFixed(r.maxFractionDigits))),e}function S(e){return g.value!==null&&g.value<e}function $(e){return v.value!==null&&v.value>e}function h(e){u.value==="-"&&(u.value="");const n=l.parseValue(u.value),o=p(n);u.value=l.formatValue(o),i.value=l.parseValue(u.value)}function q(e){r.readonly||(u.value=f.isEmpty(i.value)?"":i.value.toString())}function C(e){if(["Backspace","Delete","Home","End","ArrowLeft","ArrowRight","Tab"].includes(e.key))return;if(e.key==="ArrowUp"){e.preventDefault(),c(1);return}if(e.key==="ArrowDown"){e.preventDefault(),c(-1);return}if(e.key==="Enter"){e.preventDefault();const d=l.parseValue(u.value),m=p(d);i.value=m,t.nextTick(()=>{u.value=f.isEmpty(m)?"":m.toString()});return}const o=e.key==="v"&&e.ctrlKey;!new RegExp("[0-9 +-/()*]").test(e.key)&&!o&&e.preventDefault()}function I(e){(e.code==="ArrowUp"||e.code==="ArrowDown")&&e.preventDefault(),s()}function K(e){var o;e.preventDefault();const n=(o=e.clipboardData)==null?void 0:o.getData("Text");if(n){const a=l.parseValue(n),d=p(a);u.value=f.isEmpty(d)?"":d.toString(),i.value=d}}function c(e){if(y||r.readonly)return;y=!0;let n;f.isEmpty(i.value)?n=v.value??0:n=p(i.value+e*V.value),u.value=l.formatValue(n);const o=Date.now();let a=V.value;D=setInterval(()=>{const m=(Date.now()-o)/1e3;if(m<H)return;const R=Math.floor(Math.pow(2,m-1));a=V.value*R,n=p(n+e*a),u.value=l.formatValue(n)},j)}function s(){if(y){clearInterval(D);const e=l.parseValue(u.value);i.value=p(e),y=!1}}const N=t.computed(()=>r.showButtons||w.prefix||r.prefix),A=t.computed(()=>r.showButtons||w.suffix||r.suffix);return(e,n)=>(t.openBlock(),t.createBlock(t.unref(k.default),t.mergeProps({ref_key:"evTextfieldRef",ref:P},B.value,{modelValue:u.value,"onUpdate:modelValue":n[10]||(n[10]=o=>u.value=o),class:"ev-number-field",type:"text",onPaste:K,onBlur:h,onFocus:q,onKeydown:C,onKeyup:I}),t.createSlots({_:2},[r.label||t.unref(w).label?{name:"label",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"label",{},()=>[t.createTextVNode(t.toDisplayString(r.label),1)])]),key:"0"}:void 0,N.value?{name:"prefix",fn:t.withCtx(()=>[r.showButtons?(t.openBlock(),t.createBlock(t.unref(M.default),{key:0,rounded:r.rounded,size:"x-small",class:"ev-number-field--minus",variant:"subtle",icon:t.unref(U.default),disabled:r.readonly||r.disabled,onKeydown:n[0]||(n[0]=t.withKeys(o=>c(-1),["space","enter"])),onKeyup:n[1]||(n[1]=o=>s()),onClick:t.withModifiers(()=>{},["prevent","stop"]),onMousedown:n[2]||(n[2]=t.withModifiers(o=>c(-1),["prevent","stop"])),onMouseup:n[3]||(n[3]=t.withModifiers(o=>s(),["prevent","stop"])),onMouseleave:n[4]||(n[4]=o=>s())},null,8,["rounded","icon","disabled","onClick"])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"prefix",{},()=>[t.createTextVNode(t.toDisplayString(r.prefix),1)])]),key:"1"}:void 0,A.value?{name:"suffix",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"suffix",{},()=>[t.createTextVNode(t.toDisplayString(r.suffix),1)]),r.showButtons?(t.openBlock(),t.createBlock(t.unref(M.default),{key:0,rounded:r.rounded,size:"x-small",class:"ev-number-field--plus",variant:"subtle",icon:t.unref(z.default),disabled:r.readonly||r.disabled,onKeydown:n[5]||(n[5]=t.withKeys(o=>c(1),["space","enter"])),onKeyup:n[6]||(n[6]=o=>s()),onClick:t.withModifiers(()=>{},["prevent","stop"]),onMousedown:n[7]||(n[7]=t.withModifiers(o=>c(1),["prevent","stop"])),onMouseup:n[8]||(n[8]=t.withModifiers(o=>s(),["prevent","stop"])),onMouseleave:n[9]||(n[9]=o=>s())},null,8,["rounded","icon","disabled","onClick"])):t.createCommentVNode("",!0)]),key:"2"}:void 0]),1040,["modelValue"]))}});exports.default=O;
 //# sourceMappingURL=EvNumberField.vue.mjs.map

package/dist/esm/components/EvNumberField/EvNumberField.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvNumberField.vue.mjs","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":["_useSlots","EvTextfield"],"mappings":"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"}
+{"version":3,"file":"EvNumberField.vue.mjs","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":["incrementRate","incrementDelay","localeManager","useLocaleManager","slots","_useSlots","evTextfieldRef","ref","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","props","numberParser","NumberParser","modelValue","useModelProxy","inputValue","shallowRef","watch","value","oldValue","minimum","maximum","incrementAmount","incrementInterval","isIncrementing","getDecimalPlaces","options","fraction","part","getValue","isEmpty","isMinBoundary","isMaxBoundary","decimalPlaces","onBlur","parsedValue","currentValue","onFocus","onInputKeydown","startIncrementing","nextTick","isPaste","onInputKeyup","stopIncrementing","onPaste","data","_a","direction","startTime","internalIncrementAmount","elapsedTime","multiplier","hasPrefix","hasSuffix"],"mappings":"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"}

package/dist/esm/components/EvNumberField/EvNumberField.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import _sfc_main from "./EvNumberField.vue.mjs";
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvNumberField.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvNumberField.vue2.mjs.map

package/dist/esm/components/EvNumberField/EvNumberField.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvNumberField.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"EvNumberField.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/components/EvOverlay/EvOverlay.mjs

@@ -1,43 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { makeDimensionsProps } from "../../composables/dimensions.mjs";
-import { makeActivatorProps } from "./activator.mjs";
-import { makePositionStrategyProps } from "./position.mjs";
-import { makeScrollStrategyProps } from "./scroll.mjs";
-import { makeComponentProps } from "../../composables/component.mjs";
-import { propsFactory } from "../../util/props.mjs";
-import { makeEvTransitionProps } from "../EvTransition/EvTransition.mjs";
-const makeEvOverlayProps = 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
-    },
-    ...makeActivatorProps(),
-    ...makeDimensionsProps(),
-    ...makePositionStrategyProps(),
-    ...makeScrollStrategyProps(),
-    ...makeEvTransitionProps(),
-    ...makeComponentProps()
-  },
-  "EvOverlay"
-);
-export {
-  makeEvOverlayProps
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/dimensions.mjs"),o=require("./activator.mjs"),t=require("./position.mjs"),r=require("./scroll.mjs"),n=require("../../composables/component.mjs"),a=require("../../util/props.mjs"),s=require("../EvTransition/EvTransition.mjs"),i=a.propsFactory({absolute:Boolean,attach:[Boolean,String,Object],closeOnBack:{type:Boolean,default:!0},contained:Boolean,contentClass:String,contentProps:Object,disabled:Boolean,modelValue:[Boolean,Object],persistent:Boolean,veil:{type:Boolean,default:!0},zIndex:{type:[Number,String],default:2e3},...o.makeActivatorProps(),...e.makeDimensionsProps(),...t.makePositionStrategyProps(),...r.makeScrollStrategyProps(),...s.makeEvTransitionProps(),...n.makeComponentProps()},"EvOverlay");exports.makeEvOverlayProps=i;
 //# sourceMappingURL=EvOverlay.mjs.map

package/dist/esm/components/EvOverlay/EvOverlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvOverlay.mjs","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":[],"mappings":";;;;;;;;AAsCO,MAAM,qBAAqB;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,GAAG,mBAAmB;AAAA,IACtB,GAAG,oBAAoB;AAAA,IACvB,GAAG,0BAA0B;AAAA,IAC7B,GAAG,wBAAwB;AAAA,IAC3B,GAAG,sBAAsB;AAAA,IACzB,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvOverlay.mjs","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":["makeEvOverlayProps","propsFactory","makeActivatorProps","makeDimensionsProps","makePositionStrategyProps","makeScrollStrategyProps","makeEvTransitionProps","makeComponentProps"],"mappings":"0XAsCaA,EAAqBC,EAAA,aAC9B,CACI,SAAU,QACV,OAAQ,CAAC,QAAS,OAAQ,MAAM,EAChC,YAAa,CACT,KAAM,QACN,QAAS,EACb,EACA,UAAW,QACX,aAAc,OACd,aAAc,OACd,SAAU,QACV,WAAY,CAAC,QAAS,MAAM,EAC5B,WAAY,QACZ,KAAM,CACF,KAAM,QACN,QAAS,EACb,EACA,OAAQ,CACJ,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,GACb,EAEA,GAAGC,qBAAmB,EACtB,GAAGC,sBAAoB,EACvB,GAAGC,4BAA0B,EAC7B,GAAGC,0BAAwB,EAC3B,GAAGC,wBAAsB,EACzB,GAAGC,EAAmB,mBAAA,CAC1B,EACA,WACJ"}