@leaflink/stash 49.5.0 → 50.0.0

package/dist/Copy.js

@@ -1,72 +1,61 @@
-import { defineComponent as u, useCssModule as _, ref as f, computed as h, openBlock as o, createElementBlock as i, normalizeClass as l, unref as s, renderSlot as v, withDirectives as x, createBlock as c, withCtx as C, createTextVNode as k, toDisplayString as w } from "vue";
+import { defineComponent as m, useCssModule as _, ref as f, computed as h, openBlock as e, createElementBlock as p, normalizeClass as i, unref as s, renderSlot as v, withDirectives as x, createBlock as c, withCtx as C, createTextVNode as k, toDisplayString as w } from "vue";
 import { UI_TIMEOUT as T } from "./constants.js";
 import b from "./directives/tooltip.js";
-import { t as r } from "./locale.js";
+import { t as n } from "./locale.js";
 import g from "./Button.js";
-import n from "./Icon.js";
-import { _ as B } from "./_plugin-vue_export-helper-dad06003.js";
-import "lodash-es/debounce";
-import "./utils/calculateElementOverflow.js";
-import "./utils/helpers.js";
-import "lodash-es/camelCase";
-import "lodash-es/get";
-import "lodash-es/isFinite";
-import "lodash-es/isPlainObject";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-4dabc2a9.js";
-import "lodash-es/uniqueId";
-import "./index-9e1095ef.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
-const M = /* @__PURE__ */ u({
+import r from "./Icon.js";
+import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const M = /* @__PURE__ */ m({
   __name: "Copy",
   props: {
     text: { default: void 0 },
     value: { default: "" },
     visible: { type: Boolean, default: !1 }
   },
-  setup(m) {
-    const t = m, p = _(), e = f(!1), d = h(() => e.value ? r("ll.copy.copied") : t.text ? null : r("ll.copy.copyToClipboard"));
-    function a() {
-      navigator.clipboard.writeText(t.value), e.value = !0, setTimeout(() => {
-        e.value = !1;
+  setup(d) {
+    const t = d, a = _(), o = f(!1), y = h(() => o.value ? n("ll.copy.copied") : t.text ? null : n("ll.copy.copyToClipboard"));
+    function l() {
+      navigator.clipboard.writeText(t.value), o.value = !0, setTimeout(() => {
+        o.value = !1;
       }, T);
     }
-    return (y, S) => (o(), i("div", {
-      class: l(["stash-copy tw-flex tw-items-center", { [s(p).hidden]: !t.visible }]),
+    return (u, S) => (e(), p("div", {
+      class: i(["stash-copy tw-flex tw-items-center", { [s(a).hidden]: !t.visible }]),
       "data-test": "stash-copy"
     }, [
-      v(y.$slots, "default"),
-      x((o(), i("div", {
-        class: l(["stash-copy__copy-zone tw-ml-3 tw-cursor-pointer", s(p).copy]),
+      v(u.$slots, "default"),
+      x((e(), p("div", {
+        class: i(["stash-copy__copy-zone tw-ml-3 tw-cursor-pointer", s(a).copy]),
         "data-test": "stash-copy|copy-zone"
       }, [
-        e.value ? (o(), c(n, {
+        o.value ? (e(), c(r, {
           key: 0,
           class: "stash-copy__success-icon tw-text-green-500",
           name: "circle-check",
           "data-test": "stash-copy|success-icon"
-        })) : t.text ? (o(), c(g, {
+        })) : t.text ? (e(), c(g, {
           key: 1,
           class: "stash-copy__copy-text",
           inline: "",
           "data-test": "stash-copy|copy-target",
-          onClick: a
+          onClick: l
         }, {
           default: C(() => [
             k(w(t.text), 1)
           ]),
           _: 1
-        })) : (o(), c(n, {
+        })) : (e(), c(r, {
           key: 2,
           class: "stash-copy__copy-icon",
           name: "copy",
           title: "Copy to clipboard",
           "data-test": "stash-copy|copy-target",
-          onClick: a
+          onClick: l
         }))
       ], 2)), [
         [
           s(b),
-          d.value,
+          y.value,
           void 0,
           { top: !0 }
         ]
@@ -78,8 +67,8 @@ const M = /* @__PURE__ */ u({
   copy: I
 }, E = {
   $style: D
-}, X = /* @__PURE__ */ B(M, [["__cssModules", E]]);
+}, A = /* @__PURE__ */ B(M, [["__cssModules", E]]);
 export {
-  X as default
+  A as default
 };
 //# sourceMappingURL=Copy.js.map

package/dist/Copy.js.map

@@ -1 +1 @@
-{"version":3,"file":"Copy.js","sources":["../src/components/Copy/Copy.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, ref, useCssModule } from 'vue';\n\n  import { UI_TIMEOUT } from '../../constants';\n  import vTooltip from '../../directives/tooltip/tooltip';\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface CopyProps {\n    /**\n     * Optional text to display instead of icon.\n     */\n    text?: string;\n\n    /**\n     * The value to copy to clipboard.\n     */\n    value?: string;\n\n    /**\n     * Sets the copy icon or text to always be visible. By default, icon/text only appears when hovering over slot content.\n     */\n    visible?: boolean;\n  }\n\n  const props = withDefaults(defineProps<CopyProps>(), {\n    text: undefined,\n    value: '', // Todo - We should default this to the content of the default slot so you can do <Copy>631f67a</Copy>.\n    visible: false,\n  });\n  const classes = useCssModule();\n\n  // Flag to indicate whether a user successfully copied the text to their clipboard.\n  // Note: We reset this flag after a timeout to allow the user to copy the text multiple times.\n  const isCopied = ref(false);\n\n  const tooltip = computed(() => {\n    return isCopied.value ? t('ll.copy.copied') : !props.text ? t('ll.copy.copyToClipboard') : null;\n  });\n\n  function handleCopy() {\n    navigator.clipboard.writeText(props.value);\n    isCopied.value = true;\n\n    setTimeout(() => {\n      isCopied.value = false;\n    }, UI_TIMEOUT);\n  }\n</script>\n\n<template>\n  <div class=\"stash-copy tw-flex tw-items-center\" :class=\"{ [classes.hidden]: !props.visible }\" data-test=\"stash-copy\">\n    <!-- @slot Anything you want to render. This is not what will be copied to the clipboard. -->\n    <slot></slot>\n    <div\n      v-tooltip.top=\"tooltip\"\n      class=\"stash-copy__copy-zone tw-ml-3 tw-cursor-pointer\"\n      :class=\"classes.copy\"\n      data-test=\"stash-copy|copy-zone\"\n    >\n      <Icon\n        v-if=\"isCopied\"\n        class=\"stash-copy__success-icon tw-text-green-500\"\n        name=\"circle-check\"\n        data-test=\"stash-copy|success-icon\"\n      />\n      <Button\n        v-else-if=\"props.text\"\n        class=\"stash-copy__copy-text\"\n        inline\n        data-test=\"stash-copy|copy-target\"\n        @click=\"handleCopy\"\n      >\n        {{ props.text }}\n      </Button>\n      <Icon\n        v-else\n        class=\"stash-copy__copy-icon\"\n        name=\"copy\"\n        title=\"Copy to clipboard\"\n        data-test=\"stash-copy|copy-target\"\n        @click=\"handleCopy\"\n      />\n    </div>\n  </div>\n</template>\n\n<style module>\n  .hidden {\n    .copy {\n      visibility: hidden;\n    }\n\n    &:hover {\n      .copy {\n        visibility: visible;\n      }\n    }\n  }\n</style>\n"],"names":["props","__props","classes","useCssModule","isCopied","ref","tooltip","computed","t","handleCopy","UI_TIMEOUT"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BE,UAAMA,IAAQC,GAKRC,IAAUC,KAIVC,IAAWC,EAAI,EAAK,GAEpBC,IAAUC,EAAS,MAChBH,EAAS,QAAQI,EAAE,gBAAgB,IAAKR,EAAM,OAAsC,OAA/BQ,EAAE,yBAAyB,CACxF;AAED,aAASC,IAAa;AACV,gBAAA,UAAU,UAAUT,EAAM,KAAK,GACzCI,EAAS,QAAQ,IAEjB,WAAW,MAAM;AACf,QAAAA,EAAS,QAAQ;AAAA,SAChBM,CAAU;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Copy.js","sources":["../src/components/Copy/Copy.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, ref, useCssModule } from 'vue';\n\n  import { UI_TIMEOUT } from '../../constants';\n  import vTooltip from '../../directives/tooltip/tooltip';\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface CopyProps {\n    /**\n     * Optional text to display instead of icon.\n     */\n    text?: string;\n\n    /**\n     * The value to copy to clipboard.\n     */\n    value?: string;\n\n    /**\n     * Sets the copy icon or text to always be visible. By default, icon/text only appears when hovering over slot content.\n     */\n    visible?: boolean;\n  }\n\n  const props = withDefaults(defineProps<CopyProps>(), {\n    text: undefined,\n    value: '', // Todo - We should default this to the content of the default slot so you can do <Copy>631f67a</Copy>.\n    visible: false,\n  });\n  const classes = useCssModule();\n\n  // Flag to indicate whether a user successfully copied the text to their clipboard.\n  // Note: We reset this flag after a timeout to allow the user to copy the text multiple times.\n  const isCopied = ref(false);\n\n  const tooltip = computed(() => {\n    return isCopied.value ? t('ll.copy.copied') : !props.text ? t('ll.copy.copyToClipboard') : null;\n  });\n\n  function handleCopy() {\n    navigator.clipboard.writeText(props.value);\n    isCopied.value = true;\n\n    setTimeout(() => {\n      isCopied.value = false;\n    }, UI_TIMEOUT);\n  }\n</script>\n\n<template>\n  <div class=\"stash-copy tw-flex tw-items-center\" :class=\"{ [classes.hidden]: !props.visible }\" data-test=\"stash-copy\">\n    <!-- @slot Anything you want to render. This is not what will be copied to the clipboard. -->\n    <slot></slot>\n    <div\n      v-tooltip.top=\"tooltip\"\n      class=\"stash-copy__copy-zone tw-ml-3 tw-cursor-pointer\"\n      :class=\"classes.copy\"\n      data-test=\"stash-copy|copy-zone\"\n    >\n      <Icon\n        v-if=\"isCopied\"\n        class=\"stash-copy__success-icon tw-text-green-500\"\n        name=\"circle-check\"\n        data-test=\"stash-copy|success-icon\"\n      />\n      <Button\n        v-else-if=\"props.text\"\n        class=\"stash-copy__copy-text\"\n        inline\n        data-test=\"stash-copy|copy-target\"\n        @click=\"handleCopy\"\n      >\n        {{ props.text }}\n      </Button>\n      <Icon\n        v-else\n        class=\"stash-copy__copy-icon\"\n        name=\"copy\"\n        title=\"Copy to clipboard\"\n        data-test=\"stash-copy|copy-target\"\n        @click=\"handleCopy\"\n      />\n    </div>\n  </div>\n</template>\n\n<style module>\n  .hidden {\n    .copy {\n      visibility: hidden;\n    }\n\n    &:hover {\n      .copy {\n        visibility: visible;\n      }\n    }\n  }\n</style>\n"],"names":["props","__props","classes","useCssModule","isCopied","ref","tooltip","computed","t","handleCopy","UI_TIMEOUT"],"mappings":";;;;;;;;;;;;;;;AA0BE,UAAMA,IAAQC,GAKRC,IAAUC,KAIVC,IAAWC,EAAI,EAAK,GAEpBC,IAAUC,EAAS,MAChBH,EAAS,QAAQI,EAAE,gBAAgB,IAAKR,EAAM,OAAsC,OAA/BQ,EAAE,yBAAyB,CACxF;AAED,aAASC,IAAa;AACV,gBAAA,UAAU,UAAUT,EAAM,KAAK,GACzCI,EAAS,QAAQ,IAEjB,WAAW,MAAM;AACf,QAAAA,EAAS,QAAQ;AAAA,SAChBM,CAAU;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Copy.vue.d.ts

@@ -48,17 +48,17 @@ export declare interface CopyProps {
 }
 
 declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CopyProps>, {
-    text: undefined;
-    value: string;
-    visible: boolean;
+text: undefined;
+value: string;
+visible: boolean;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CopyProps>, {
-    text: undefined;
-    value: string;
-    visible: boolean;
+text: undefined;
+value: string;
+visible: boolean;
 }>>> & Readonly<{}>, {
-    text: string;
-    value: string;
-    visible: boolean;
+text: string;
+value: string;
+visible: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/CurrencyInput.js

@@ -1,58 +1,47 @@
-import { ref as O, getCurrentInstance as R, version as $, computed as I, watch as x, defineComponent as A, useAttrs as L, openBlock as T, createBlock as G, mergeProps as w, withCtx as k, createVNode as W } from "vue";
-import z from "lodash-es/isEmpty";
-import B from "./Icon.js";
-import j from "./Input.js";
-import "lodash-es/uniqueId";
-import "./index-9e1095ef.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
-import "./_plugin-vue_export-helper-dad06003.js";
-import "lodash-es/isNil";
-import "./utils/i18n.js";
-import "./constants.js";
-import "./locale.js";
-import "lodash-es/get";
-import "./Field.vue_vue_type_script_setup_true_lang-fded4f75.js";
-import "./Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js";
+import { ref as V, getCurrentInstance as C, version as R, computed as E, watch as x, defineComponent as $, useAttrs as A, openBlock as L, createBlock as T, mergeProps as G, withCtx as w, createVNode as k } from "vue";
+import W from "lodash-es/isEmpty";
+import z from "./Icon.js";
+import B from "./Input.js";
 /**
  * Vue Currency Input 3.1.0
  * (c) 2018-2024 Matthias Stiller
  * @license MIT
  */
-var y;
+var v;
 (function(s) {
   s.symbol = "symbol", s.narrowSymbol = "narrowSymbol", s.code = "code", s.name = "name", s.hidden = "hidden";
-})(y || (y = {}));
-var v;
+})(v || (v = {}));
+var F;
 (function(s) {
   s.precision = "precision", s.thousands = "thousands", s.millions = "millions", s.billions = "billions";
-})(v || (v = {}));
-const D = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), M = (s) => s.replace(/^0+(0$|[^0])/, "$1"), E = (s, i) => (s.match(new RegExp(D(i), "g")) || []).length, X = (s, i) => s.substring(0, s.indexOf(i)), P = [
+})(F || (F = {}));
+const D = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), N = (s) => s.replace(/^0+(0$|[^0])/, "$1"), O = (s, i) => (s.match(new RegExp(D(i), "g")) || []).length, j = (s, i) => s.substring(0, s.indexOf(i)), M = [
   ",",
   ".",
   "٫",
   "。"
-], N = "(0|[1-9]\\d*)";
-class U {
+], _ = "(0|[1-9]\\d*)";
+class X {
   constructor(i) {
-    var t, e, n, g, a, c;
-    const { currency: h, currencyDisplay: p, locale: r, precision: o, accountingSign: d, useGrouping: l } = i;
+    var t, e, n, d, u, c;
+    const { currency: m, currencyDisplay: p, locale: r, precision: a, accountingSign: h, useGrouping: l } = i;
     this.locale = r, this.options = {
-      currency: h,
+      currency: m,
       useGrouping: l,
       style: "currency",
-      currencySign: d ? "accounting" : void 0,
-      currencyDisplay: p !== y.hidden ? p : void 0
+      currencySign: h ? "accounting" : void 0,
+      currencyDisplay: p !== v.hidden ? p : void 0
     };
-    const u = new Intl.NumberFormat(r, this.options), f = u.formatToParts(123456);
-    this.currency = (t = f.find(({ type: m }) => m === "currency")) === null || t === void 0 ? void 0 : t.value, this.digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((m) => m.toLocaleString(r)), this.decimalSymbol = (e = f.find(({ type: m }) => m === "decimal")) === null || e === void 0 ? void 0 : e.value, this.groupingSymbol = (n = f.find(({ type: m }) => m === "group")) === null || n === void 0 ? void 0 : n.value, this.minusSign = (g = u.formatToParts(-1).find(({ type: m }) => m === "minusSign")) === null || g === void 0 ? void 0 : g.value, this.decimalSymbol === void 0 ? this.minimumFractionDigits = this.maximumFractionDigits = 0 : typeof o == "number" ? this.minimumFractionDigits = this.maximumFractionDigits = o : (this.minimumFractionDigits = (a = o == null ? void 0 : o.min) !== null && a !== void 0 ? a : u.resolvedOptions().minimumFractionDigits, this.maximumFractionDigits = (c = o == null ? void 0 : o.max) !== null && c !== void 0 ? c : u.resolvedOptions().maximumFractionDigits);
-    const b = (m) => X(m, this.digits[1]), S = (m) => m.substring(m.lastIndexOf(this.decimalSymbol ? this.digits[0] : this.digits[1]) + 1);
-    this.prefix = b(u.format(1)), this.suffix = S(u.format(1)), this.negativePrefix = b(u.format(-1)), this.negativeSuffix = S(u.format(-1));
+    const o = new Intl.NumberFormat(r, this.options), y = o.formatToParts(123456);
+    this.currency = (t = y.find(({ type: g }) => g === "currency")) === null || t === void 0 ? void 0 : t.value, this.digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((g) => g.toLocaleString(r)), this.decimalSymbol = (e = y.find(({ type: g }) => g === "decimal")) === null || e === void 0 ? void 0 : e.value, this.groupingSymbol = (n = y.find(({ type: g }) => g === "group")) === null || n === void 0 ? void 0 : n.value, this.minusSign = (d = o.formatToParts(-1).find(({ type: g }) => g === "minusSign")) === null || d === void 0 ? void 0 : d.value, this.decimalSymbol === void 0 ? this.minimumFractionDigits = this.maximumFractionDigits = 0 : typeof a == "number" ? this.minimumFractionDigits = this.maximumFractionDigits = a : (this.minimumFractionDigits = (u = a == null ? void 0 : a.min) !== null && u !== void 0 ? u : o.resolvedOptions().minimumFractionDigits, this.maximumFractionDigits = (c = a == null ? void 0 : a.max) !== null && c !== void 0 ? c : o.resolvedOptions().maximumFractionDigits);
+    const S = (g) => j(g, this.digits[1]), f = (g) => g.substring(g.lastIndexOf(this.decimalSymbol ? this.digits[0] : this.digits[1]) + 1);
+    this.prefix = S(o.format(1)), this.suffix = f(o.format(1)), this.negativePrefix = S(o.format(-1)), this.negativeSuffix = f(o.format(-1));
   }
   parse(i) {
     if (i) {
       const t = this.isNegative(i);
       i = this.normalizeDigits(i), i = this.stripCurrency(i, t), i = this.stripSignLiterals(i);
-      const e = this.decimalSymbol ? `(?:${D(this.decimalSymbol)}(\\d*))?` : "", n = this.stripGroupingSeparator(i).match(new RegExp(`^${N}${e}$`));
+      const e = this.decimalSymbol ? `(?:${D(this.decimalSymbol)}(\\d*))?` : "", n = this.stripGroupingSeparator(i).match(new RegExp(`^${_}${e}$`));
       if (n && this.isValidIntegerFormat(this.decimalSymbol ? i.split(this.decimalSymbol)[0] : i, Number(n[1])))
         return +`${t ? "-" : ""}${this.onlyDigits(n[1])}.${this.onlyDigits(n[2] || "")}`;
     }
@@ -75,7 +64,7 @@ class U {
     return `${this.digits[0]}${this.decimalSymbol}${this.onlyLocaleDigits(i.substring(1)).substring(0, this.maximumFractionDigits)}`;
   }
   isFractionIncomplete(i) {
-    return !!this.normalizeDigits(this.stripGroupingSeparator(i)).match(new RegExp(`^${N}${D(this.decimalSymbol)}$`));
+    return !!this.normalizeDigits(this.stripGroupingSeparator(i)).match(new RegExp(`^${_}${D(this.decimalSymbol)}$`));
   }
   isNegative(i) {
     return i.startsWith(this.negativePrefix) || this.minusSign === void 0 && (i.startsWith("(") || i.startsWith("-")) || this.minusSign !== void 0 && i.replace("-", this.minusSign).startsWith(this.minusSign);
@@ -93,7 +82,7 @@ class U {
     return i.replace(t ? this.negativePrefix : this.prefix, "").replace(t ? this.negativeSuffix : this.suffix, "");
   }
   normalizeDecimalSeparator(i, t) {
-    return P.forEach((e) => {
+    return M.forEach((e) => {
       i = i.substring(0, t) + i.substring(t).replace(e, this.decimalSymbol);
     }), i;
   }
@@ -109,48 +98,48 @@ class U {
     return i.replace(new RegExp(`[^${this.digits.join("")}]*`, "g"), "");
   }
 }
-class C {
+class P {
   constructor(i) {
     this.currencyFormat = i;
   }
 }
-class q extends C {
+class U extends P {
   conformToMask(i, t = "") {
-    const e = this.currencyFormat.isNegative(i), n = (u) => u === "" && e && !(this.currencyFormat.minusSign === void 0 ? t === this.currencyFormat.negativePrefix + this.currencyFormat.negativeSuffix : t === this.currencyFormat.negativePrefix), g = (u) => {
-      if (n(u))
+    const e = this.currencyFormat.isNegative(i), n = (o) => o === "" && e && !(this.currencyFormat.minusSign === void 0 ? t === this.currencyFormat.negativePrefix + this.currencyFormat.negativeSuffix : t === this.currencyFormat.negativePrefix), d = (o) => {
+      if (n(o))
         return "";
       if (this.currencyFormat.maximumFractionDigits > 0) {
-        if (this.currencyFormat.isFractionIncomplete(u))
-          return u;
-        if (u.startsWith(this.currencyFormat.decimalSymbol))
-          return this.currencyFormat.toFraction(u);
+        if (this.currencyFormat.isFractionIncomplete(o))
+          return o;
+        if (o.startsWith(this.currencyFormat.decimalSymbol))
+          return this.currencyFormat.toFraction(o);
       }
       return null;
     };
-    let a = i;
-    a = this.currencyFormat.stripCurrency(a, e), a = this.currencyFormat.stripSignLiterals(a);
-    const c = g(a);
+    let u = i;
+    u = this.currencyFormat.stripCurrency(u, e), u = this.currencyFormat.stripSignLiterals(u);
+    const c = d(u);
     if (c != null)
       return this.currencyFormat.insertCurrency(c, e);
-    const [h, ...p] = a.split(this.currencyFormat.decimalSymbol), r = M(this.currencyFormat.onlyDigits(h)), o = this.currencyFormat.onlyDigits(p.join("")).substring(0, this.currencyFormat.maximumFractionDigits), d = p.length > 0 && o.length === 0, l = r === "" && e && (this.currencyFormat.minusSign === void 0 ? t === i.slice(0, -2) + this.currencyFormat.negativeSuffix : t === i.slice(0, -1));
-    return d || l || n(r) ? t : r.match(/\d+/) ? {
-      numberValue: +`${e ? "-" : ""}${r}.${o}`,
-      fractionDigits: o
+    const [m, ...p] = u.split(this.currencyFormat.decimalSymbol), r = N(this.currencyFormat.onlyDigits(m)), a = this.currencyFormat.onlyDigits(p.join("")).substring(0, this.currencyFormat.maximumFractionDigits), h = p.length > 0 && a.length === 0, l = r === "" && e && (this.currencyFormat.minusSign === void 0 ? t === i.slice(0, -2) + this.currencyFormat.negativeSuffix : t === i.slice(0, -1));
+    return h || l || n(r) ? t : r.match(/\d+/) ? {
+      numberValue: +`${e ? "-" : ""}${r}.${a}`,
+      fractionDigits: a
     } : "";
   }
 }
-class Y extends C {
+class q extends P {
   conformToMask(i, t = "") {
     if (i === "" || this.currencyFormat.parse(t) === 0 && this.currencyFormat.stripCurrency(t, !0).slice(0, -1) === this.currencyFormat.stripCurrency(i, !0))
       return "";
-    const e = this.currencyFormat.isNegative(i), n = this.currencyFormat.stripSignLiterals(i) === "" ? -0 : +`${e ? "-" : ""}${M(this.currencyFormat.onlyDigits(i))}` / Math.pow(10, this.currencyFormat.maximumFractionDigits);
+    const e = this.currencyFormat.isNegative(i), n = this.currencyFormat.stripSignLiterals(i) === "" ? -0 : +`${e ? "-" : ""}${N(this.currencyFormat.onlyDigits(i))}` / Math.pow(10, this.currencyFormat.maximumFractionDigits);
     return {
       numberValue: n,
       fractionDigits: n.toFixed(this.currencyFormat.maximumFractionDigits).slice(-this.currencyFormat.maximumFractionDigits)
     };
   }
 }
-const Z = {
+const Y = {
   locale: void 0,
   currency: void 0,
   currencyDisplay: void 0,
@@ -163,7 +152,7 @@ const Z = {
   useGrouping: void 0,
   valueScaling: void 0
 };
-class H {
+class Z {
   constructor(i) {
     this.el = i.el, this.onInput = i.onInput, this.onChange = i.onChange, this.addEventListener(), this.init(i.options);
   }
@@ -179,16 +168,16 @@ class H {
   }
   init(i) {
     this.options = {
-      ...Z,
+      ...Y,
       ...i
-    }, this.options.autoDecimalDigits && (this.options.hideNegligibleDecimalDigitsOnFocus = !1), this.el.getAttribute("inputmode") || this.el.setAttribute("inputmode", this.options.autoDecimalDigits ? "numeric" : "decimal"), this.currencyFormat = new U(this.options), this.numberMask = this.options.autoDecimalDigits ? new Y(this.currencyFormat) : new q(this.currencyFormat);
+    }, this.options.autoDecimalDigits && (this.options.hideNegligibleDecimalDigitsOnFocus = !1), this.el.getAttribute("inputmode") || this.el.setAttribute("inputmode", this.options.autoDecimalDigits ? "numeric" : "decimal"), this.currencyFormat = new X(this.options), this.numberMask = this.options.autoDecimalDigits ? new q(this.currencyFormat) : new U(this.currencyFormat);
     const t = {
-      [v.precision]: this.currencyFormat.maximumFractionDigits,
-      [v.thousands]: 3,
-      [v.millions]: 6,
-      [v.billions]: 9
+      [F.precision]: this.currencyFormat.maximumFractionDigits,
+      [F.thousands]: 3,
+      [F.millions]: 6,
+      [F.billions]: 9
     };
-    this.valueScaling = this.options.valueScaling ? t[this.options.valueScaling] : void 0, this.valueScalingFractionDigits = this.valueScaling !== void 0 && this.options.valueScaling !== v.precision ? this.valueScaling + this.currencyFormat.maximumFractionDigits : this.currencyFormat.maximumFractionDigits, this.minValue = this.getMinValue(), this.maxValue = this.getMaxValue();
+    this.valueScaling = this.options.valueScaling ? t[this.options.valueScaling] : void 0, this.valueScalingFractionDigits = this.valueScaling !== void 0 && this.options.valueScaling !== F.precision ? this.valueScaling + this.currencyFormat.maximumFractionDigits : this.currencyFormat.maximumFractionDigits, this.minValue = this.getMinValue(), this.maxValue = this.getMaxValue();
   }
   getMinValue() {
     var i, t;
@@ -215,16 +204,16 @@ class H {
       const e = this.numberMask.conformToMask(i, this.formattedValue);
       let n;
       if (typeof e == "object") {
-        const { numberValue: g, fractionDigits: a } = e;
-        let { maximumFractionDigits: c, minimumFractionDigits: h } = this.currencyFormat;
-        this.focus ? h = t ? a.replace(/0+$/, "").length : Math.min(c, a.length) : Number.isInteger(g) && !this.options.autoDecimalDigits && (this.options.precision === void 0 || h === 0) && (h = c = 0), n = this.toInteger(Math.abs(g)) > Number.MAX_SAFE_INTEGER ? this.formattedValue : this.currencyFormat.format(g, {
+        const { numberValue: d, fractionDigits: u } = e;
+        let { maximumFractionDigits: c, minimumFractionDigits: m } = this.currencyFormat;
+        this.focus ? m = t ? u.replace(/0+$/, "").length : Math.min(c, u.length) : Number.isInteger(d) && !this.options.autoDecimalDigits && (this.options.precision === void 0 || m === 0) && (m = c = 0), n = this.toInteger(Math.abs(d)) > Number.MAX_SAFE_INTEGER ? this.formattedValue : this.currencyFormat.format(d, {
           useGrouping: this.options.useGrouping !== !1 && !(this.focus && this.options.hideGroupingSeparatorOnFocus),
-          minimumFractionDigits: h,
+          minimumFractionDigits: m,
           maximumFractionDigits: c
         });
       } else
         n = e;
-      this.maxValue <= 0 && !this.currencyFormat.isNegative(n) && this.currencyFormat.parse(n) !== 0 && (n = n.replace(this.currencyFormat.prefix, this.currencyFormat.negativePrefix)), this.minValue >= 0 && (n = n.replace(this.currencyFormat.negativePrefix, this.currencyFormat.prefix)), (this.options.currencyDisplay === y.hidden || this.focus && this.options.hideCurrencySymbolOnFocus) && (n = n.replace(this.currencyFormat.negativePrefix, this.currencyFormat.minusSign !== void 0 ? this.currencyFormat.minusSign : "(").replace(this.currencyFormat.negativeSuffix, this.currencyFormat.minusSign !== void 0 ? "" : ")").replace(this.currencyFormat.prefix, "").replace(this.currencyFormat.suffix, "")), this.el.value = n, this.numberValue = this.currencyFormat.parse(n);
+      this.maxValue <= 0 && !this.currencyFormat.isNegative(n) && this.currencyFormat.parse(n) !== 0 && (n = n.replace(this.currencyFormat.prefix, this.currencyFormat.negativePrefix)), this.minValue >= 0 && (n = n.replace(this.currencyFormat.negativePrefix, this.currencyFormat.prefix)), (this.options.currencyDisplay === v.hidden || this.focus && this.options.hideCurrencySymbolOnFocus) && (n = n.replace(this.currencyFormat.negativePrefix, this.currencyFormat.minusSign !== void 0 ? this.currencyFormat.minusSign : "(").replace(this.currencyFormat.negativeSuffix, this.currencyFormat.minusSign !== void 0 ? "" : ")").replace(this.currencyFormat.prefix, "").replace(this.currencyFormat.suffix, "")), this.el.value = n, this.numberValue = this.currencyFormat.parse(n);
     } else
       this.el.value = "", this.numberValue = null;
     this.formattedValue = this.el.value, this.onInput(this.getValue());
@@ -232,26 +221,26 @@ class H {
   addEventListener() {
     this.el.addEventListener("input", (i) => {
       const { value: t, selectionStart: e } = this.el, n = i;
-      if (e && n.data && P.includes(n.data) && (this.decimalSymbolInsertedAt = e - 1), this.format(t), this.focus && e != null) {
-        const g = () => {
-          const { prefix: a, suffix: c, decimalSymbol: h, maximumFractionDigits: p, groupingSymbol: r } = this.currencyFormat;
-          let o = t.length - e;
-          const d = this.formattedValue.length;
+      if (e && n.data && M.includes(n.data) && (this.decimalSymbolInsertedAt = e - 1), this.format(t), this.focus && e != null) {
+        const d = () => {
+          const { prefix: u, suffix: c, decimalSymbol: m, maximumFractionDigits: p, groupingSymbol: r } = this.currencyFormat;
+          let a = t.length - e;
+          const h = this.formattedValue.length;
           if (this.currencyFormat.minusSign === void 0 && (t.startsWith("(") || t.startsWith("-")) && !t.endsWith(")"))
-            return d - this.currencyFormat.negativeSuffix.length > 1 ? this.formattedValue.substring(e).length : 1;
-          if (this.formattedValue.substring(e, 1) === r && E(this.formattedValue, r) === E(t, r) + 1)
-            return d - o - 1;
-          if (d < o)
+            return h - this.currencyFormat.negativeSuffix.length > 1 ? this.formattedValue.substring(e).length : 1;
+          if (this.formattedValue.substring(e, 1) === r && O(this.formattedValue, r) === O(t, r) + 1)
+            return h - a - 1;
+          if (h < a)
             return e;
-          if (h !== void 0 && t.indexOf(h) !== -1) {
-            const l = t.indexOf(h) + 1;
-            if (Math.abs(d - t.length) > 1 && e <= l)
-              return this.formattedValue.indexOf(h) + 1;
-            !this.options.autoDecimalDigits && e > l && this.currencyFormat.onlyDigits(t.substring(l)).length - 1 === p && (o -= 1);
+          if (m !== void 0 && t.indexOf(m) !== -1) {
+            const l = t.indexOf(m) + 1;
+            if (Math.abs(h - t.length) > 1 && e <= l)
+              return this.formattedValue.indexOf(m) + 1;
+            !this.options.autoDecimalDigits && e > l && this.currencyFormat.onlyDigits(t.substring(l)).length - 1 === p && (a -= 1);
           }
-          return this.options.hideCurrencySymbolOnFocus || this.options.currencyDisplay === y.hidden ? d - o : Math.max(d - Math.max(o, c.length), a.length);
+          return this.options.hideCurrencySymbolOnFocus || this.options.currencyDisplay === v.hidden ? h - a : Math.max(h - Math.max(a, c.length), u.length);
         };
-        this.setCaretPosition(g());
+        this.setCaretPosition(d());
       }
     }), this.el.addEventListener("focus", () => {
       this.focus = !0, this.numberValueOnFocus = this.numberValue, setTimeout(() => {
@@ -270,8 +259,8 @@ class H {
   getCaretPositionOnFocus(i, t) {
     if (this.numberValue == null)
       return t;
-    const { prefix: e, negativePrefix: n, suffix: g, negativeSuffix: a, groupingSymbol: c, currency: h } = this.currencyFormat, p = this.numberValue < 0, r = p ? n : e, o = r.length;
-    if (this.options.hideCurrencySymbolOnFocus || this.options.currencyDisplay === y.hidden) {
+    const { prefix: e, negativePrefix: n, suffix: d, negativeSuffix: u, groupingSymbol: c, currency: m } = this.currencyFormat, p = this.numberValue < 0, r = p ? n : e, a = r.length;
+    if (this.options.hideCurrencySymbolOnFocus || this.options.currencyDisplay === v.hidden) {
       if (p) {
         if (t <= 1)
           return 1;
@@ -279,49 +268,48 @@ class H {
           return this.formattedValue.length - 1;
       }
     } else {
-      const l = p ? a.length : g.length;
+      const l = p ? u.length : d.length;
       if (t >= i.length - l)
         return this.formattedValue.length - l;
-      if (t < o)
-        return o;
+      if (t < a)
+        return a;
     }
-    let d = t;
-    return this.options.hideCurrencySymbolOnFocus && this.options.currencyDisplay !== y.hidden && t >= o && h !== void 0 && r.includes(h) && (d -= o, p && (d += 1)), this.options.hideGroupingSeparatorOnFocus && c !== void 0 && (d -= E(i.substring(0, t), c)), d;
+    let h = t;
+    return this.options.hideCurrencySymbolOnFocus && this.options.currencyDisplay !== v.hidden && t >= a && m !== void 0 && r.includes(m) && (h -= a, p && (h += 1)), this.options.hideGroupingSeparatorOnFocus && c !== void 0 && (h -= O(i.substring(0, t), c)), h;
   }
   setCaretPosition(i, t = i) {
     this.el.setSelectionRange(i, t);
   }
 }
-const J = (s) => s != null && s.matches("input") ? s : s == null ? void 0 : s.querySelector("input");
-function K(s, i) {
-  var t, e, n, g;
-  let a;
-  const c = O(null), h = O(null), p = O(null), r = R(), o = (r == null ? void 0 : r.emit) || ((e = (t = r == null ? void 0 : r.proxy) === null || t === void 0 ? void 0 : t.$emit) === null || e === void 0 ? void 0 : e.bind(r == null ? void 0 : r.proxy)), d = (r == null ? void 0 : r.props) || ((n = r == null ? void 0 : r.proxy) === null || n === void 0 ? void 0 : n.$props), l = $.startsWith("3"), u = l && ((g = r == null ? void 0 : r.attrs.modelModifiers) === null || g === void 0 ? void 0 : g.lazy), f = I(() => d == null ? void 0 : d[l ? "modelValue" : "value"]), b = l ? "update:modelValue" : "input", S = u ? "update:modelValue" : "change";
-  return x(c, (m) => {
-    var V;
-    if (m) {
-      const _ = J((V = m == null ? void 0 : m.$el) !== null && V !== void 0 ? V : m);
-      _ ? (a = new H({
-        el: _,
+const H = (s) => s != null && s.matches("input") ? s : s == null ? void 0 : s.querySelector("input");
+function J(s, i) {
+  var t, e, n, d;
+  let u;
+  const c = V(null), m = V(null), p = V(null), r = C(), a = (r == null ? void 0 : r.emit) || ((e = (t = r == null ? void 0 : r.proxy) === null || t === void 0 ? void 0 : t.$emit) === null || e === void 0 ? void 0 : e.bind(r == null ? void 0 : r.proxy)), h = (r == null ? void 0 : r.props) || ((n = r == null ? void 0 : r.proxy) === null || n === void 0 ? void 0 : n.$props), l = R.startsWith("3"), o = l && ((d = r == null ? void 0 : r.attrs.modelModifiers) === null || d === void 0 ? void 0 : d.lazy), y = E(() => h == null ? void 0 : h[l ? "modelValue" : "value"]), S = l ? "update:modelValue" : "input";
+  return x(c, (f) => {
+    var g;
+    if (f) {
+      const I = H((g = f == null ? void 0 : f.$el) !== null && g !== void 0 ? g : f);
+      I ? (u = new Z({
+        el: I,
         options: s,
-        onInput: (F) => {
-          !u && i !== !1 && f.value !== F.number && (o == null || o(b, F.number)), p.value = F.number, h.value = F.formatted;
+        onInput: (b) => {
+          !o && i !== !1 && y.value !== b.number && (a == null || a(S, b.number)), p.value = b.number, m.value = b.formatted;
         },
-        onChange: (F) => {
-          i !== !1 && (o == null || o(S, F.number));
+        onChange: (b) => {
         }
-      }), a.setValue(f.value)) : console.error('No input element found. Please make sure that the "inputRef" template ref is properly assigned.');
+      }), u.setValue(y.value)) : console.error('No input element found. Please make sure that the "inputRef" template ref is properly assigned.');
     } else
-      a = null;
+      u = null;
   }), {
     inputRef: c,
     numberValue: p,
-    formattedValue: h,
-    setValue: (m) => a == null ? void 0 : a.setValue(m),
-    setOptions: (m) => a == null ? void 0 : a.setOptions(m)
+    formattedValue: m,
+    setValue: (f) => u == null ? void 0 : u.setValue(f),
+    setOptions: (f) => u == null ? void 0 : u.setOptions(f)
   };
 }
-const gi = /* @__PURE__ */ A({
+const ei = /* @__PURE__ */ $({
   __name: "CurrencyInput",
   props: {
     inputOptions: { default: void 0 },
@@ -334,13 +322,14 @@ const gi = /* @__PURE__ */ A({
     showOptionalInLabel: { type: Boolean },
     autocomplete: {},
     value: {},
+    placeholder: {},
     disabled: { type: Boolean }
   },
   emits: ["update:model-value"],
   setup(s, { expose: i, emit: t }) {
     const e = {
       currency: "USD",
-      currencyDisplay: y.hidden,
+      currencyDisplay: v.hidden,
       precision: 2,
       hideCurrencySymbolOnFocus: !0,
       hideGroupingSeparatorOnFocus: !0,
@@ -348,22 +337,22 @@ const gi = /* @__PURE__ */ A({
       autoDecimalDigits: !0,
       useGrouping: !0,
       accountingSign: !1
-    }, n = s, g = t, a = L(), c = I(() => ({
+    }, n = s, d = t, u = A(), c = E(() => ({
       ...e,
-      ...z(n.inputOptions) ? {} : n.inputOptions
-    })), { inputRef: h, setOptions: p, setValue: r, numberValue: o } = K(c.value, !1);
-    i({ inputEl: h }), x(
-      () => o.value,
+      ...W(n.inputOptions) ? {} : n.inputOptions
+    })), { inputRef: m, setOptions: p, setValue: r, numberValue: a } = J(c.value, !1);
+    i({ inputEl: m }), x(
+      () => a.value,
       (l) => {
-        var f;
-        let u;
-        Object.is(l, -0) ? typeof c.value.precision == "number" ? u = "-0." + "0".repeat(c.value.precision) : u = "-0." + "0".repeat(((f = c.value.precision) == null ? void 0 : f.min) || 0) : u = typeof l == "number" ? l.toFixed(2) : l, g("update:model-value", u);
+        var y;
+        let o;
+        Object.is(l, -0) ? typeof c.value.precision == "number" ? o = "-0." + "0".repeat(c.value.precision) : o = "-0." + "0".repeat(((y = c.value.precision) == null ? void 0 : y.min) || 0) : o = typeof l == "number" ? l.toFixed(2) : l, d("update:model-value", o);
       }
     ), x(
       () => n.modelValue,
       (l) => {
-        let u;
-        typeof l == "string" ? u = parseFloat(l || "0") : u = l, r(u);
+        let o;
+        typeof l == "string" ? o = parseFloat(l || "0") : o = l, r(o);
       }
     ), x(
       () => n.inputOptions,
@@ -371,26 +360,26 @@ const gi = /* @__PURE__ */ A({
         p(c.value);
       }
     );
-    const d = I(() => {
-      const { inputOptions: l, ...u } = n;
-      return { ...u, ...a };
+    const h = E(() => {
+      const { inputOptions: l, ...o } = n;
+      return { ...o, ...u };
     });
-    return (l, u) => (T(), G(j, w(d.value, {
+    return (l, o) => (L(), T(B, G(h.value, {
       ref_key: "inputEl",
-      ref: h,
+      ref: m,
       class: "stash-currency-input",
       type: "text",
       "data-test": "stash-currency-input",
       inputmode: "decimal"
     }), {
-      prepend: k(() => [
-        W(B, { name: "sign-dollar" })
+      prepend: w(() => [
+        k(z, { name: "sign-dollar" })
       ]),
       _: 1
     }, 16));
   }
 });
 export {
-  gi as default
+  ei as default
 };
 //# sourceMappingURL=CurrencyInput.js.map