@dv.net/ui-kit 1.0.0

package/dist/chunks/UiDatepickerRange.vue_vue_type_script_setup_true_lang-M1KGDH1D.js

@@ -0,0 +1,185 @@
+import { defineComponent as O, mergeModels as Q, useModel as j, ref as k, computed as Y, onMounted as W, createElementBlock as S, openBlock as M, normalizeClass as q, createVNode as c, withCtx as f, unref as l, createBlock as A, createCommentVNode as G, createTextVNode as _, toDisplayString as y, createElementVNode as C, renderSlot as J } from "vue";
+import { _ as K } from "./DatePickerInputs.vue_vue_type_script_setup_true_lang-C-k7WjZq.js";
+import { Q as L } from "./style-CD0jFgS4.js";
+import { _ as X } from "./DatePickerPresets.vue_vue_type_script_setup_true_lang-BSsYtVCG.js";
+/* empty css                                                           */
+import { _ as Z } from "./DatePickerSlider.vue_vue_type_script_setup_true_lang-CasAFVdQ.js";
+import { _ as P } from "./UiIconButton.vue_vue_type_script_setup_true_lang-BBWg01iF.js";
+import { a as ee } from "./index-CUyc6a0N.js";
+import "./vue3-lottie.es-C_Z24a9S.js";
+import { _ as B } from "./UiButton.vue_vue_type_script_setup_true_lang-CSwbUxM9.js";
+/* empty css                                                         */
+import { _ as ae } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
+/* empty css                                                */
+/* empty css                                                    */
+import { u as te } from "./useDatePicker-D8lDAs1P.js";
+import { config as s } from "../config/index.js";
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+const le = {
+  key: 1,
+  class: "ui-datepicker__trigger"
+}, oe = { class: "ui-datepicker__navigate" }, ie = { class: "ui-datepicker__navigate-value" }, Ee = /* @__PURE__ */ O({
+  __name: "UiDatepickerRange",
+  props: /* @__PURE__ */ Q({
+    disabled: { type: Boolean },
+    beginDate: {},
+    size: { default: "xs" },
+    clearable: { type: Boolean }
+  }, {
+    modelValue: { default: [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(b) {
+    const V = b, a = j(b, "modelValue"), { width: z } = ee(), { dayjs: o, checkIsValidDate: I, today: w, endDate: u, startDate: m, beginDate: N, isFullMonthSelected: U, modelValueFormat: D } = te(a), p = k(), d = k(["", ""]), g = k(!1), x = Y(
+      () => V.beginDate ? o(V.beginDate).format(D.value) : null
+    ), F = Y(() => {
+      if (!I())
+        return s.uiDatePicker.translations.invalidDate;
+      if (m.value && u.value) {
+        const e = u.value.isSame(o(), "day") && m.value.isSame(o(), "day"), i = m.value.isSame(o().subtract(1, "day").startOf("day"), "day") && u.value.isSame(o().subtract(1, "day").startOf("day"), "day"), t = m.value.isSame(u.value, "year"), v = m.value.isSame(u.value, "month"), r = m.value.locale(s.locale), n = u.value.locale(s.locale);
+        return e ? s.uiDatePicker.translations.todayPlaceholder : i ? s.uiDatePicker.translations.yesterdayPlaceholder : U.value ? r.format("MMMM YYYY") : v ? `${r.format("DD")} - ${n.format("DD")} ${n.format("MMM YYYY")}` : t ? `${r.format("DD MMM")} - ${n.format("DD MMM")} ${n.format("YYYY")}` : `${r.format("DD MMM YY")} - ${n.format("DD MMM YY")}`;
+      } else
+        return s.uiDatePicker.translations.emptyPlaceholder;
+    });
+    function R(e) {
+      h(e.date), p.value.closeMenu();
+    }
+    function T(e) {
+      e && (g.value = e.length < 2, e.length === 2 && (d.value = e));
+    }
+    function $(e) {
+      a.value = [o(e[0]).format(D.value), o(e[1]).format(D.value)];
+    }
+    function h(e) {
+      m.value && u.value && m.value.isSame(e[0], "day") && u.value.isSame(e[1], "day") || $(e);
+    }
+    function E() {
+      p.value?.updateInternalModelValue(d.value), p.value?.setMonthYear({
+        month: o(d.value[0]).month(),
+        year: o(d.value[0]).year()
+      });
+    }
+    const H = () => {
+      a.value = [], d.value = ["", ""], g.value = !0, p.value?.closeMenu();
+    };
+    return W(() => {
+      a.value.length || (g.value = !0);
+    }), (e, i) => (M(), S("div", {
+      class: q(["ui-datepicker-range", [e.size, { "is-disabled": e.disabled }]])
+    }, [
+      c(Z, {
+        disabled: !a.value.length,
+        modelValue: a.value,
+        "onUpdate:modelValue": i[2] || (i[2] = (t) => a.value = t)
+      }, {
+        default: f(() => [
+          c(l(L), {
+            position: "center",
+            locale: l(s).locale,
+            ref_key: "pickerRef",
+            ref: p,
+            "model-value": a.value,
+            "enable-time-picker": !1,
+            range: "",
+            "multi-calendars": l(z) > 1e3,
+            "month-name-format": "long",
+            "max-date": l(w),
+            offset: 0,
+            "onUpdate:modelValue": h,
+            onInternalModelChange: T
+          }, {
+            "left-sidebar": f(() => [
+              c(X, {
+                "begin-date": x.value ?? l(N),
+                date: d.value,
+                onChange: R
+              }, null, 8, ["begin-date", "date"]),
+              c(K, {
+                onChange: E,
+                onSubmit: i[0] || (i[0] = (t) => p.value.selectDate()),
+                modelValue: d.value,
+                "onUpdate:modelValue": i[1] || (i[1] = (t) => d.value = t)
+              }, null, 8, ["modelValue"])
+            ]),
+            trigger: f(() => [
+              e.$slots.trigger ? J(e.$slots, "trigger", {
+                key: 0,
+                date: a.value
+              }) : (M(), S("button", le, [
+                c(l(ae), {
+                  type: "400",
+                  name: "calendar-month"
+                }),
+                _(y(F.value), 1)
+              ]))
+            ]),
+            "month-year": f(({ month: t, months: v, handleMonthYearChange: r }) => [
+              C("div", oe, [
+                c(P, {
+                  onClick: (n) => r && r(!1),
+                  "icon-type": "400",
+                  size: "lg",
+                  "icon-name": "chevron-left 1",
+                  "no-size": ""
+                }, null, 8, ["onClick"]),
+                C("span", ie, y(v?.find((n) => n.value === t)?.text), 1),
+                c(P, {
+                  onClick: (n) => r && r(!0),
+                  "icon-type": "400",
+                  size: "lg",
+                  "icon-name": "chevron-right",
+                  "no-size": ""
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            "action-row": f(({ disabled: t, selectDate: v }) => [
+              c(l(B), {
+                disabled: g.value || t,
+                mode: "neutral",
+                onClick: v
+              }, {
+                default: f(() => [
+                  _(y(l(s).uiDatePicker.translations.applyButton), 1)
+                ]),
+                _: 2
+              }, 1032, ["disabled", "onClick"]),
+              a.value.length && e.clearable ? (M(), A(l(B), {
+                key: 0,
+                type: "secondary",
+                onClick: H
+              }, {
+                default: f(() => [
+                  _(y(l(s).uiDatePicker.translations.clearButton), 1)
+                ]),
+                _: 1
+              })) : G("", !0)
+            ]),
+            _: 3
+          }, 8, ["locale", "model-value", "multi-calendars", "max-date"])
+        ]),
+        _: 3
+      }, 8, ["disabled", "modelValue"])
+    ], 2));
+  }
+});
+export {
+  Ee as _
+};

package/dist/chunks/UiDrawer.vue_vue_type_script_setup_true_lang-Vs6J1MR6.js

@@ -0,0 +1,59 @@
+import { defineComponent as f, mergeModels as v, useModel as h, computed as C, watch as k, onBeforeUnmount as V, createElementBlock as i, openBlock as r, createBlock as w, Teleport as y, createVNode as d, mergeProps as z, withCtx as u, Transition as S, createCommentVNode as B, normalizeClass as E, normalizeStyle as L, renderSlot as $ } from "vue";
+import { _ as g } from "./UiOverlay.vue_vue_type_script_setup_true_lang-DkZL3VLh.js";
+/* empty css                                                   */
+const m = "ui-drawer__lock-scroll", N = /* @__PURE__ */ f({
+  __name: "UiDrawer",
+  props: /* @__PURE__ */ v({
+    direction: { default: "rtl" },
+    size: { default: "50%" },
+    drawerClass: {}
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const l = h(a, "modelValue"), c = a, t = C(() => ["rtl", "ltr"].includes(c.direction) ? "horizontal" : "vertical");
+    function p() {
+      document.querySelector("html")?.classList.add(m);
+    }
+    function s() {
+      document.querySelector("html")?.classList.remove(m);
+    }
+    return k(l, () => {
+      l.value ? p() : s();
+    }), V(() => {
+      s();
+    }), (e, o) => (r(), i("div", null, [
+      (r(), w(y, { to: "body" }, [
+        d(g, z({ ...e.$attrs }, {
+          modelValue: l.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (n) => l.value = n),
+          onClick: o[1] || (o[1] = (n) => l.value = !1)
+        }), {
+          default: u(() => [
+            d(S, { appear: "" }, {
+              default: u(() => [
+                l.value ? (r(), i("div", {
+                  key: 0,
+                  style: L({
+                    width: t.value === "horizontal" ? e.size : "100%",
+                    height: t.value === "vertical" ? e.size : "100%"
+                  }),
+                  class: E(["ui-drawer", [e.direction, t.value, e.drawerClass]])
+                }, [
+                  $(e.$slots, "default")
+                ], 6)) : B("", !0)
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 16, ["modelValue"])
+      ]))
+    ]));
+  }
+});
+export {
+  N as _
+};

package/dist/chunks/UiDropdown.vue_vue_type_script_setup_true_lang-DjVzkaIW.js

@@ -0,0 +1,135 @@
+import { defineComponent as E, mergeModels as k, useCssVars as R, ref as p, useModel as N, computed as _, watch as D, createElementBlock as b, openBlock as r, createElementVNode as C, createBlock as h, normalizeClass as a, renderSlot as $, createCommentVNode as M, Teleport as H, normalizeStyle as O, createVNode as T, Transition as U, withCtx as j } from "vue";
+import { _ as x } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
+/* empty css                                                */
+import { u as F, o as I, s as P, f as q, a as A, b as G } from "./floating-ui.vue-CQbj4WJd.js";
+import { o as J, a as K } from "./index-CUyc6a0N.js";
+import { isMobileDevice as L } from "../helpers/is-mobile-device.js";
+const te = /* @__PURE__ */ E({
+  __name: "UiDropdown",
+  props: /* @__PURE__ */ k({
+    popperClass: {},
+    offset: {},
+    disabled: { type: Boolean },
+    trigger: { default: "click" },
+    fitContentWidth: { type: Boolean, default: !0 },
+    placement: { default: "bottom-start" },
+    teleport: { type: [String, Boolean], default: "body" },
+    mode: {}
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ k(["close", "open"], ["update:modelValue"]),
+  setup(f, { expose: S, emit: B }) {
+    R((e) => ({
+      "7a5b2832": c.value
+    }));
+    const m = B, l = f, o = N(f, "modelValue"), n = p(null), i = p(null), c = p(""), { width: V } = K(), { x: v, y: w } = F(n, i, {
+      whileElementsMounted: G,
+      placement: l.placement,
+      middleware: [
+        I(l.offset),
+        P({
+          apply({ availableHeight: e, elements: t }) {
+            Object.assign(t.floating.style, {
+              maxHeight: `${Math.max(300, e)}px`
+            });
+          }
+        }),
+        q({
+          fallbackStrategy: "initialPlacement"
+        }),
+        A()
+      ]
+    });
+    J(
+      n,
+      () => {
+        o.value && u();
+      },
+      { ignore: [i] }
+    ), S({
+      open: g,
+      close: u
+    });
+    const W = _(() => ({
+      top: w.value != null ? `${w.value}px` : "",
+      left: v.value != null ? `${v.value}px` : ""
+    }));
+    function z() {
+      c.value = (n.value?.clientWidth ?? 0) + "px";
+    }
+    function d(e) {
+      if (L() && l.trigger == "hover" && e === "mouseenter") {
+        s();
+        return;
+      }
+      if (l.trigger === "click") {
+        if (e !== "click")
+          return;
+        s();
+        return;
+      }
+      if (e === "mouseenter") {
+        s();
+        return;
+      } else e === "mouseleave" && s();
+    }
+    function s() {
+      o.value ? u() : g();
+    }
+    function g() {
+      o.value = !0, m("open");
+    }
+    function u() {
+      o.value = !1, m("close");
+    }
+    return D([o, V], z), (e, t) => (r(), b("div", {
+      ref_key: "dropdownRef",
+      ref: n,
+      class: "ui-dropdown"
+    }, [
+      C("div", {
+        class: a(["ui-dropdown__trigger", [{ "click-event": e.trigger === "click", "is-disabled": e.disabled }, `mode-${e.mode}`]]),
+        onMouseenter: t[0] || (t[0] = (y) => d("mouseenter")),
+        onMouseleave: t[1] || (t[1] = (y) => d("mouseleave")),
+        onClick: t[2] || (t[2] = (y) => d("click"))
+      }, [
+        $(e.$slots, "reference"),
+        e.mode === "custom" ? (r(), h(x, {
+          key: 0,
+          class: a(["ui-dropdown__trigger-arrow", { rotate: o.value }]),
+          type: "400",
+          name: "keyboard-arrow-down"
+        }, null, 8, ["class"])) : M("", !0)
+      ], 34),
+      (r(), h(H, {
+        disabled: !e.teleport,
+        to: typeof e.teleport == "string" ? e.teleport : "body"
+      }, [
+        C("div", {
+          class: a([[e.popperClass, { "is-show": o.value }], "ui-dropdown__content-wrapper"]),
+          style: O(W.value),
+          ref_key: "contentRefer",
+          ref: i,
+          role: "tooltip"
+        }, [
+          T(U, { name: "dropdown" }, {
+            default: j(() => [
+              o.value ? (r(), b("div", {
+                key: 0,
+                class: a(["ui-dropdown__content", { "is-fit": e.fitContentWidth }])
+              }, [
+                $(e.$slots, "default")
+              ], 2)) : M("", !0)
+            ]),
+            _: 3
+          })
+        ], 6)
+      ], 8, ["disabled", "to"]))
+    ], 512));
+  }
+});
+export {
+  te as _
+};

package/dist/chunks/UiFileItemLoading.vue_vue_type_script_setup_true_lang-Byxx2Dpw.js

@@ -0,0 +1,40 @@
+import { defineComponent as _, computed as n, createElementBlock as f, openBlock as p, createElementVNode as i, createVNode as l, toDisplayString as t, withCtx as d, createTextVNode as u, unref as g } from "vue";
+import { _ as v } from "./UiButton.vue_vue_type_script_setup_true_lang-CSwbUxM9.js";
+import "./style-CD0jFgS4.js";
+import { _ as h } from "./UiProgressBar.vue_vue_type_script_setup_true_lang-CB-UHfBS.js";
+/* empty css                                                       */
+import { config as a } from "../config/index.js";
+const $ = { class: "ui-file-item-loading" }, D = { class: "ui-file-item-loading__info-wrapper" }, N = { class: "ui-file-item-loading__file-info" }, k = { class: "ui-file-item-loading__file-name" }, x = { class: "ui-file-item-loading__percent" }, B = /* @__PURE__ */ _({
+  __name: "UiFileItemLoading",
+  props: {
+    file: {}
+  },
+  emits: ["cancel"],
+  setup(s) {
+    const e = s, c = n(() => `${a.uiDragAndDrop.translations.file} «${e.file.file.name}»`), r = n(() => Math.ceil(e.file.percent));
+    return (m, o) => (p(), f("div", $, [
+      i("div", D, [
+        i("div", N, [
+          i("p", k, t(c.value), 1),
+          i("p", x, t(r.value) + "%", 1)
+        ]),
+        l(h, {
+          "model-value": e.file.percent
+        }, null, 8, ["model-value"])
+      ]),
+      l(v, {
+        type: "tertiary",
+        mode: "accent",
+        onClick: o[0] || (o[0] = (y) => m.$emit("cancel", e.file.id))
+      }, {
+        default: d(() => [
+          u(t(g(a).uiDragAndDrop.translations.cancel), 1)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  B as _
+};

package/dist/chunks/UiFlagIcon.vue_vue_type_script_setup_true_lang-BEuyocgZ.js

@@ -0,0 +1,31 @@
+import { _ as e } from "./dynamic-import-helper-CeXOXdBX.js";
+import { defineComponent as g, ref as l, watch as n, markRaw as r, defineAsyncComponent as c, createElementBlock as m, openBlock as i, normalizeClass as p, createBlock as f, createCommentVNode as v, resolveDynamicComponent as u } from "vue";
+const k = /* @__PURE__ */ g({
+  __name: "UiFlagIcon",
+  props: {
+    isoCode: {},
+    isSmall: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const o = t, s = l();
+    return n(
+      () => o.isoCode,
+      () => {
+        s.value = r(c(() => e(/* @__PURE__ */ Object.assign({ "../../assets/icons/flags/ar.svg": () => import("./ar-BXufxkg_.js"), "../../assets/icons/flags/be.svg": () => import("./be-Cpux5ZVZ.js"), "../../assets/icons/flags/bg.svg": () => import("./bg-Dka6WoR0.js"), "../../assets/icons/flags/bn.svg": () => import("./bn-DbMzDU96.js"), "../../assets/icons/flags/cs.svg": () => import("./cs-BCCeOqaS.js"), "../../assets/icons/flags/da.svg": () => import("./da-rRNER9xJ.js"), "../../assets/icons/flags/de.svg": () => import("./de-qTnnpv3x.js"), "../../assets/icons/flags/el.svg": () => import("./el-D_oN2hqL.js"), "../../assets/icons/flags/en.svg": () => import("./en-B-_MWD34.js"), "../../assets/icons/flags/es.svg": () => import("./es-H2LNxMYw.js"), "../../assets/icons/flags/et.svg": () => import("./et-CwfFs7KX.js"), "../../assets/icons/flags/fi.svg": () => import("./fi-B_x-gHG3.js"), "../../assets/icons/flags/fr.svg": () => import("./fr-HsJgP5M6.js"), "../../assets/icons/flags/hi.svg": () => import("./hi-CHOjawQr.js"), "../../assets/icons/flags/hu.svg": () => import("./hu-BcjlX-Ot.js"), "../../assets/icons/flags/id.svg": () => import("./id-C0F18IVh.js"), "../../assets/icons/flags/it.svg": () => import("./it-CiblsIZI.js"), "../../assets/icons/flags/ja.svg": () => import("./ja-C9JWR-kW.js"), "../../assets/icons/flags/ko.svg": () => import("./ko-DFkfc646.js"), "../../assets/icons/flags/lt.svg": () => import("./lt-BU-bWY6j.js"), "../../assets/icons/flags/lv.svg": () => import("./lv-BF6yA8o-.js"), "../../assets/icons/flags/nb.svg": () => import("./nb-CfW51VnI.js"), "../../assets/icons/flags/nl.svg": () => import("./nl-biLh9veF.js"), "../../assets/icons/flags/pl.svg": () => import("./pl-D-n1bF8V.js"), "../../assets/icons/flags/pt.svg": () => import("./pt-8Y2kzql9.js"), "../../assets/icons/flags/ro.svg": () => import("./ro-BJ64g2Wo.js"), "../../assets/icons/flags/ru.svg": () => import("./ru-Bm3D8_2M.js"), "../../assets/icons/flags/sk.svg": () => import("./sk-D1t6azhr.js"), "../../assets/icons/flags/sl.svg": () => import("./sl-BU2c0b1g.js"), "../../assets/icons/flags/sv.svg": () => import("./sv-BvT_p4SS.js"), "../../assets/icons/flags/sw.svg": () => import("./sw-DCIi9BW0.js"), "../../assets/icons/flags/tr.svg": () => import("./tr-DlhXO22L.js"), "../../assets/icons/flags/uk.svg": () => import("./uk-QkNFmn9h.js"), "../../assets/icons/flags/vi.svg": () => import("./vi-BIYkwHe7.js"), "../../assets/icons/flags/zh.svg": () => import("./zh-BuTPB3HQ.js") }), `../../assets/icons/flags/${o.isoCode}.svg`, 6)));
+      },
+      { immediate: !0 }
+    ), (a, d) => (i(), m("div", {
+      class: p(["ui-flag-icon", { "is-small": a.isSmall }])
+    }, [
+      s.value ? (i(), f(u(s.value), {
+        key: 0,
+        class: "ui-flag-icon__icon",
+        loading: "lazy",
+        alt: a.isoCode
+      }, null, 8, ["alt"])) : v("", !0)
+    ], 2));
+  }
+});
+export {
+  k as _
+};

package/dist/chunks/UiForm.vue_vue_type_script_setup_true_lang-BH_LDWq2.js

@@ -0,0 +1,66 @@
+import { defineComponent as d, ref as p, provide as v, watch as V, createElementBlock as h, openBlock as k, withModifiers as E, renderSlot as _ } from "vue";
+import { FORM_PROVIDE_VALUE as b } from "../components/UiForm/constants.js";
+import { useValidation as y } from "../components/UiForm/useValidate.js";
+const F = /* @__PURE__ */ d({
+  __name: "UiForm",
+  props: {
+    model: {},
+    rules: {}
+  },
+  setup(u, { expose: i }) {
+    const o = u, { validation: a, errors: t } = y(o.model ?? {}), l = p(0);
+    v(b, {
+      model: o.model,
+      rules: o.rules,
+      validateField: n,
+      errors: t,
+      formSubmitCounts: l
+    });
+    function f() {
+      return Object.values(t.value).every((e) => !e.length);
+    }
+    function c() {
+      if (o.rules) {
+        for (const r of Object.keys(o.model ?? {}))
+          o.rules[r] && o.rules[r].forEach(() => {
+            n(r);
+          });
+        l.value++;
+        const e = f();
+        return e && s(), e;
+      }
+    }
+    function n(e) {
+      o.rules && o.rules[e] && o.rules[e].forEach((r) => {
+        o.model && a(e, o.model[e], r);
+      });
+    }
+    function s() {
+      for (const e in t.value)
+        t.value[e] = [];
+      l.value = 0;
+    }
+    function m() {
+      for (const [e, r] of Object.entries(t.value))
+        r.length && (t.value[e] = [], n(e));
+    }
+    return V(
+      () => o.rules,
+      () => {
+        m();
+      },
+      { deep: !0 }
+    ), i({
+      validate: c,
+      resetValidate: s
+    }), (e, r) => (k(), h("form", {
+      onSubmit: r[0] || (r[0] = E(() => {
+      }, ["prevent"]))
+    }, [
+      _(e.$slots, "default")
+    ], 32));
+  }
+});
+export {
+  F as _
+};

package/dist/chunks/UiFormItem.vue_vue_type_script_setup_true_lang-Bbr8B6FG.js

@@ -0,0 +1,66 @@
+import { defineComponent as b, inject as y, ref as _, computed as k, watch as h, onMounted as I, createElementBlock as n, openBlock as s, normalizeClass as $, createCommentVNode as t, renderSlot as m, createElementVNode as f, unref as S, Fragment as V, createTextVNode as g, toDisplayString as d } from "vue";
+import { u as C } from "./index-DCOIFumv.js";
+import { FORM_PROVIDE_VALUE as p } from "../components/UiForm/constants.js";
+const E = ["for"], F = { class: "ui-form-item__label" }, R = { class: "ui-form-item__footer" }, D = {
+  key: 1,
+  class: "ui-form-item__notation"
+}, M = {
+  key: 2,
+  class: "ui-form-item__error"
+}, O = /* @__PURE__ */ b({
+  __name: "UiFormItem",
+  props: {
+    label: {},
+    name: {},
+    notation: {},
+    error: {},
+    id: {}
+  },
+  setup(c) {
+    const o = c, r = p && y(p), i = _(), l = C(), a = k(() => {
+      if (r?.errors.value && o.name) {
+        const e = r?.errors.value[o.name];
+        return e?.length ? e[0] : "";
+      }
+      return "";
+    });
+    function v() {
+      const e = i.value.querySelector("input"), u = i.value.querySelector("textarea");
+      e && (e.id = l), u && (u.id = l);
+    }
+    return h(
+      () => r?.model && o.name && r?.model[o.name],
+      () => {
+        r?.formSubmitCounts.value && o.name && r?.validateField(o.name);
+      },
+      { deep: !0 }
+    ), I(() => {
+      o.id || v();
+    }), (e, u) => (s(), n("div", {
+      ref_key: "formItemRef",
+      ref: i,
+      class: $(["ui-form-item", { "is-error": e.error || a.value }])
+    }, [
+      e.label || e.$slots.label ? (s(), n("label", {
+        key: 0,
+        for: e.id ?? S(l)
+      }, [
+        f("span", F, [
+          e.label ? (s(), n(V, { key: 0 }, [
+            g(d(e.label), 1)
+          ], 64)) : t("", !0),
+          e.$slots.label ? m(e.$slots, "label", { key: 1 }) : t("", !0)
+        ])
+      ], 8, E)) : t("", !0),
+      m(e.$slots, "default", { id: e.id }),
+      f("div", R, [
+        e.$slots.notation && !a.value && !e.error ? m(e.$slots, "notation", { key: 0 }) : t("", !0),
+        e.notation && !a.value && !e.error ? (s(), n("span", D, d(e.notation), 1)) : t("", !0),
+        e.error || a.value ? (s(), n("span", M, d(e.error || a.value), 1)) : t("", !0)
+      ])
+    ], 2));
+  }
+});
+export {
+  O as _
+};