mediacube-ui-v2 0.0.333 → 0.0.334

package/dist/ai-catalog/index.json

@@ -1,6 +1,6 @@
 {
   "catalogSchemaVersion": 2,
-  "libraryVersion": "0.0.333",
+  "libraryVersion": "0.0.334",
   "packageName": "mediacube-ui-v2",
   "pathHash": "9b6f3b8016b22ac7",
   "componentCount": 76,

package/dist/components/elements/McFieldText/McFieldText.vue2.js

@@ -1,30 +1,30 @@
-import { defineComponent as Fe, useAttrs as Pe, ref as q, reactive as Ee, computed as l, watch as ze, openBlock as u, createElementBlock as p, withModifiers as C, normalizeStyle as oe, normalizeClass as le, createElementVNode as x, renderSlot as V, createBlock as g, unref as m, withCtx as k, createTextVNode as j, toDisplayString as F, createCommentVNode as d, mergeProps as M, Fragment as Le, createVNode as U } from "vue";
-import { IMask as Z, IMaskComponent as De } from "vue-imask";
-import { Spaces as Oe } from "../../../types/styles/Spaces.js";
-import { Directions as ne } from "../../../enums/ui/Directions2.js";
-import { useFieldErrors as Ie } from "../../../composables/useFieldErrors2.js";
-import { Autocomplete as He, InputTypes as i } from "../../../enums/Input2.js";
-import { useTextareaAutosize as Ke } from "@vueuse/core";
-import { ButtonSize as se, ButtonType as Re } from "../../../enums/ui/Button2.js";
-import { HorizontalAlignment as qe } from "../../../enums/ui/Alignment2.js";
+import { defineComponent as ze, useAttrs as De, ref as q, reactive as Oe, computed as n, watch as Ie, openBlock as u, createElementBlock as p, withModifiers as V, normalizeStyle as ne, normalizeClass as se, createElementVNode as x, renderSlot as $, createBlock as g, unref as m, withCtx as k, createTextVNode as Z, toDisplayString as F, createCommentVNode as d, mergeProps as M, Fragment as He, createVNode as j } from "vue";
+import { IMask as U, IMaskComponent as Ke } from "vue-imask";
+import { Spaces as Re } from "../../../types/styles/Spaces.js";
+import { Directions as ie } from "../../../enums/ui/Directions2.js";
+import { useFieldErrors as qe } from "../../../composables/useFieldErrors2.js";
+import { Autocomplete as Ze, InputTypes as s } from "../../../enums/Input2.js";
+import { useTextareaAutosize as je } from "@vueuse/core";
+import { ButtonSize as ue, ButtonType as Ue } from "../../../enums/ui/Button2.js";
+import { HorizontalAlignment as We } from "../../../enums/ui/Alignment2.js";
 import { TitleVariations as W } from "../../../enums/Title2.js";
-import { Weights as je } from "../../../enums/ui/Weights2.js";
-import { useTheme as Ue } from "../../../composables/useTheme2.js";
+import { Weights as Ye } from "../../../enums/ui/Weights2.js";
+import { useTheme as Ge } from "../../../composables/useTheme2.js";
 import P from "../McTitle/McTitle.vue2.js";
 import '../../../assets/components/elements/McTooltip/index.css';import '../../../assets/components/elements/McSvgIcon/index.css';import '../../../assets/components/elements/McButton/index.css';import '../../../assets/components/elements/McTitle/index.css';/* empty css                    */
-import ie from "../McButton/McButton.vue2.js";
+import ce from "../McButton/McButton.vue2.js";
 /* empty css                     */
-import ue from "../McSvgIcon/McSvgIcon.vue2.js";
+import me from "../McSvgIcon/McSvgIcon.vue2.js";
 /* empty css                      */
-import Ze from "../McTooltip/McTooltip.vue2.js";
+import Je from "../McTooltip/McTooltip.vue2.js";
 /* empty css                      */
-const We = ["dir"], Ye = ["for"], Ge = ["for"], Je = { class: "mc-field-text__main" }, Qe = { class: "mc-field-text__input-wrapper" }, Xe = ["value", "maxlength"], et = ["value"], tt = ["value", "type", "readonly", "maxlength"], at = {
+const Qe = ["dir"], Xe = ["for"], et = ["for"], tt = { class: "mc-field-text__main" }, at = { class: "mc-field-text__input-wrapper" }, rt = ["value", "maxlength"], ot = ["value"], lt = ["value", "type", "readonly", "maxlength"], nt = {
   key: 0,
   class: "mc-field-text__right"
-}, rt = {
+}, st = {
   key: 0,
   class: "mc-field-text__footer"
-}, ot = { key: 1 }, Nt = /* @__PURE__ */ Fe({
+}, it = { key: 1 }, Mt = /* @__PURE__ */ ze({
   __name: "McFieldText",
   props: {
     /**
@@ -49,7 +49,7 @@ const We = ["dir"], Ye = ["for"], Ge = ["for"], Je = { class: "mc-field-text__ma
      */
     type: {
       type: String,
-      default: i.Text
+      default: s.Text
     },
     /**
      *  Заголовок поля:
@@ -160,7 +160,7 @@ const We = ["dir"], Ye = ["for"], Ge = ["for"], Je = { class: "mc-field-text__ma
      */
     autocomplete: {
       type: String,
-      default: He.On
+      default: Ze.On
     },
     /**
      *  только чтение текста
@@ -246,7 +246,7 @@ const We = ["dir"], Ye = ["for"], Ge = ["for"], Je = { class: "mc-field-text__ma
     },
     dir: {
       type: String,
-      default: ne.Ltr
+      default: ie.Ltr
     },
     width: {
       type: String,
@@ -272,341 +272,368 @@ const We = ["dir"], Ye = ["for"], Ge = ["for"], Je = { class: "mc-field-text__ma
     }
   },
   emits: ["update:modelValue", "keydown", "copy"],
-  setup(f, { emit: ce }) {
-    const { textarea: lt } = Ke(), E = ce, z = Pe(), t = f, Y = Ue("fieldText"), A = q(t.type), h = Ee({
+  setup(f, { emit: de }) {
+    const { textarea: ut } = je(), E = de, L = De(), a = f, Y = Ge("fieldText"), A = q(a.type), h = Oe({
       name: "copy",
       color: "black"
-    }), y = Ie(t.errors), me = q(!1), _ = q(null), L = l(() => t.dir === ne.Rtl), de = l(() => ({
+    }), v = qe(a.errors), pe = q(!1), _ = q(null), z = n(() => a.dir === ie.Rtl), fe = n(() => ({
       "mc-field-text": !0,
-      "mc-field-text--error": !!y.errorText.value,
+      "mc-field-text--error": !!v.errorText.value,
       "mc-field-text--textarea": b.value,
       "mc-field-text--textarea-autosize": w.value,
-      "mc-field-text--disabled": t.disabled,
-      "mc-field-text--copy": t.copy,
-      "mc-field-text--rtl": L.value
-    })), pe = l(() => ({
+      "mc-field-text--disabled": a.disabled,
+      "mc-field-text--copy": a.copy,
+      "mc-field-text--rtl": z.value
+    })), ye = n(() => ({
       "--mc-field-text-color": Y.colors[Y.component.color],
-      "--mc-field-text-width": t.width
-    })), fe = l(() => `${t.title}${t.required ? " *" : ""}`), D = l(() => A.value === i.Date), ye = l(() => !!t.mask || !!t.maskOptions || D.value), b = l(() => t.type === i.Textarea), w = l(() => t.type === i.TextareaAutosize), ve = l(() => {
-      const e = Math.max(t.minHeight, 40), a = Math.max(t.maxHeight, e);
+      "--mc-field-text-width": a.width
+    })), ve = n(() => `${a.title}${a.required ? " *" : ""}`), D = n(() => A.value === s.Date), ge = n(() => !!a.mask || !!a.maskOptions || D.value), b = n(() => a.type === s.Textarea), w = n(() => a.type === s.TextareaAutosize), he = n(() => {
+      const e = Math.max(a.minHeight, 40), t = Math.max(a.maxHeight, e);
       return {
         "--textarea-autosize-min-height": `${e}px`,
-        "--textarea-autosize-max-height": t.maxHeight ? `${a}px` : "auto"
+        "--textarea-autosize-max-height": a.maxHeight ? `${t}px` : "auto"
       };
-    }), G = l(() => t.type === i.Password), ge = l(() => t.type === i.AmountFormat), O = l(() => !!t.maxLength && (b.value || w.value)), I = l(() => A.value === i.Password), he = l(() => I.value ? "visibility_off" : "visibility"), J = l(() => t.modelValue ? String(t.modelValue).length : 0), xe = l(() => `${J.value}/${t.maxLength}`), ke = l(() => t.maxLength < +J.value ? "red" : "dark-gray"), _e = l(() => ({
+    }), G = n(() => a.type === s.Password), xe = n(() => a.type === s.AmountFormat), O = n(() => !!a.maxLength && (b.value || w.value)), I = n(() => A.value === s.Password), ke = n(() => I.value ? "visibility_off" : "visibility"), J = n(() => a.modelValue ? String(a.modelValue).length : 0), _e = n(() => `${J.value}/${a.maxLength}`), be = n(() => a.maxLength < +J.value ? "red" : "dark-gray"), we = n(() => ({
       mask: Date,
       autofix: !0,
       blocks: {
         d: {
-          mask: Z.MaskedRange,
-          placeholderChar: t.dateMaskPlaceholder.date || "d",
+          mask: U.MaskedRange,
+          placeholderChar: a.dateMaskPlaceholder.date || "d",
           from: 1,
           to: 31,
           maxLength: 2
         },
         m: {
-          mask: Z.MaskedRange,
-          placeholderChar: t.dateMaskPlaceholder.month || "m",
+          mask: U.MaskedRange,
+          placeholderChar: a.dateMaskPlaceholder.month || "m",
           from: 1,
           to: 12,
           maxLength: 2
         },
         Y: {
-          mask: Z.MaskedRange,
-          placeholderChar: t.dateMaskPlaceholder.year || "y",
+          mask: U.MaskedRange,
+          placeholderChar: a.dateMaskPlaceholder.year || "y",
           from: 1900,
           to: 2999,
           maxLength: 4
         }
       }
-    })), be = l(() => ({
+    })), Se = n(() => ({
       ...T.value,
-      mask: t.mask,
+      mask: a.mask,
       lazy: !1,
       overwrite: !1,
-      unmask: t.clearOutput,
+      unmask: a.clearOutput,
       definitions: {
         "#": /./
       },
-      readonly: t.readOnly,
-      maxlength: t.maxLength,
+      readonly: a.readOnly,
+      maxlength: a.maxLength,
       type: "tel",
-      ...z,
-      ...t.maskOptions ?? {},
-      ...D.value ? _e.value : {}
-    })), v = l({
+      ...L,
+      ...a.maskOptions ?? {},
+      ...D.value ? we.value : {}
+    })), y = n({
       get() {
-        return ge.value && !L.value ? re(String(t.modelValue)) : t.modelValue;
+        return xe.value && !z.value ? le(String(a.modelValue)) : a.modelValue;
       },
       set(e) {
-        y.toggleErrorVisible(), E("update:modelValue", e);
+        v.toggleErrorVisible(), E("update:modelValue", e);
       }
     }), B = (e) => {
-      v.value = Se(e);
-    }, S = l(() => t.type === i.AmountFormat || t.type === i.Num), T = l(() => ({
-      style: we.value,
-      placeholder: t.placeholder,
-      disabled: t.disabled,
-      name: t.name,
-      "field-id": t.name,
-      autocomplete: t.autocomplete,
-      tabindex: t.tabindex,
-      ...z,
-      class: ["mc-field-text__input", z.class || ""].join(" ")
-    })), we = l(() => {
+      y.value = Ce(e);
+    }, S = n(() => a.type === s.AmountFormat || a.type === s.Num), T = n(() => ({
+      style: Te.value,
+      placeholder: a.placeholder,
+      disabled: a.disabled,
+      name: a.name,
+      "field-id": a.name,
+      autocomplete: a.autocomplete,
+      tabindex: a.tabindex,
+      ...L,
+      class: ["mc-field-text__input", L.class || ""].join(" ")
+    })), Te = n(() => {
       let e = {};
       if (b.value || w.value) {
-        const a = O.value ? "400" : "150", r = Oe[a];
+        const t = O.value ? "400" : "150", r = Re[t];
         e = { paddingBottom: `${parseInt(r) - 1}px` };
       }
       return {
         ...!b.value && !w.value ? { boxSizing: "border-box" } : {},
         ...e
       };
-    }), Q = (e) => {
-      if (e && t.maxDecimals) {
-        const [a, r] = e.split(".");
-        if (r?.length > t.maxDecimals)
-          return `${a}.${r.slice(0, t.maxDecimals)}`;
+    }), H = (e) => {
+      if (e && a.maxDecimals) {
+        const [t, r] = e.split(".");
+        if (r?.length > a.maxDecimals)
+          return `${t}.${r.slice(0, a.maxDecimals)}`;
       }
       return e;
-    }, H = (e) => {
-      if (!t.removeLeadingZero) return e;
-      let a = e;
-      const [r] = e || [];
-      return e.length > 1 && +r == 0 && e.indexOf(".") === -1 && (a = e.slice(1)), a;
-    }, Se = (e) => {
-      if (!e) return t.modelValue;
-      const a = e.target;
-      let r = D.value && a && a.value ? a.value?.substring(0, 10) : a.value;
-      const { start: o } = Ve(a);
-      let n = K(r);
-      switch (t.type) {
-        case i.Num: {
-          const s = r?.replace(/,/g, ".")?.replace(/ /g, "");
-          let [c] = /-?\d*[\.]?\d*/.exec(String(s)) || [];
-          c = Q(c), c = H(c), r = String(c), a.value = String(c);
+    }, Q = (e) => {
+      if (!a.removeLeadingZero) return e;
+      const t = e.startsWith("-"), r = t ? e.slice(1) : e, [o] = r || [];
+      return r.length > 1 && +o == 0 && r.indexOf(".") === -1 ? (t ? "-" : "") + r.slice(1) : e;
+    }, Ne = (e) => {
+      if (!e || e.length <= 1) return e;
+      const t = e.startsWith("-"), r = t ? e.slice(1) : e;
+      if (r.indexOf(".") !== -1) {
+        const [l, i] = r.split("."), c = l.replace(/^0+/, "") || "0";
+        return `${t ? "-" : ""}${c}.${i}`;
+      }
+      const o = r.replace(/^0+/, "") || "0";
+      return t ? `-${o}` : o;
+    }, X = (e) => {
+      const t = e.inputType;
+      return typeof t == "string" && t.startsWith("delete");
+    }, ee = (e, t, r, o) => {
+      const l = X(t) ? e : Q(e);
+      if (r.value !== l && (r.value = l, Number.isFinite(o))) {
+        const i = e.length - l.length, c = Math.max(0, o - Math.max(0, i));
+        N(r, c, c);
+      }
+      return l;
+    }, Ce = (e) => {
+      if (!e) return a.modelValue;
+      const t = e.target;
+      let r = D.value && t && t.value ? t.value?.substring(0, 10) : t.value;
+      const { start: o } = Ae(t);
+      let l = K(r);
+      switch (a.type) {
+        case s.Num: {
+          const i = r?.replace(/,/g, ".")?.replace(/ /g, "");
+          let [c] = /-?\d*[\.]?\d*/.exec(String(i)) || [];
+          c = H(c), r = ee(String(H(c ?? "") ?? ""), e, t, o);
           break;
         }
-        case i.Int: {
-          let [s] = /-?\d*/.exec(String(a.value)) || [];
-          s = H(s), r = String(s), a.value = String(s);
+        case s.Int: {
+          let [i] = /-?\d*/.exec(String(t.value)) || [];
+          r = ee(String(i ?? ""), e, t, o);
           break;
         }
-        case i.AmountFormat: {
-          r = r?.replace(/,/g, ".")?.replace(/ /g, ""), r = Q(r), r = H(r), n = K(r);
-          const s = parseFloat(n), c = n.replace(/ /gm, "");
-          r = n ? String(s) === c ? s : c || s || n : null;
-          const N = re(n);
-          a.value = L.value ? N.replace(/ /gm, "") : N;
-          const $e = a.value?.slice(0, o).replace(/[^ ]/gm, "")?.length || 0, R = o + $e;
-          Number.isFinite(o) && Number.isFinite(R) && $(a, R, R);
+        case s.AmountFormat: {
+          r = r?.replace(/,/g, ".")?.replace(/ /g, ""), r = H(r), X(e) || (r = Q(r)), l = K(r);
+          const i = parseFloat(l), c = l.replace(/ /gm, "");
+          r = l ? String(i) === c ? i : c || i || l : null;
+          const C = le(l);
+          t.value = z.value ? C.replace(/ /gm, "") : C;
+          const Le = t.value?.slice(0, o).replace(/[^ ]/gm, "")?.length || 0, R = o + Le;
+          Number.isFinite(o) && Number.isFinite(R) && N(t, R, R);
           break;
         }
-        case i.Uppercase: {
-          r = r?.toUpperCase(), a.value = r, Number.isFinite(o) && $(a, o, o);
+        case s.Uppercase: {
+          r = r?.toUpperCase(), t.value = r, Number.isFinite(o) && N(t, o, o);
           break;
         }
-        case i.Lowercase: {
-          r = r?.toLowerCase(), a.value = r, Number.isFinite(o) && $(a, o, o);
+        case s.Lowercase: {
+          r = r?.toLowerCase(), t.value = r, Number.isFinite(o) && N(t, o, o);
           break;
         }
-        case i.Password:
-          r = r?.replace(/ /gm, ""), a.value = r, Number.isFinite(o) && $(a, o, o);
+        case s.Password:
+          r = r?.replace(/ /gm, ""), t.value = r, Number.isFinite(o) && N(t, o, o);
           break;
-        case i.PhoneNumber:
-          r.length === 0 && (r = "+"), r.charAt(0) !== "+" && (r = "+" + r), r = r.replace(/(?!^)\D/g, ""), a.value = r;
+        case s.PhoneNumber:
+          r.length === 0 && (r = "+"), r.charAt(0) !== "+" && (r = "+" + r), r = r.replace(/(?!^)\D/g, ""), t.value = r;
           break;
       }
       return r;
-    }, Te = (e) => "key" in e, X = (e) => {
-      const a = _.value;
-      !e || !a || t.allowEmpty || !S.value || (e.preventDefault(), a.value = "0", v.value = "0", ae(a, 1, 1));
-    }, ee = (e) => {
-      const a = _.value;
-      if (!e || !a || t.allowEmpty || !S.value) return;
-      const r = e.type === "paste", o = Te(e), n = o && (e.metaKey || e.ctrlKey), s = o && (e.key === "Delete" || e.key === "Backspace");
-      ((s || r) && a.value.length <= 1 || s && n) && X(e);
-    }, Ne = (e) => {
+    }, Ve = (e) => "key" in e, te = (e) => {
+      const t = _.value;
+      !e || !t || a.allowEmpty || !S.value || (e.preventDefault(), t.value = "0", y.value = "0", oe(t, 1, 1));
+    }, ae = (e) => {
+      const t = _.value;
+      if (!e || !t || a.allowEmpty || !S.value) return;
+      const r = e.type === "paste", o = Ve(e), l = o && (e.metaKey || e.ctrlKey), i = o && (e.key === "Delete" || e.key === "Backspace");
+      ((i || r) && t.value.length <= 1 || i && l) && te(e);
+    }, $e = (e) => {
       if (!e || !_.value) return;
-      const a = e.target;
-      !t.allowEmpty && a.value.length < 1 && S.value && X(e);
-    }, Ce = (e) => {
-      !e || !_.value || !t.allowEmpty && S.value && ee(e);
-    }, te = (e) => {
-      switch (t.type) {
-        case i.AmountFormat:
-        case i.Num: {
-          me.value = !!e.key?.match(/Backspace/);
-          const a = e.code?.match(/Space/), r = [".", ","];
-          t.allowNegative && r.push("-");
-          const o = r.includes(e.key), n = e.metaKey || e.ctrlKey, s = e.key?.match(/Arrow|Backspace|\.,/);
-          !t.allowEmpty && S.value && ee(e), (isNaN(+e.key) && !s && !o && !n || a) && e.preventDefault();
-          const c = typeof t.modelValue == "string" && r.some((N) => String(t.modelValue)?.includes(N));
-          o && c && e.preventDefault();
+      const t = e.target;
+      !a.allowEmpty && t.value.length < 1 && S.value && te(e);
+    }, Me = (e) => {
+      !e || !_.value || !a.allowEmpty && S.value && ae(e);
+    }, re = (e) => {
+      switch (a.type) {
+        case s.AmountFormat:
+        case s.Num: {
+          pe.value = !!e.key?.match(/Backspace/);
+          const t = e.code?.match(/Space/), r = [".", ","];
+          a.allowNegative && r.push("-");
+          const o = r.includes(e.key), l = e.metaKey || e.ctrlKey, i = e.key?.match(/Arrow|Backspace|\.,/);
+          !a.allowEmpty && S.value && ae(e), (isNaN(+e.key) && !i && !o && !l || t) && e.preventDefault();
+          const c = e.key === "-" ? /-/ : /[.,]/, C = typeof a.modelValue == "string" && c.test(a.modelValue);
+          o && C && e.preventDefault();
           break;
         }
       }
       E("keydown", e);
     }, K = (e) => {
       if (!e) return e;
-      const [a] = /-?\d*[\.]?\d*/.exec(String(e)?.replace(/ /gm, "")?.trim()) || [];
-      return a;
-    }, ae = (e, a, r) => {
+      const [t] = /-?\d*[\.]?\d*/.exec(String(e)?.replace(/ /gm, "")?.trim()) || [];
+      return t;
+    }, oe = (e, t, r) => {
       if (!e.setSelectionRange) return;
-      let o = Number(a), n = Number(r);
-      if (!Number.isFinite(o) || !Number.isFinite(n)) return;
-      const s = e.value.length;
-      if (o = Math.max(0, Math.min(o, s)), n = Math.max(0, Math.min(n, s)), !(e.selectionStart === o && e.selectionEnd === n))
+      let o = Number(t), l = Number(r);
+      if (!Number.isFinite(o) || !Number.isFinite(l)) return;
+      const i = e.value.length;
+      if (o = Math.max(0, Math.min(o, i)), l = Math.max(0, Math.min(l, i)), !(e.selectionStart === o && e.selectionEnd === l))
         try {
-          typeof document < "u" && document.activeElement !== e && e.focus(), e.setSelectionRange(o, n);
+          typeof document < "u" && document.activeElement !== e && e.focus(), e.setSelectionRange(o, l);
         } catch {
         }
-    }, $ = (e, a, r) => {
-      const o = () => ae(e, a, r);
+    }, N = (e, t, r) => {
+      const o = () => oe(e, t, r);
       typeof requestAnimationFrame == "function" ? requestAnimationFrame(o) : o();
-    }, Ve = (e) => typeof e.selectionStart == "number" && typeof e.selectionEnd == "number" ? { start: e.selectionStart, end: e.selectionEnd } : { start: 0, end: 0 }, re = (e) => {
-      const a = K(e), r = !!String(a)?.match(/\./), [o, n] = String(a).replace(/[^\d\.-]/g, "").replace(/\B(?=(?:\d{3})+(?!\d))/g, " ").split("."), s = [o, n?.replace(/ /gm, "") || ""];
-      return r ? s.join(".") : s.filter((c) => !!c).join(".");
-    }, Me = () => {
+    }, Ae = (e) => typeof e.selectionStart == "number" && typeof e.selectionEnd == "number" ? { start: e.selectionStart, end: e.selectionEnd } : { start: 0, end: 0 }, le = (e) => {
+      const t = K(e), r = !!String(t)?.match(/\./), [o, l] = String(t).replace(/[^\d\.-]/g, "").replace(/\B(?=(?:\d{3})+(?!\d))/g, " ").split("."), i = [o, l?.replace(/ /gm, "") || ""];
+      return r ? i.join(".") : i.filter((c) => !!c).join(".");
+    }, Be = () => {
       try {
-        navigator.clipboard.writeText(t.modelValue), h.name = "check", h.color = "green", setTimeout(() => {
+        navigator.clipboard.writeText(a.modelValue), h.name = "check", h.color = "green", setTimeout(() => {
           h.name = "copy", h.color = "black";
         }, 2e3);
       } catch (e) {
         console.error("error while copy with navigator", e);
       }
-      E("copy", t.modelValue);
-    }, Ae = () => {
-      A.value = I.value ? i.Text : i.Password;
+      E("copy", a.modelValue);
+    }, Fe = () => {
+      A.value = I.value ? s.Text : s.Password;
     };
-    ze(
-      () => t.errors,
+    Ie(
+      () => a.errors,
       (e) => {
-        y.setError(e);
+        v.setError(e);
       }
     );
-    const Be = (e) => {
+    const Pe = (e) => {
       if (!e) return;
-      const a = e.target;
-      if (!a) return;
-      if (!["input", "textarea"].includes(a.tagName?.toLowerCase())) {
-        const o = a.closest(".mc-field-text");
+      const t = e.target;
+      if (!t) return;
+      if (!["input", "textarea"].includes(t.tagName?.toLowerCase())) {
+        const o = t.closest(".mc-field-text");
         if (!o) return;
-        const n = o.querySelector(".mc-field-text__input");
-        if (!n) return;
-        n.focus();
+        const l = o.querySelector(".mc-field-text__input");
+        if (!l) return;
+        l.focus();
+      }
+    }, Ee = () => {
+      if (a.removeLeadingZero) {
+        const e = [s.Int, s.Num, s.AmountFormat].includes(a.type), t = String(a.modelValue ?? "");
+        if (e && t) {
+          const r = Ne(t);
+          r !== t && (y.value = r);
+        }
       }
     };
-    return (e, a) => (u(), p("div", {
-      dir: t.dir,
-      class: le(de.value),
-      style: oe(pe.value),
-      onClick: C(Be, ["stop"])
+    return (e, t) => (u(), p("div", {
+      dir: a.dir,
+      class: se(fe.value),
+      style: ne(ye.value),
+      onClick: V(Pe, ["stop"])
     }, [
       x("label", {
         for: f.name,
         class: "mc-field-text__header"
       }, [
-        V(e.$slots, "header", {}, () => [
+        $(e.$slots, "header", {}, () => [
           f.title ? (u(), g(P, {
             key: 0,
             "max-width": "100%",
-            weight: m(je).Medium
+            weight: m(Ye).Medium
           }, {
             default: k(() => [
-              j(F(fe.value), 1)
+              Z(F(ve.value), 1)
             ]),
             _: 1
           }, 8, ["weight"])) : d("", !0)
         ])
-      ], 8, Ye),
+      ], 8, Xe),
       x("label", {
         for: f.name,
         class: "mc-field-text__inner"
       }, [
-        x("div", Je, [
+        x("div", tt, [
           e.$slots.prepend ? (u(), p("div", {
             key: 0,
             class: "mc-field-text__prepend",
-            onClick: a[0] || (a[0] = C(() => {
+            onClick: t[0] || (t[0] = V(() => {
             }, ["stop"]))
           }, [
-            V(e.$slots, "prepend")
+            $(e.$slots, "prepend")
           ])) : d("", !0),
-          x("div", Qe, [
+          x("div", at, [
             b.value ? (u(), p("textarea", M({
               key: 0,
-              value: v.value
+              value: y.value
             }, T.value, {
               maxlength: f.maxLength,
               rows: "1",
               onInput: B
-            }), null, 16, Xe)) : w.value ? (u(), p("div", {
+            }), null, 16, rt)) : w.value ? (u(), p("div", {
               key: 1,
               class: "mc-field-text--textarea-autosize_wrapper",
-              style: oe(ve.value)
+              style: ne(he.value)
             }, [
-              x("span", M({ class: "mc-field-text--textarea-autosize_backdrop-cover" }, T.value), F(v.value), 17),
-              x("textarea", M({ value: v.value }, T.value, { onInput: B }), null, 16, et)
-            ], 4)) : (u(), p(Le, { key: 2 }, [
-              ye.value ? (u(), g(m(De), M({
+              x("span", M({ class: "mc-field-text--textarea-autosize_backdrop-cover" }, T.value), F(y.value), 17),
+              x("textarea", M({ value: y.value }, T.value, { onInput: B }), null, 16, ot)
+            ], 4)) : (u(), p(He, { key: 2 }, [
+              ge.value ? (u(), g(m(Ke), M({
                 key: 0,
-                value: v.value
-              }, be.value, {
-                onKeydown: te,
-                "onUpdate:modelValue": a[1] || (a[1] = (r, o) => B(o))
+                value: y.value
+              }, Se.value, {
+                onKeydown: re,
+                "onUpdate:modelValue": t[1] || (t[1] = (r, o) => B(o))
               }), null, 16, ["value"])) : (u(), p("input", M({
                 key: 1,
                 ref_key: "input",
                 ref: _,
-                value: v.value
+                value: y.value
               }, T.value, {
                 type: A.value,
-                readonly: t.readOnly,
+                readonly: a.readOnly,
                 maxlength: f.maxLength,
-                onKeydown: te,
-                onKeyup: Ne,
+                onKeydown: re,
+                onKeyup: $e,
                 onInput: B,
-                onPaste: Ce
-              }), null, 16, tt))
+                onPaste: Me,
+                onBlur: Ee
+              }), null, 16, lt))
             ], 64))
           ]),
           e.$slots.append || f.copy || G.value ? (u(), p("div", {
             key: 1,
-            class: le(["mc-field-text__append", { "mc-field-text__append--indent-bottom": O.value }]),
-            onClick: a[2] || (a[2] = C(() => {
+            class: se(["mc-field-text__append", { "mc-field-text__append--indent-bottom": O.value }]),
+            onClick: t[2] || (t[2] = V(() => {
             }, ["stop"]))
           }, [
-            V(e.$slots, "append"),
-            f.copy ? (u(), g(ie, {
+            $(e.$slots, "append"),
+            f.copy ? (u(), g(ce, {
               key: 0,
               variation: "black-link",
-              size: m(se).MCompact,
-              onClick: C(Me, ["stop", "prevent"])
+              size: m(ue).MCompact,
+              onClick: V(Be, ["stop", "prevent"])
             }, {
               "icon-append": k(() => [
-                U(ue, {
+                j(me, {
                   name: h.name,
                   color: h.color
                 }, null, 8, ["name", "color"])
               ]),
               _: 1
             }, 8, ["size"])) : d("", !0),
-            G.value ? (u(), g(Ze, {
+            G.value ? (u(), g(Je, {
               key: 1,
-              content: I.value ? t.passwordTooltip : t.passwordHideTooltip || t.passwordTooltip
+              content: I.value ? a.passwordTooltip : a.passwordHideTooltip || a.passwordTooltip
             }, {
               default: k(() => [
-                U(ie, {
+                j(ce, {
                   variation: "black-link",
-                  size: m(se).MCompact,
+                  size: m(ue).MCompact,
                   tabindex: "-1",
-                  type: m(Re).Button,
-                  onClick: C(Ae, ["stop", "prevent"])
+                  type: m(Ue).Button,
+                  onClick: V(Fe, ["stop", "prevent"])
                 }, {
                   "icon-append": k(() => [
-                    U(ue, { name: he.value }, null, 8, ["name"])
+                    j(me, { name: ke.value }, null, 8, ["name"])
                   ]),
                   _: 1
                 }, 8, ["size", "type"])
@@ -618,31 +645,31 @@ const We = ["dir"], Ye = ["for"], Ge = ["for"], Je = { class: "mc-field-text__ma
             key: 2,
             class: "mc-field-text__char-counter",
             variation: m(W).Overline,
-            "text-align": m(qe).Right,
-            color: ke.value
+            "text-align": m(We).Right,
+            color: be.value
           }, {
             default: k(() => [
-              j(F(xe.value), 1)
+              Z(F(_e.value), 1)
             ]),
             _: 1
           }, 8, ["variation", "text-align", "color"])) : d("", !0)
         ]),
-        e.$slots.right ? (u(), p("div", at, [
-          V(e.$slots, "right")
+        e.$slots.right ? (u(), p("div", nt, [
+          $(e.$slots, "right")
         ])) : d("", !0)
-      ], 8, Ge),
-      m(y).errorText.value || t.helpText || e.$slots.footer ? (u(), p("div", rt, [
-        m(y).errorText.value ? (u(), g(P, {
+      ], 8, et),
+      m(v).errorText.value || a.helpText || e.$slots.footer ? (u(), p("div", st, [
+        m(v).errorText.value ? (u(), g(P, {
           key: 0,
           "tag-name": "div",
           color: "red",
           variation: m(W).Overline,
           class: "mc-field-text__error-text",
-          "html-data": m(y).errorText.value
+          "html-data": m(v).errorText.value
         }, null, 8, ["variation", "html-data"])) : d("", !0),
-        m(y).errorText.value ? (u(), p("br", ot)) : d("", !0),
-        V(e.$slots, "footer", {}, () => [
-          t.helpText ? (u(), g(P, {
+        m(v).errorText.value ? (u(), p("br", it)) : d("", !0),
+        $(e.$slots, "footer", {}, () => [
+          a.helpText ? (u(), g(P, {
             key: 0,
             "tag-name": "div",
             variation: m(W).Overline,
@@ -650,15 +677,15 @@ const We = ["dir"], Ye = ["for"], Ge = ["for"], Je = { class: "mc-field-text__ma
             "max-width": "100%"
           }, {
             default: k(() => [
-              j(F(t.helpText), 1)
+              Z(F(a.helpText), 1)
             ]),
             _: 1
           }, 8, ["variation"])) : d("", !0)
         ])
       ])) : d("", !0)
-    ], 14, We));
+    ], 14, Qe));
   }
 });
 export {
-  Nt as default
+  Mt as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui-v2",
-  "version": "0.0.333",
+  "version": "0.0.334",
   "license": "MIT",
   "description": "Design system for Mediacube services",
   "sideEffects": [