@useinsider/ab-components 0.0.8 → 0.0.10

package/dist/index-CvIq_105.js

@@ -0,0 +1,680 @@
+import { defineComponent as I, computed as j, openBlock as s, createElementBlock as d, normalizeClass as _, unref as t, createBlock as H, createCommentVNode as f, toDisplayString as h, ref as y, reactive as Y, onMounted as Q, watch as E, Fragment as W, createElementVNode as v, withDirectives as q, normalizeStyle as P, withModifiers as oe, vModelText as re, renderList as X, defineAsyncComponent as S, resolveDynamicComponent as ae, createVNode as le } from "vue";
+const _e = "_button__size_default_16zzc_1", se = "_button__size_small_16zzc_8", ue = "_button_16zzc_1", ie = "_button__label_16zzc_193", de = "_button__solid_16zzc_205", ce = "_fill_16zzc_1125", x = {
+  button__size_default: _e,
+  button__size_small: se,
+  button: ue,
+  button__label: ie,
+  "button__solid-primary": "_button__solid-primary_16zzc_205",
+  "no-hover-effect": "_no-hover-effect_16zzc_212",
+  "button--selected": "_button--selected_16zzc_234",
+  "button__solid-subtle-primary": "_button__solid-subtle-primary_16zzc_241",
+  "button__solid-secondary": "_button__solid-secondary_16zzc_277",
+  "button__solid-danger": "_button__solid-danger_16zzc_313",
+  "button__solid-warning": "_button__solid-warning_16zzc_349",
+  "button__solid-smart": "_button__solid-smart_16zzc_385",
+  "button__ghost-primary": "_button__ghost-primary_16zzc_421",
+  "button__ghost-subtle-primary": "_button__ghost-subtle-primary_16zzc_457",
+  "button__ghost-secondary": "_button__ghost-secondary_16zzc_493",
+  "button__ghost-danger": "_button__ghost-danger_16zzc_529",
+  "button__ghost-warning": "_button__ghost-warning_16zzc_565",
+  "button__ghost-smart": "_button__ghost-smart_16zzc_601",
+  "button__text-primary": "_button__text-primary_16zzc_637",
+  "button__text-text": "_button__text-text_16zzc_673",
+  "button__text-subtle-primary": "_button__text-subtle-primary_16zzc_709",
+  "button__text-secondary": "_button__text-secondary_16zzc_745",
+  "button__text-danger": "_button__text-danger_16zzc_781",
+  "button__text-warning": "_button__text-warning_16zzc_817",
+  "button__text-smart": "_button__text-smart_16zzc_853",
+  "button__outline-primary": "_button__outline-primary_16zzc_889",
+  "button__outline-subtle-primary": "_button__outline-subtle-primary_16zzc_926",
+  "button__outline-secondary": "_button__outline-secondary_16zzc_963",
+  "button__outline-danger": "_button__outline-danger_16zzc_1000",
+  "button__outline-warning": "_button__outline-warning_16zzc_1037",
+  "button__outline-smart": "_button__outline-smart_16zzc_1074",
+  button__solid: de,
+  fill: ce
+}, pe = ["disabled"], $t = /* @__PURE__ */ I({
+  __name: "Button",
+  props: {
+    variant: {},
+    color: {},
+    size: { default: "default" },
+    leftIconName: {},
+    rightIconName: {},
+    loadingStatus: { type: Boolean, default: !1 },
+    successStatus: { type: Boolean, default: !1 },
+    label: {},
+    disabled: { type: Boolean, default: !1 },
+    fill: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(u, { emit: i }) {
+    const r = u, n = i, a = (o) => {
+      r.disabled || n("click", o);
+    }, p = j(() => r.loadingStatus ? "LoadingCircle" : r.successStatus ? "LineCheck" : r.leftIconName);
+    return (o, e) => (s(), d("button", {
+      class: _([
+        t(x).button,
+        t(x)[`button__${o.variant}`],
+        t(x)[`button__${o.variant}-${o.color}`],
+        t(x)[`button__size_${o.size}`],
+        { [t(x).fill]: o.fill }
+      ]),
+      disabled: r.disabled,
+      onClick: a
+    }, [
+      p.value ? (s(), H(t(F), {
+        key: 0,
+        name: p.value
+      }, null, 8, ["name"])) : f("", !0),
+      o.label ? (s(), d("span", {
+        key: 1,
+        class: _(t(x).button__label)
+      }, h(o.label), 3)) : f("", !0),
+      o.rightIconName ? (s(), H(t(F), {
+        key: 2,
+        name: o.rightIconName
+      }, null, 8, ["name"])) : f("", !0)
+    ], 10, pe));
+  }
+}), me = {
+  mounted(u, i) {
+    u.clickOutsideEvent = (r) => {
+      [u, ...i.value.exclude || []].some((a) => a && (a === r.target || a.contains(r.target))) || i.value.handler();
+    }, document.addEventListener("click", u.clickOutsideEvent);
+  },
+  unmounted(u) {
+    u.clickOutsideEvent && document.removeEventListener("click", u.clickOutsideEvent);
+  }
+}, be = (u, i) => {
+  var n;
+  let r = 0;
+  for (const a of u)
+    if (a.toLowerCase() === ((n = i[r]) == null ? void 0 : n.toLowerCase()) && r++, r === i.length)
+      return !0;
+  return !1;
+}, fe = (u, i, r) => {
+  if (!r.trim())
+    return u;
+  const n = r.toLowerCase();
+  return u.filter((a) => {
+    const p = String(a[i]);
+    return be(p.toLowerCase(), n);
+  }).sort((a, p) => {
+    const o = String(a[i]).toLowerCase(), e = String(p[i]).toLowerCase();
+    return o === n ? -1 : e === n ? 1 : o.startsWith(n) && !e.startsWith(n) ? -1 : !o.startsWith(n) && e.startsWith(n) ? 1 : o.length - e.length;
+  });
+}, we = "_dropdown_c02u6_1", he = "_menu_c02u6_1", ge = "_dropdown__valueContent_c02u6_183", ve = "_dropdown__label_c02u6_194", ze = "_dropdown__value_c02u6_183", ye = "_dropdown__placeholder_c02u6_202", ke = "_dropdown__arrowIcon_c02u6_210", $e = "_menu__searchContainer_c02u6_225", Ce = "_menu__searchInputWrap_c02u6_229", Ie = "_menu__searchInput_c02u6_229", Be = "_menu__errorMessage_c02u6_251", Ve = "_menu__addButton_c02u6_258", Me = "_menu__itemContainer_c02u6_266", Se = "_menu__item_c02u6_266", w = {
+  dropdown: we,
+  menu: he,
+  dropdown__valueContent: ge,
+  "dropdown__valueContent--open": "_dropdown__valueContent--open_c02u6_191",
+  dropdown__label: ve,
+  dropdown__value: ze,
+  dropdown__placeholder: ye,
+  dropdown__arrowIcon: ke,
+  menu__searchContainer: $e,
+  menu__searchInputWrap: Ce,
+  menu__searchInput: Ie,
+  "menu__searchInput--error": "_menu__searchInput--error_c02u6_248",
+  menu__errorMessage: Be,
+  menu__addButton: Ve,
+  menu__itemContainer: Me,
+  menu__item: Se,
+  "menu__item--active": "_menu__item--active_c02u6_304"
+}, xe = ["for"], Le = ["placeholder"], je = ["onClick"], Ct = /* @__PURE__ */ I({
+  __name: "DropdownMenu",
+  props: {
+    id: {},
+    label: {},
+    modelValue: { default: "" },
+    menuHeight: { default: 154 },
+    placeholder: {},
+    addable: { type: Boolean },
+    addButtonText: {},
+    searchable: { type: Boolean },
+    searchPlaceHolder: {},
+    items: {},
+    validateAddItem: { type: Function, default: () => null }
+  },
+  emits: ["update:modelValue", "add-error", "item-added", "select-item"],
+  setup(u, { emit: i }) {
+    const r = me, n = u, a = i, p = y(), o = y(), e = y(!1), l = y(null), c = y(""), b = y(null), B = y({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), V = Y([...n.items]), M = Y([...n.items]), T = () => {
+      if (!p.value)
+        return;
+      const { offsetTop: m, offsetLeft: g, offsetWidth: z } = p.value, G = window.innerHeight, O = m + p.value.offsetHeight, A = O + n.menuHeight > G;
+      B.value = {
+        x: g + window.scrollX,
+        y: A ? m + window.scrollY : O + window.scrollY,
+        width: z,
+        shouldOpenUp: A,
+        height: n.menuHeight
+      };
+    }, Z = () => {
+      T(), e.value = !e.value;
+    }, R = () => {
+      b.value = null, c.value = "", V.splice(0, V.length, ...M);
+    }, D = () => {
+      e.value = !1, R();
+    }, J = (m) => {
+      l.value = m, a("select-item", m), a("update:modelValue", m.value), D();
+    }, K = () => {
+      const m = c.value.trim(), g = n.validateAddItem(m, M);
+      if (g) {
+        b.value = g, a("add-error", g);
+        return;
+      }
+      const z = {
+        text: m,
+        value: m
+      };
+      M.push(z), R(), a("item-added", z);
+    }, ee = () => {
+      const m = fe(M, "text", c.value);
+      V.splice(0, V.length, ...m);
+    }, te = () => {
+      b.value = "";
+    }, ne = j(() => ({
+      top: B.value.shouldOpenUp ? `${B.value.y - 10}px` : `${B.value.y}px`,
+      left: `${B.value.x}px`,
+      width: `${B.value.width}px`,
+      height: `${n.menuHeight}px`
+    }));
+    Q(() => {
+      if (T(), n.modelValue) {
+        const m = M.find((g) => g.value === n.modelValue);
+        m && (l.value = m);
+      }
+    });
+    const U = j(() => l.value ? l.value.text : "");
+    return E(
+      () => n.items,
+      (m) => {
+        M.splice(0, M.length, ...m), V.splice(0, V.length, ...m);
+      },
+      { deep: !0 }
+    ), (m, g) => (s(), d(W, null, [
+      v("div", {
+        ref_key: "dropdownRef",
+        ref: p,
+        class: _(t(w).dropdown)
+      }, [
+        m.label ? (s(), d("label", {
+          key: 0,
+          class: _(t(w).dropdown__label),
+          for: m.id
+        }, h(m.label), 11, xe)) : f("", !0),
+        v("button", {
+          class: _([
+            t(w).dropdown__valueContent,
+            {
+              [t(w)["dropdown__valueContent--open"]]: e.value
+            }
+          ]),
+          onClick: Z
+        }, [
+          v("span", {
+            class: _(t(w).dropdown__value)
+          }, h(U.value), 3),
+          m.placeholder && !U.value ? (s(), d("span", {
+            key: 0,
+            class: _(t(w).dropdown__placeholder)
+          }, h(m.placeholder), 3)) : f("", !0),
+          (s(), d("svg", {
+            fill: "none",
+            height: "17",
+            viewBox: "0 0 16 17",
+            width: "16",
+            xmlns: "http://www.w3.org/2000/svg",
+            class: _(t(w).dropdown__arrowIcon)
+          }, g[2] || (g[2] = [
+            v("path", {
+              d: "M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",
+              fill: "#91949F"
+            }, null, -1)
+          ]), 2))
+        ], 2)
+      ], 2),
+      e.value ? q((s(), d("div", {
+        key: 0,
+        ref_key: "menuRef",
+        ref: o,
+        class: _(t(w).menu),
+        style: P(ne.value),
+        onClick: g[1] || (g[1] = oe(() => {
+        }, ["prevent"]))
+      }, [
+        n.searchable ? (s(), d("div", {
+          key: 0,
+          class: _(t(w).menu__searchContainer)
+        }, [
+          v("div", {
+            class: _(t(w).menu__searchInputWrap)
+          }, [
+            q(v("input", {
+              type: "text",
+              class: _([
+                t(w).menu__searchInput,
+                {
+                  [t(w)["menu__searchInput--error"]]: b.value
+                }
+              ]),
+              placeholder: m.searchPlaceHolder,
+              "onUpdate:modelValue": g[0] || (g[0] = (z) => c.value = z),
+              onFocus: te,
+              onInput: ee
+            }, null, 42, Le), [
+              [re, c.value]
+            ]),
+            b.value ? (s(), d("p", {
+              key: 0,
+              class: _(t(w).menu__errorMessage)
+            }, h(b.value), 3)) : f("", !0)
+          ], 2),
+          n.addable ? (s(), d("button", {
+            key: 0,
+            class: _(t(w).menu__addButton),
+            onClick: K
+          }, h(m.addButtonText), 3)) : f("", !0)
+        ], 2)) : f("", !0),
+        v("ul", {
+          class: _(t(w).menu__itemContainer)
+        }, [
+          (s(!0), d(W, null, X(V, (z, G) => (s(), d("li", {
+            key: `${z.value}-${G}`,
+            class: _([
+              t(w).menu__item,
+              {
+                [t(w)["menu__item--active"]]: l.value && z.value === l.value.value
+              }
+            ]),
+            onClick: (O) => J(z)
+          }, h(z.text), 11, je))), 128))
+        ], 2)
+      ], 6)), [
+        [t(r), { handler: D, exclude: [p.value, o.value] }]
+      ]) : f("", !0)
+    ], 64));
+  }
+}), He = {
+  FilledErrorBox: S(() => import("./FilledErrorBox-Bf-e1gi6.js")),
+  LineCheck: S(() => import("./LineCheck-357DQEBn.js")),
+  FilledCheckCircle: S(() => import("./FilledCheckCircle-C-8rCgNk.js")),
+  LoadingCircle: S(() => import("./LoadingCircle-KaXR2IVD.js")),
+  FilledInfoCircle: S(() => import("./FilledInfoCircle-BVuqOp8c.js")),
+  SmartIcon: S(() => import("./SmartIcon-Cj_avk5U.js")),
+  FilledCautionTriangle: S(() => import("./FilledCautionTriangle-fCoO6aL0.js"))
+}, Fe = /* @__PURE__ */ I({
+  __name: "Icon",
+  props: {
+    name: {},
+    size: { default: 16 },
+    color: {}
+  },
+  setup(u) {
+    const i = u, r = j(() => typeof i.size == "number" ? `${i.size}px` : i.size);
+    return (n, a) => (s(), H(ae(t(He)[n.name]), {
+      class: "icon",
+      style: P({ width: r.value, height: r.value, fill: i.color || "currentColor" })
+    }, null, 8, ["style"]));
+  }
+}), Ge = (u, i) => {
+  const r = u.__vccOpts || u;
+  for (const [n, a] of i)
+    r[n] = a;
+  return r;
+}, F = /* @__PURE__ */ Ge(Fe, [["__scopeId", "data-v-3e9c3b20"]]), Oe = "_container_2joy4_1", Ne = "_container__text_2joy4_187", Ee = "_container__default_2joy4_191", We = "_container__warning_2joy4_199", Pe = "_container__alert_2joy4_207", Te = "_container__success_2joy4_215", N = {
+  container: Oe,
+  container__text: Ne,
+  container__default: Ee,
+  container__warning: We,
+  container__alert: Pe,
+  container__success: Te
+}, It = /* @__PURE__ */ I({
+  __name: "OnPageMessage",
+  props: {
+    variant: { default: "default" },
+    text: {}
+  },
+  setup(u) {
+    const i = u, r = j(() => {
+      switch (i.variant) {
+        case "alert":
+          return "FilledErrorBox";
+        case "warning":
+          return "FilledCautionTriangle";
+        case "success":
+          return "FilledCheckCircle";
+        default:
+          return "FilledInfoCircle";
+      }
+    });
+    return (n, a) => (s(), d("div", {
+      class: _([
+        t(N).container,
+        t(N)[`container__${n.variant}`]
+      ])
+    }, [
+      le(F, {
+        name: r.value,
+        size: 24
+      }, null, 8, ["name"]),
+      v("span", {
+        class: _(t(N).container__text)
+      }, h(n.text), 3)
+    ], 2));
+  }
+}), Re = "_button__size_default_4wo1i_1", De = "_button__size_small_4wo1i_8", Ue = "_button_4wo1i_1", Ae = "_button__label_4wo1i_191", Ye = "_button__solid_4wo1i_330", qe = "_segmentGroup_4wo1i_337", Qe = "_fill_4wo1i_359", k = {
+  button__size_default: Re,
+  button__size_small: De,
+  button: Ue,
+  button__label: Ae,
+  "button--primary": "_button--primary_4wo1i_208",
+  "button--selected": "_button--selected_4wo1i_218",
+  "button--secondary": "_button--secondary_4wo1i_231",
+  "button--danger": "_button--danger_4wo1i_254",
+  "button--warning": "_button--warning_4wo1i_277",
+  "button--smart": "_button--smart_4wo1i_300",
+  button__solid: Ye,
+  segmentGroup: qe,
+  "segmentGroup--vertical": "_segmentGroup--vertical_4wo1i_340",
+  "segmentGroup--horizontal": "_segmentGroup--horizontal_4wo1i_349",
+  fill: Qe
+}, Xe = ["disabled", "onClick"], Bt = /* @__PURE__ */ I({
+  __name: "SegmentButton",
+  props: {
+    color: {},
+    size: { default: "default" },
+    align: { default: "horizontal" },
+    disabled: { type: Boolean, default: !1 },
+    segments: {},
+    fill: { type: Boolean },
+    modelValue: {}
+  },
+  emits: ["update:modelValue", "click"],
+  setup(u, { emit: i }) {
+    const r = u, n = i, a = y(r.modelValue || ""), p = (e) => {
+      r.disabled || e.disabled || (a.value = e.value, n("update:modelValue", e.value), n("click", e.value));
+    };
+    E(() => r.modelValue, (e) => {
+      a.value = e || "";
+    });
+    const o = y([...r.segments]);
+    return E(() => r.segments, (e) => {
+      o.value = [...e], e.some((l) => l.value === a.value) || (a.value = "", n("update:modelValue", ""));
+    }, { deep: !0 }), (e, l) => (s(), d("div", {
+      class: _([
+        t(k).segmentGroup,
+        t(k)[`segmentGroup--${e.align}`],
+        { [t(k).fill]: e.fill }
+      ])
+    }, [
+      (s(!0), d(W, null, X(o.value, (c, b) => (s(), d("button", {
+        key: `${c.value}-${b}`,
+        class: _([
+          t(k).button,
+          t(k)[`button--${e.color}`],
+          t(k)[`button__size_${e.size}`],
+          t(k).fill,
+          {
+            [t(k)["button--selected"]]: c.value === a.value
+          }
+        ]),
+        disabled: c.disabled || r.disabled,
+        onClick: (B) => p(c)
+      }, [
+        c.icon ? (s(), H(t(F), {
+          key: 0,
+          name: c.icon
+        }, null, 8, ["name"])) : f("", !0),
+        c.label ? (s(), d("span", {
+          key: 1,
+          class: _(t(k).button__label)
+        }, h(c.label), 3)) : f("", !0)
+      ], 10, Xe))), 128))
+    ], 2));
+  }
+}), Ze = "_wrapper__field_1ujuh_1", Je = "_wrapper__label_1ujuh_1", Ke = "_wrapper__errorMessage_1ujuh_1", et = "_wrapper__counter_1ujuh_1", tt = "_wrapper_1ujuh_1", nt = "_wrapper__bottom_1ujuh_220", $ = {
+  wrapper__field: Ze,
+  wrapper__label: Je,
+  wrapper__errorMessage: Ke,
+  wrapper__counter: et,
+  wrapper: tt,
+  wrapper__bottom: nt,
+  "wrapper--error": "_wrapper--error_1ujuh_233"
+}, ot = ["for"], rt = ["id", "maxlength", "name", "placeholder", "value"], at = ["id", "maxlength", "name", "placeholder", "value"], Vt = /* @__PURE__ */ I({
+  __name: "TextInput",
+  props: {
+    id: {},
+    name: {},
+    modelValue: { default: "" },
+    label: { default: "" },
+    placeholder: { default: "" },
+    maxLength: { default: void 0 },
+    maxHeight: { default: void 0 },
+    error: { default: "" },
+    multiline: { type: Boolean, default: !1 },
+    autoGrow: { type: Boolean, default: !1 },
+    counter: { type: Boolean }
+  },
+  emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
+  setup(u, { emit: i }) {
+    const r = u, n = i, a = y(null), p = () => {
+      if (r.autoGrow && a.value) {
+        a.value.style.height = "";
+        const e = Math.min(a.value.scrollHeight, r.maxHeight || a.value.scrollHeight);
+        a.value.style.height = `${e}px`;
+      }
+    }, o = (e) => {
+      const l = e.target;
+      n("input", e), n("update:modelValue", l.value), p();
+    };
+    return Q(() => {
+      p();
+    }), (e, l) => {
+      var c;
+      return s(), d("div", {
+        class: _(t($).wrapper)
+      }, [
+        e.label ? (s(), d("label", {
+          key: 0,
+          class: _(t($).wrapper__label),
+          for: e.id
+        }, h(e.label), 11, ot)) : f("", !0),
+        e.multiline ? (s(), d("textarea", {
+          key: 1,
+          id: e.id,
+          ref_key: "textareaRef",
+          ref: a,
+          class: _([
+            t($).wrapper__field,
+            {
+              [t($)["wrapper--error"]]: e.error
+            }
+          ]),
+          maxlength: e.maxLength,
+          name: e.name,
+          placeholder: e.placeholder,
+          style: P(e.maxHeight ? { maxHeight: `${e.maxHeight}px` } : void 0),
+          value: e.modelValue,
+          onBlur: l[0] || (l[0] = (b) => n("blur", b)),
+          onChange: l[1] || (l[1] = (b) => e.$emit("change", b)),
+          onFocus: l[2] || (l[2] = (b) => n("focus", b)),
+          onInput: o,
+          onPaste: l[3] || (l[3] = (b) => n("paste", b))
+        }, null, 46, rt)) : (s(), d("input", {
+          key: 2,
+          id: e.id,
+          type: "text",
+          class: _([
+            t($).wrapper__field,
+            {
+              [t($)["wrapper--error"]]: e.error
+            }
+          ]),
+          maxlength: e.maxLength,
+          name: e.name,
+          placeholder: e.placeholder,
+          value: e.modelValue,
+          onBlur: l[4] || (l[4] = (b) => n("blur", b)),
+          onChange: l[5] || (l[5] = (b) => e.$emit("change", b)),
+          onFocus: l[6] || (l[6] = (b) => n("focus", b)),
+          onInput: o,
+          onPaste: l[7] || (l[7] = (b) => n("paste", b))
+        }, null, 42, at)),
+        v("div", {
+          class: _(t($).wrapper__bottom)
+        }, [
+          e.error ? (s(), d("div", {
+            key: 0,
+            class: _(t($).wrapper__errorMessage)
+          }, h(e.error), 3)) : f("", !0),
+          e.counter ? (s(), d("div", {
+            key: 1,
+            class: _(t($).wrapper__counter)
+          }, h(((c = e.modelValue) == null ? void 0 : c.toString().length) || 0), 3)) : f("", !0)
+        ], 2)
+      ], 2);
+    };
+  }
+}), lt = "_wrapper__label_3sncs_1", _t = "_wrapper__errorMessage_3sncs_1", st = "_wrapper__counter_3sncs_1", ut = "_wrapper_3sncs_1", it = "_wrapper__field_3sncs_8", dt = "_wrapper__size_default_3sncs_185", ct = "_wrapper__size_small_3sncs_188", pt = "_wrapper__bottom_3sncs_225", C = {
+  wrapper__label: lt,
+  wrapper__errorMessage: _t,
+  wrapper__counter: st,
+  wrapper: ut,
+  wrapper__field: it,
+  wrapper__size_default: dt,
+  wrapper__size_small: ct,
+  wrapper__bottom: pt,
+  "wrapper--error": "_wrapper--error_3sncs_238"
+}, mt = ["for"], bt = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], Mt = /* @__PURE__ */ I({
+  __name: "NumberInput",
+  props: {
+    id: {},
+    name: {},
+    modelValue: { default: "" },
+    label: { default: "" },
+    placeholder: { default: "" },
+    maxLength: { default: void 0 },
+    error: { default: "" },
+    errorStatus: { type: Boolean },
+    counter: { type: Boolean },
+    min: { default: void 0 },
+    max: { default: void 0 },
+    size: { default: "default" }
+  },
+  emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
+  setup(u, { emit: i }) {
+    const r = u, n = i, a = (o) => {
+      var l, c;
+      if (o === "")
+        return o;
+      const e = Number(o);
+      return typeof r.min == "number" && e < r.min ? (l = r.min) == null ? void 0 : l.toString() : typeof r.max == "number" && e > r.max ? (c = r.max) == null ? void 0 : c.toString() : e.toString();
+    }, p = (o) => {
+      const e = o.target, l = a(e.value);
+      e.value = l, n("input", o), n("update:modelValue", l);
+    };
+    return (o, e) => {
+      var l;
+      return s(), d("div", {
+        class: _([t(C).wrapper, t(C)[`wrapper__size_${o.size}`]])
+      }, [
+        o.label ? (s(), d("label", {
+          key: 0,
+          class: _(t(C).wrapper__label),
+          for: o.id
+        }, h(o.label), 11, mt)) : f("", !0),
+        v("input", {
+          id: o.id,
+          type: "number",
+          class: _([
+            t(C).wrapper__field,
+            {
+              [t(C)["wrapper--error"]]: o.error || o.errorStatus
+            }
+          ]),
+          max: o.max,
+          maxlength: o.maxLength,
+          min: o.min,
+          name: o.name,
+          placeholder: o.placeholder,
+          value: o.modelValue,
+          onBlur: e[0] || (e[0] = (c) => n("blur", c)),
+          onChange: e[1] || (e[1] = (c) => o.$emit("change", c)),
+          onFocus: e[2] || (e[2] = (c) => n("focus", c)),
+          onInput: p,
+          onPaste: e[3] || (e[3] = (c) => n("paste", c))
+        }, null, 42, bt),
+        o.counter || o.error ? (s(), d("div", {
+          key: 1,
+          class: _(t(C).wrapper__bottom)
+        }, [
+          o.error ? (s(), d("div", {
+            key: 0,
+            class: _(t(C).wrapper__errorMessage)
+          }, h(o.error), 3)) : f("", !0),
+          o.counter ? (s(), d("div", {
+            key: 1,
+            class: _(t(C).wrapper__counter)
+          }, h(((l = o.modelValue) == null ? void 0 : l.toString().length) || 0), 3)) : f("", !0)
+        ], 2)) : f("", !0)
+      ], 2);
+    };
+  }
+}), ft = "_wrapper_ejnxx_169", wt = "_wrapper__label_ejnxx_176", ht = "_wrapper__input_ejnxx_200", gt = "_wrapper_checked_ejnxx_210", vt = "_wrapper_disabled_ejnxx_217", L = {
+  wrapper: ft,
+  wrapper__label: wt,
+  wrapper__input: ht,
+  wrapper_checked: gt,
+  wrapper_disabled: vt
+}, zt = ["id", "checked", "disabled", "name"], yt = ["for"], St = /* @__PURE__ */ I({
+  __name: "Toggle",
+  props: {
+    id: {},
+    name: {},
+    checked: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(u, { emit: i }) {
+    const r = u, n = i, a = () => {
+      n("click", !r.checked);
+    };
+    return (p, o) => (s(), d("fieldset", {
+      class: _([
+        t(L).wrapper,
+        {
+          [t(L).wrapper_checked]: p.checked,
+          [t(L).wrapper_disabled]: p.disabled
+        }
+      ])
+    }, [
+      v("input", {
+        id: p.id,
+        type: "checkbox",
+        checked: p.checked,
+        class: _(t(L).wrapper__input),
+        disabled: p.disabled,
+        name: p.name,
+        onClick: a
+      }, null, 10, zt),
+      v("label", {
+        class: _(t(L).wrapper__label),
+        for: p.id
+      }, null, 10, yt)
+    ], 2));
+  }
+});
+export {
+  F as I,
+  Ge as _,
+  $t as a,
+  Ct as b,
+  It as c,
+  Bt as d,
+  Vt as e,
+  Mt as f,
+  St as g
+};
+//# sourceMappingURL=index-CvIq_105.js.map