@opengis/bi 1.2.11 → 1.2.13

package/dist/index-BCGOfuzo.js

@@ -0,0 +1,2004 @@
+import { createApp as W, h as j, defineComponent as T, createElementBlock as u, openBlock as i, createElementVNode as a, createBlock as H, resolveDynamicComponent as te, toDisplayString as w, computed as L, normalizeClass as V, renderSlot as I, ref as _, createCommentVNode as B, createVNode as S, Fragment as D, renderList as U, watch as O, onMounted as N, onBeforeUnmount as G, Teleport as P, Transition as K, withCtx as q, withDirectives as Z, normalizeStyle as X, vShow as ie, useSlots as he, reactive as be, withKeys as J, withModifiers as R, resolveDirective as xe, vModelText as ye, onUnmounted as de, createTextVNode as Q, nextTick as we, vModelCheckbox as ke, createStaticVNode as Ce, useAttrs as _e, unref as Be } from "vue";
+const Ve = ["type", "disabled"], ze = /* @__PURE__ */ T({
+  __name: "button",
+  props: {
+    type: {},
+    variant: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const l = e, o = t, n = (s) => {
+      l.disabled || o("click", s);
+    }, r = L(() => {
+      switch (l.variant) {
+        case "secondary":
+          return "bg-gray-200 text-black hover:bg-gray-300";
+        case "danger":
+          return "bg-red-500 text-white hover:bg-red-600";
+        default:
+          return "bg-blue-600 text-white hover:bg-blue-700";
+      }
+    });
+    return (s, f) => (i(), u("button", {
+      type: s.type,
+      class: V([
+        "px-4 py-2 rounded font-semibold",
+        r.value,
+        s.disabled ? "opacity-50 cursor-not-allowed" : ""
+      ]),
+      disabled: s.disabled,
+      onClick: n
+    }, [
+      I(s.$slots, "default")
+    ], 10, Ve));
+  }
+}), Me = (e, t = 0.1) => {
+  function l(r) {
+    return {
+      black: "0, 0, 0",
+      white: "255, 255, 255",
+      red: "255, 0, 0",
+      green: "0, 128, 0",
+      blue: "0, 0, 255",
+      gray: "128, 128, 128",
+      yellow: "255, 255, 0",
+      cyan: "0, 255, 255",
+      magenta: "255, 0, 255",
+      orange: "255, 165, 0",
+      purple: "128, 0, 128",
+      brown: "165, 42, 42",
+      pink: "255, 192, 203",
+      lime: "0, 255, 0",
+      navy: "0, 0, 128",
+      teal: "0, 128, 128",
+      olive: "128, 128, 0",
+      maroon: "128, 0, 0",
+      silver: "192, 192, 192",
+      gold: "255, 215, 0"
+    }[r] || null;
+  }
+  function o(r) {
+    let s = r.replace(/^#/, "");
+    s.length === 3 && (s = s.split("").map((v) => v + v).join(""));
+    const f = parseInt(s, 16), d = f >> 16 & 255, p = f >> 8 & 255, c = f & 255;
+    return `${d}, ${p}, ${c}`;
+  }
+  let n;
+  if (typeof e == "string" && e.startsWith("#"))
+    n = o(e);
+  else if (typeof e == "string")
+    n = l(e);
+  else
+    throw new Error("Invalid color format");
+  if (n)
+    return `rgba(${n}, ${t})`;
+  throw new Error("Color not found");
+}, Se = {
+  props: {
+    text: {
+      type: String,
+      default: () => "",
+      required: !0
+    },
+    color: {
+      type: String,
+      default: () => "",
+      required: !1
+    }
+  },
+  computed: {
+    createStyle() {
+      return this.color ? { backgroundColor: Me(this.color, 0.2) } : { backgroundColor: "rgb(245 245 244)" };
+    }
+  }
+}, z = (e, t) => {
+  const l = e.__vccOpts || e;
+  for (const [o, n] of t)
+    l[o] = n;
+  return l;
+};
+function je(e, t, l, o, n, r) {
+  return l.text ? (i(), u("div", {
+    key: 0,
+    class: V(["py-1.5 px-2 inline-flex items-center gap-x-1.5 text-xs font-medium rounded-full", l.color ? `text-[${l.color}]` : "text-gray-700"]),
+    style: X(r.createStyle)
+  }, w(l.text), 7)) : B("", !0);
+}
+const zl = /* @__PURE__ */ z(Se, [["render", je]]), Te = {
+  props: {
+    value: { type: String, default: () => "" }
+  },
+  computed: {
+    dateValue() {
+      try {
+        return new Date(this.value).toLocaleDateString("uk-UA", {
+          day: "2-digit",
+          month: "long",
+          year: "numeric"
+        });
+      } catch {
+        return this.value;
+      }
+    }
+  }
+}, Le = { class: "whitespace-nowrap" };
+function Ee(e, t, l, o, n, r) {
+  return i(), u("div", Le, w(r.dateValue), 1);
+}
+const $e = /* @__PURE__ */ z(Te, [["render", Ee]]), Ie = {}, He = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
+};
+function Oe(e, t) {
+  return i(), u("svg", He, t[0] || (t[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }, null, -1),
+    a("path", { d: "M7 11l5 5l5 -5" }, null, -1),
+    a("path", { d: "M12 4l0 12" }, null, -1)
+  ]));
+}
+const Ne = /* @__PURE__ */ z(Ie, [["render", Oe]]), De = {}, Pe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
+};
+function Ae(e, t) {
+  return i(), u("svg", Pe, t[0] || (t[0] = [
+    Ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 7l16 0"></path><path d="M10 11l0 6"></path><path d="M14 11l0 6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 6)
+  ]));
+}
+const Re = /* @__PURE__ */ z(De, [["render", Ae]]), Ue = {}, Ke = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
+};
+function qe(e, t) {
+  return i(), u("svg", Ke, t[0] || (t[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
+}
+const ne = /* @__PURE__ */ z(Ue, [["render", qe]]), Fe = {}, We = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
+};
+function Ge(e, t) {
+  return i(), u("svg", We, t[0] || (t[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M18 6l-12 12" }, null, -1),
+    a("path", { d: "M6 6l12 12" }, null, -1)
+  ]));
+}
+const Ze = /* @__PURE__ */ z(Fe, [["render", Ge]]), Xe = {
+  key: 0,
+  class: "fixed inset-0 z-[2000] flex items-center justify-center bg-gray-600 bg-opacity-75"
+}, Ye = {
+  key: 0,
+  class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg",
+  role: "dialog",
+  "aria-modal": "true",
+  "aria-labelledby": "dialog-title"
+}, Je = { class: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, Qe = { class: "mt-3 text-center sm:mt-5" }, et = {
+  id: "dialog-title",
+  class: "text-base font-semibold text-gray-900"
+}, tt = { class: "mt-2" }, ot = { class: "text-sm text-gray-500" }, lt = { class: "bg-gray-50 px-4 py-3 sm:px-6 flex justify-center" }, nt = {
+  key: 1,
+  class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg",
+  role: "dialog",
+  "aria-modal": "true",
+  "aria-labelledby": "dialog-title"
+}, at = { class: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, rt = { class: "sm:flex sm:items-start" }, st = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, it = {
+  id: "dialog-title",
+  class: "text-base font-semibold text-gray-900"
+}, dt = { class: "mt-2" }, ut = { class: "text-sm text-gray-500" }, ct = {
+  key: 0,
+  class: "mt-2"
+}, pt = ["placeholder"], ft = /* @__PURE__ */ T({
+  __name: "message-box",
+  props: {
+    type: { default: "error" },
+    mode: { default: "confirm" },
+    title: { default: "" },
+    message: { default: "" },
+    confirmButtonText: { default: "OK" },
+    cancelButtonText: { default: "Cancel" },
+    modelValue: { type: Boolean, default: !1 },
+    promptPlaceholder: { default: "" },
+    align: { type: Boolean, default: !0 }
+  },
+  emits: ["confirm", "cancel", "update:modelValue"],
+  setup(e, { emit: t }) {
+    const l = _(null);
+    N(() => {
+      var x;
+      (x = l.value) == null || x.focus();
+    });
+    const o = {
+      success: () => j("svg", {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        "aria-hidden": "true",
+        class: "size-6 text-green-600"
+      }, [
+        j("path", { d: "m4.5 12.75 6 6 9-13.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
+      ]),
+      error: () => j("svg", {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        "aria-hidden": "true",
+        class: "size-6 text-red-600"
+      }, [
+        j("path", { d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z", "stroke-linecap": "round", "stroke-linejoin": "round" })
+      ]),
+      info: () => j("svg", {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        class: "size-6 text-blue-600"
+      }, [
+        j("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M13 16h-1v-4h-1m1-4h.01M12 20a8 8 0 100-16 8 8 0 000 16z" })
+      ]),
+      warning: () => j("svg", {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        class: "size-6 text-yellow-600"
+      }, [
+        j("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 9v2m0 4h.01M10.29 3.86L1.82 17a1 1 0 0 0 .87 1.5h18.62a1 1 0 0 0 .87-1.5L13.71 3.86a1 1 0 0 0-1.42 0z" })
+      ])
+    }, n = e, r = t, s = _(n.modelValue), f = _("");
+    O(
+      () => n.modelValue,
+      (x) => {
+        s.value = x, x === !0 && n.mode === "prompt" && (f.value = "");
+      }
+    );
+    function d(x) {
+      s.value = !1, r("update:modelValue", !1), x === "confirm" && n.mode === "prompt" ? r("confirm", f.value) : r(x);
+    }
+    function p() {
+      d("confirm");
+    }
+    const c = L(() => {
+      switch (n.type) {
+        case "success":
+          return "bg-green-100";
+        case "error":
+          return "bg-red-100";
+        case "info":
+          return "bg-blue-100";
+        case "warning":
+          return "bg-yellow-100";
+        default:
+          return "bg-gray-100";
+      }
+    }), v = L(() => n.type === "warning" ? "bg-orange-600 hover:bg-orange-500" : n.type === "success" ? "bg-green-600 hover:bg-green-500" : n.type === "error" ? "bg-red-600 hover:bg-red-500" : "bg-blue-600 hover:bg-blue-500"), m = L(() => o[n.type || "error"] || o.error), g = L(() => n.title && n.title.trim() !== "" ? n.title : n.type ? n.type.charAt(0).toUpperCase() + n.type.slice(1) : "Notification");
+    return (x, h) => {
+      const C = xe("focus");
+      return i(), H(P, { to: "body" }, [
+        s.value ? (i(), u("div", Xe, [
+          x.mode === "alert" ? (i(), u("div", Ye, [
+            a("div", Je, [
+              a("div", null, [
+                h[4] || (h[4] = a("div", { class: "mx-auto flex size-12 shrink-0 items-center justify-center rounded-full bg-green-100" }, [
+                  a("svg", {
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "1.5",
+                    "aria-hidden": "true",
+                    class: "size-6 text-green-600"
+                  }, [
+                    a("path", {
+                      d: "m4.5 12.75 6 6 9-13.5",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    })
+                  ])
+                ], -1)),
+                a("div", Qe, [
+                  a("h3", et, w(g.value), 1),
+                  a("div", tt, [
+                    a("p", ot, w(x.message), 1)
+                  ])
+                ])
+              ])
+            ]),
+            a("div", lt, [
+              a("button", {
+                type: "button",
+                onClick: h[0] || (h[0] = (y) => d("confirm")),
+                class: "inline-flex min-w-[70px] w-full justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 sm:w-auto"
+              }, w(x.confirmButtonText), 1)
+            ])
+          ])) : (i(), u("div", nt, [
+            a("div", at, [
+              a("div", rt, [
+                a("div", {
+                  class: V(["mx-auto flex size-12 shrink-0 items-center justify-center rounded-full sm:mx-0 sm:size-10", c.value])
+                }, [
+                  (i(), H(te(m.value)))
+                ], 2),
+                a("div", st, [
+                  a("h3", it, w(g.value), 1),
+                  a("div", dt, [
+                    a("p", ut, w(x.message), 1)
+                  ]),
+                  x.mode === "prompt" ? (i(), u("div", ct, [
+                    Z(a("input", {
+                      "onUpdate:modelValue": h[1] || (h[1] = (y) => f.value = y),
+                      placeholder: x.promptPlaceholder,
+                      class: "w-full rounded-md py-1.5 pl-2 text-gray-900 shadow-sm placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6",
+                      onKeyup: J(p, ["enter"]),
+                      type: "text"
+                    }, null, 40, pt), [
+                      [ye, f.value],
+                      [C]
+                    ])
+                  ])) : B("", !0)
+                ])
+              ])
+            ]),
+            a("div", {
+              class: V(["bg-gray-50 px-4 py-3", x.align ? "sm:flex sm:flex-row-reverse sm:px-6 gap-x-2.5" : "sm:flex sm:flex-row sm:px-6 gap-x-2.5"])
+            }, [
+              a("button", {
+                type: "button",
+                onClick: h[2] || (h[2] = (y) => d("confirm")),
+                class: V(["inline-flex w-full justify-center rounded-md px-3 py-2 text-sm font-semibold text-white shadow-xs sm:w-auto", v.value])
+              }, w(x.confirmButtonText), 3),
+              a("button", {
+                type: "button",
+                onClick: h[3] || (h[3] = (y) => d("cancel")),
+                class: "mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto"
+              }, w(x.cancelButtonText), 1)
+            ], 2)
+          ]))
+        ])) : B("", !0)
+      ]);
+    };
+  }
+}), oe = /* @__PURE__ */ z(ft, [["__scopeId", "data-v-46ded130"]]), vt = ["aria-label"], mt = { class: "absolute top-[15px] right-[15px] z-20 flex flex-row gap-2 items-center" }, gt = ["href"], ht = { class: "text-center text-white text-sm absolute bottom-[10px] left-[50%] -translate-x-1/2" }, bt = { class: "relative w-full max-w-[80vw] h-[90vh]" }, xt = { class: "flex items-center justify-center w-full h-full" }, yt = ["src", "alt"], wt = ["src"], kt = ["src"], Ct = {
+  key: 3,
+  class: "flex flex-col items-center justify-center w-full h-full text-white text-center"
+}, _t = { class: "text-sm text-gray-300 mb-4" }, Bt = ["href"], Vt = /* @__PURE__ */ T({
+  __name: "vs-lightbox",
+  props: {
+    modelValue: { type: Boolean },
+    ignoreFormat: { type: Boolean },
+    images: {},
+    startIndex: {},
+    download: { type: Boolean },
+    delete: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:index", "delete"],
+  setup(e, { emit: t }) {
+    const l = e, o = t, n = _(!!l.modelValue), r = _(l.startIndex ?? 0), s = _(!1), f = _("");
+    O(
+      () => l.modelValue,
+      (k) => {
+        n.value = !!k;
+      }
+    ), O(n, (k) => {
+      o("update:modelValue", k);
+    }), O(
+      () => l.startIndex,
+      (k) => {
+        typeof k == "number" && (r.value = k);
+      }
+    );
+    const d = L(() => l.images || []), p = L(() => d.value[r.value] ?? "");
+    function c() {
+      n.value = !1;
+    }
+    function v() {
+      d.value.length <= 1 || (r.value = (r.value - 1 + d.value.length) % d.value.length, o("update:index", r.value));
+    }
+    function m() {
+      d.value.length <= 1 || (r.value = (r.value + 1) % d.value.length, o("update:index", r.value));
+    }
+    function g(k) {
+      n.value && (k.key === "Escape" && c(), k.key === "ArrowLeft" && v(), k.key === "ArrowRight" && m());
+    }
+    function x(k) {
+      return [".png", ".jpg", ".jpeg", ".gif", ".webp", ".svg", ".bmp", ".ico"].some((M) => k.toLowerCase().includes(M));
+    }
+    function h(k) {
+      return [".mp4", ".webm", ".ogg", ".mov", ".avi", ".mkv", ".flv", ".wmv"].some((M) => k.toLowerCase().includes(M));
+    }
+    function C(k) {
+      return k.toLowerCase().includes(".pdf");
+    }
+    function y(k) {
+      return [".txt", ".md", ".html", ".htm", ".css", ".js", ".ts", ".json", ".xml", ".csv", ".log"].some((M) => k.toLowerCase().includes(M));
+    }
+    function E(k) {
+      const M = k.lastIndexOf(".");
+      return M === -1 ? "Unknown file type" : k.substring(M + 1).toUpperCase();
+    }
+    function b(k) {
+      f.value = k, s.value = !0;
+    }
+    function $() {
+      o("delete", f.value), r.value = 0, s.value = !1, n.value = !1;
+    }
+    return N(() => {
+      window.addEventListener("keydown", g);
+    }), G(() => {
+      window.removeEventListener("keydown", g);
+    }), (k, M) => (i(), u(D, null, [
+      S(K, { name: "lightbox-fade" }, {
+        default: q(() => [
+          n.value ? (i(), u("div", {
+            key: 0,
+            class: "fixed inset-0 z-[2000] bg-black/70 flex items-center justify-center",
+            onClick: R(c, ["self"]),
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": `Image ${r.value + 1} of ${d.value.length}`
+          }, [
+            a("div", mt, [
+              l.delete ? (i(), u("button", {
+                key: 0,
+                onClick: M[0] || (M[0] = (le) => b(p.value)),
+                class: "bg-black/50 text-white rounded px-4 py-3 hover:scale-110 transition-all duration-300"
+              }, [
+                S(Re, { class: "w-4 h-4" })
+              ])) : B("", !0),
+              l.download ? (i(), u("a", {
+                key: 1,
+                href: p.value,
+                download: "",
+                class: "bg-black/50 text-white rounded px-4 py-3 hover:scale-110 transition-all duration-300"
+              }, [
+                S(Ne, { class: "w-4 h-4" })
+              ], 8, gt)) : B("", !0),
+              a("button", {
+                class: "bg-black/50 text-white rounded px-4 py-3 hover:scale-110 transition-all duration-300",
+                onClick: c,
+                "aria-label": "Close"
+              }, [
+                S(Ze, { class: "w-4 h-4" })
+              ])
+            ]),
+            d.value.length > 1 ? (i(), u("button", {
+              key: 0,
+              class: "absolute left-[15px] top-1/2 -translate-y-1/2 z-20 bg-black/50 text-white rounded px-4 py-3 hover:scale-110 transition-all duration-300",
+              onClick: R(v, ["stop"]),
+              "aria-label": "Previous"
+            }, [
+              S(ne, { class: "w-4 h-4 rotate-90" })
+            ])) : B("", !0),
+            d.value.length > 1 ? (i(), u("button", {
+              key: 1,
+              class: "absolute right-[15px] top-1/2 -translate-y-1/2 z-20 bg-black/50 text-white rounded px-4 py-3 hover:scale-110 transition-all duration-300",
+              onClick: R(m, ["stop"]),
+              "aria-label": "Next"
+            }, [
+              S(ne, { class: "w-4 h-4 -rotate-90" })
+            ])) : B("", !0),
+            a("div", ht, w(r.value + 1) + " / " + w(d.value.length), 1),
+            a("div", bt, [
+              a("div", xt, [
+                x(p.value) || l.ignoreFormat ? (i(), u("img", {
+                  key: 0,
+                  src: p.value,
+                  alt: `Image ${r.value + 1}`,
+                  class: "max-w-full max-h-full object-contain"
+                }, null, 8, yt)) : h(p.value) ? (i(), u("video", {
+                  key: 1,
+                  src: p.value,
+                  class: "max-w-full max-h-full object-contain",
+                  controls: "",
+                  autoplay: "",
+                  muted: ""
+                }, " Your browser does not support the video tag. ", 8, wt)) : C(p.value) || y(p.value) ? (i(), u("iframe", {
+                  key: 2,
+                  src: p.value,
+                  class: "w-full h-full bg-white"
+                }, null, 8, kt)) : (i(), u("div", Ct, [
+                  M[2] || (M[2] = a("div", { class: "mb-4" }, [
+                    a("svg", {
+                      class: "w-16 h-16 mx-auto text-gray-400",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      a("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+                      })
+                    ])
+                  ], -1)),
+                  M[3] || (M[3] = a("p", { class: "text-lg mb-2" }, "Файл не підтримується для перегляду", -1)),
+                  a("p", _t, w(E(p.value)), 1),
+                  a("a", {
+                    href: p.value,
+                    target: "_blank",
+                    download: "",
+                    class: "bg-blue-500 hover:bg-blue-600 text-white px-6 py-3 rounded-lg transition-colors"
+                  }, " Завантажити файл ", 8, Bt)
+                ]))
+              ])
+            ])
+          ], 8, vt)) : B("", !0)
+        ]),
+        _: 1
+      }),
+      S(oe, {
+        modelValue: s.value,
+        "onUpdate:modelValue": M[1] || (M[1] = (le) => s.value = le),
+        onConfirm: $,
+        title: "Ви впевнені?",
+        message: "Ви впевнені, що хочете видалити цей файл?",
+        confirmButtonText: "Так, я впевнена/ий",
+        cancelButtonText: "Скасувати"
+      }, null, 8, ["modelValue"])
+    ], 64));
+  }
+}), ue = /* @__PURE__ */ z(Vt, [["__scopeId", "data-v-815d1d2d"]]), zt = {
+  key: 0,
+  class: "image-wrapper h-full max-h-[400px]",
+  id: "lightbox-gallery"
+}, Mt = ["onClick"], St = ["src"], jt = {
+  key: 0,
+  class: "thumb-cover"
+}, Tt = /* @__PURE__ */ T({
+  __name: "vs-grid-gallery",
+  props: {
+    images: {},
+    width: {},
+    height: {}
+  },
+  setup(e) {
+    const t = _(!1), l = _(0);
+    function o(r) {
+      return r.map((s) => s.src || s);
+    }
+    const n = _(o(e.images || []));
+    return (r, s) => {
+      var f;
+      return ((f = n.value) == null ? void 0 : f.length) >= 1 ? (i(), u("div", zt, [
+        (i(!0), u(D, null, U(n.value, (d, p) => {
+          var c, v;
+          return i(), u("div", {
+            class: V("h-full w-full image" + p),
+            key: p
+          }, [
+            p < 5 ? (i(), u("a", {
+              key: 0,
+              onClick: (m) => {
+                l.value = p, t.value = !0;
+              },
+              rel: "noreferrer",
+              class: "relative block h-full w-full"
+            }, [
+              a("img", {
+                src: d,
+                alt: "alt",
+                height: "auto",
+                width: "100%",
+                class: V([
+                  "object-cover h-full w-full",
+                  p === 0 ? "max-h-[411px]" : "max-h-[calc((411px-3px)/2)]"
+                ])
+              }, null, 10, St),
+              p === 4 && ((c = n.value) == null ? void 0 : c.length) > 5 ? (i(), u("div", jt, " +" + w(((v = n.value) == null ? void 0 : v.length) - 5), 1)) : B("", !0)
+            ], 8, Mt)) : B("", !0)
+          ], 2);
+        }), 128)),
+        S(ue, {
+          modelValue: t.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (d) => t.value = d),
+          images: n.value.map((d) => d),
+          ignoreFormat: !0,
+          startIndex: l.value,
+          "onUpdate:index": s[1] || (s[1] = (d) => l.value = d)
+        }, null, 8, ["modelValue", "images", "startIndex"])
+      ])) : B("", !0);
+    };
+  }
+}), Lt = {}, Et = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  "stroke-width": "1.5",
+  stroke: "currentColor",
+  class: "size-6 text-green-600"
+};
+function $t(e, t) {
+  return i(), u("svg", Et, t[0] || (t[0] = [
+    a("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+    }, null, -1)
+  ]));
+}
+const It = /* @__PURE__ */ z(Lt, [["render", $t]]), Ht = {}, Ot = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  "stroke-width": "1.5",
+  stroke: "orange",
+  class: "size-6 text-orange-600"
+};
+function Nt(e, t) {
+  return i(), u("svg", Ot, t[0] || (t[0] = [
+    a("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M12 9v3m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+    }, null, -1)
+  ]));
+}
+const Dt = /* @__PURE__ */ z(Ht, [["render", Nt]]), Pt = {}, At = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  "stroke-width": "1.5",
+  stroke: "currentColor",
+  class: "size-6 text-blue-600"
+};
+function Rt(e, t) {
+  return i(), u("svg", At, t[0] || (t[0] = [
+    a("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"
+    }, null, -1)
+  ]));
+}
+const Ut = /* @__PURE__ */ z(Pt, [["render", Rt]]), Kt = {}, qt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  "stroke-width": "1.5",
+  stroke: "red",
+  class: "size-6 text-red-600"
+};
+function Ft(e, t) {
+  return i(), u("svg", qt, t[0] || (t[0] = [
+    a("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M6 18L18 6M6 6l12 12"
+    }, null, -1)
+  ]));
+}
+const Wt = /* @__PURE__ */ z(Kt, [["render", Ft]]), Gt = { class: "rounded-md border border-gray-300 bg-white p-4 shadow-sm" }, Zt = { class: "flex items-start gap-4 opacity-100 scale-5 transition-all duration-300" }, Xt = { class: "flex-1" }, Yt = { class: "font-medium text-gray-900" }, Jt = { class: "mt-0.5 text-sm text-gray-700" }, ce = /* @__PURE__ */ T({
+  __name: "vs-notify",
+  props: {
+    type: {},
+    title: {},
+    message: {}
+  },
+  setup(e) {
+    const t = {
+      success: It,
+      warning: Dt,
+      error: Wt,
+      info: Ut
+    };
+    return (l, o) => (i(), u("div", Gt, [
+      a("div", Zt, [
+        (i(), H(te(t[l.type]))),
+        a("div", Xt, [
+          a("strong", Yt, w(l.title), 1),
+          a("p", Jt, w(l.message), 1)
+        ]),
+        o[0] || (o[0] = a("button", {
+          class: "m-3 rounded-full p-1.5 text-gray-500 transition-colors hover:bg-gray-50 hover:text-gray-700",
+          type: "button",
+          "aria-label": "Dismiss notify"
+        }, [
+          a("span", { class: "sr-only" }, "Dismiss popup"),
+          a("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            "stroke-width": "1.5",
+            stroke: "currentColor",
+            class: "size-5"
+          }, [
+            a("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              d: "M6 18L18 6M6 6l12 12"
+            })
+          ])
+        ], -1))
+      ])
+    ]));
+  }
+}), F = {
+  top: "top-4 left-1/2 transform -translate-x-1/2",
+  "left-bottom": "bottom-4 left-4 transform",
+  "right-bottom": "bottom-4 right-4 transform",
+  bottom: "bottom-4 left-1/2 transform -translate-x-1/2"
+}, pe = (e) => {
+  var d;
+  const {
+    type: t = "info",
+    title: l,
+    message: o,
+    position: n = "right-bottom"
+  } = e || {};
+  let r = document.querySelector("#notify-root");
+  r || (r = document.createElement("div"), r.id = "notify-root", r.className = `fixed z-[2000] flex flex-col gap-3 ${F[n]} p-6 max-w-md mx-auto font-sans antialiased`, document.body.appendChild(r)), r.className.includes(F[n]) || (Object.values(F).forEach((p) => {
+    r.classList.remove(...p.split(" "));
+  }), r.classList.add(...F[n].split(" ")));
+  const s = document.createElement("div");
+  r.appendChild(s);
+  const f = W({
+    render() {
+      return j(ce, {
+        type: t,
+        title: l,
+        message: o,
+        onClose: () => {
+          f.unmount(), s.remove();
+        }
+      });
+    }
+  });
+  f.mount(s), (d = s.querySelector("button")) == null || d.addEventListener("click", () => {
+    s.classList.add("opacity-0", "scale-95", "transition-all", "duration-300"), setTimeout(() => {
+      f.unmount(), s.remove();
+    }, 350);
+  }), setTimeout(() => {
+    s.classList.add("opacity-0", "scale-95", "transition-all", "duration-300"), setTimeout(() => {
+      f.unmount(), s.remove();
+    }, 350);
+  }, 3500);
+}, Qt = T({
+  name: "Copy",
+  props: {
+    text: { type: String, default: "" },
+    width: { type: [String, Number], default: null },
+    notify: { type: Boolean, default: !0 },
+    notifyOptions: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["copied", "copy-error"],
+  data() {
+    return {
+      slotText: ""
+    };
+  },
+  computed: {
+    rootClasses() {
+      return [
+        "vs-copy inline-flex items-center gap-2 cursor-pointer select-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500"
+      ];
+    },
+    containerStyle() {
+      return !this.width && this.width !== 0 ? {} : {
+        width: typeof this.width == "number" ? `${this.width}px` : this.width.trim()
+      };
+    },
+    displayText() {
+      return this.text || this.slotText;
+    }
+  },
+  mounted() {
+    this.updateSlotText();
+  },
+  updated() {
+    this.updateSlotText();
+  },
+  methods: {
+    updateSlotText() {
+      var t, l;
+      const e = ((l = (t = this.$refs.text) == null ? void 0 : t.textContent) == null ? void 0 : l.trim()) || "";
+      e !== this.slotText && (this.slotText = e);
+    },
+    async handleCopy() {
+      const e = this.displayText;
+      if (e)
+        try {
+          await this.copyToClipboard(e), this.$emit("copied", e), this.showNotify(e);
+        } catch (t) {
+          this.$emit("copy-error", t);
+        }
+    },
+    async copyToClipboard(e) {
+      var l;
+      if ((l = navigator.clipboard) != null && l.writeText) {
+        await navigator.clipboard.writeText(e);
+        return;
+      }
+      const t = document.createElement("textarea");
+      t.value = e, t.setAttribute("readonly", ""), t.style.position = "absolute", t.style.left = "-9999px", document.body.appendChild(t), t.select();
+      try {
+        if (!document.execCommand("copy"))
+          throw new Error("Copy command was unsuccessful");
+      } finally {
+        document.body.removeChild(t);
+      }
+    },
+    showNotify(e) {
+      var l, o, n, r;
+      if (!this.notify)
+        return;
+      const t = {
+        type: ((l = this.notifyOptions) == null ? void 0 : l.type) ?? "success",
+        title: ((o = this.notifyOptions) == null ? void 0 : o.title) ?? "Copied",
+        message: ((n = this.notifyOptions) == null ? void 0 : n.message) ?? e,
+        position: (r = this.notifyOptions) == null ? void 0 : r.position
+      };
+      pe(t);
+    }
+  }
+}), eo = ["title"];
+function to(e, t, l, o, n, r) {
+  return i(), u("span", {
+    ref: "root",
+    class: V(e.rootClasses),
+    role: "button",
+    tabindex: "0",
+    style: X(e.containerStyle),
+    onClick: t[0] || (t[0] = (...s) => e.handleCopy && e.handleCopy(...s)),
+    onKeydown: [
+      t[1] || (t[1] = J(R((...s) => e.handleCopy && e.handleCopy(...s), ["prevent"]), ["enter"])),
+      t[2] || (t[2] = J(R((...s) => e.handleCopy && e.handleCopy(...s), ["prevent"]), ["space"]))
+    ]
+  }, [
+    a("span", {
+      ref: "text",
+      class: "vs-copy__text truncate min-w-0 flex-1",
+      title: e.displayText
+    }, [
+      I(e.$slots, "default")
+    ], 8, eo),
+    t[3] || (t[3] = a("span", {
+      class: "vs-copy__icon flex-none inline-flex text-current",
+      "aria-hidden": "true"
+    }, [
+      a("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "16",
+        height: "16",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, [
+        a("rect", {
+          x: "9",
+          y: "9",
+          width: "13",
+          height: "13",
+          rx: "2",
+          ry: "2"
+        }),
+        a("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+      ])
+    ], -1))
+  ], 38);
+}
+const ae = /* @__PURE__ */ z(Qt, [["render", to]]), oo = T({
+  props: {
+    modelValue: { type: Boolean, default: () => !1 },
+    title: { type: String, default: () => "" },
+    disabled: { type: Boolean, default: () => !1 }
+  },
+  data() {
+    return {};
+  },
+  mounted() {
+    this.modelValue || this.$emit("update:modelValue", !1);
+  },
+  computed: {
+    modelState: {
+      get() {
+        return this.modelValue;
+      },
+      set(e) {
+        this.$emit("update:modelValue", e);
+      }
+    },
+    labelCursorClasses() {
+      return [
+        { "cursor-not-allowed": this.disabled },
+        { "cursor-pointer": !this.disabled }
+      ];
+    }
+  },
+  methods: {
+    handleEnterDown(e) {
+      const { keyCode: t } = e;
+      t === 13 && (this.modelState = !this.modelState);
+    },
+    addKeyHandler() {
+      window.addEventListener("keydown", this.handleEnterDown);
+    },
+    removeKeyHandler() {
+      window.removeEventListener("keydown", this.handleEnterDown);
+    }
+  }
+}), lo = ["disabled"], no = { class: "ml-2 text-sm" };
+function ao(e, t, l, o, n, r) {
+  return i(), u("label", {
+    class: V(["relative inline-flex items-center cursor-pointer min-h-[40px] relative", e.labelCursorClasses])
+  }, [
+    Z(a("input", {
+      "onUpdate:modelValue": t[0] || (t[0] = (s) => e.modelState = s),
+      type: "checkbox",
+      value: "",
+      class: "sr-only peer",
+      disabled: e.disabled,
+      tabindex: "-1"
+    }, null, 8, lo), [
+      [ke, e.modelState]
+    ]),
+    a("div", {
+      class: "w-11 h-6 t-[12px] bg-gray-200 transition-all rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[10px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600 outline-none focus:border dark:bg-transparent dark:border-gray-600 focus:border-blue-500",
+      tabindex: "0",
+      onFocus: t[1] || (t[1] = (...s) => e.addKeyHandler && e.addKeyHandler(...s)),
+      onBlur: t[2] || (t[2] = (...s) => e.removeKeyHandler && e.removeKeyHandler(...s))
+    }, null, 32),
+    a("span", no, [
+      I(e.$slots, "default", {}, () => [
+        Q(w(e.title), 1)
+      ])
+    ])
+  ], 2);
+}
+const ro = /* @__PURE__ */ z(oo, [["render", ao]]), A = async (e, t, l, o = 10) => {
+  var h, C, y, E;
+  if (!t || !l) return;
+  await we();
+  const n = await (l == null ? void 0 : l.getBoundingClientRect()), r = await (t == null ? void 0 : t.getBoundingClientRect());
+  if (!r || !n) return;
+  const s = await parseInt((h = t == null ? void 0 : t.getBoundingClientRect()) == null ? void 0 : h.height), f = await parseInt((C = t == null ? void 0 : t.getBoundingClientRect()) == null ? void 0 : C.width), d = await parseInt((y = l == null ? void 0 : l.getBoundingClientRect()) == null ? void 0 : y.height), p = await parseInt((E = l == null ? void 0 : l.getBoundingClientRect()) == null ? void 0 : E.width), c = await window.innerHeight, v = await window.innerWidth;
+  let m = 0, g = 0;
+  const x = r.bottom + o + d;
+  switch (e) {
+    case "top":
+      r.top - n.height - o < 0 ? m = r.top - n.height + o + d + s : m = r.top - n.height - o, v > p + r.right + 30 ? g = r.left - n.width / 2 + r.width / 2 : g = v - 30 - p;
+      break;
+    case "bottom":
+      c > x ? m = r.bottom + o : m = r.bottom - o - d - s, g = r.left - n.width / 2 + r.width / 2;
+      break;
+    case "left":
+      m = r.top - n.height / 2 + r.height / 2, r.left - n.width - o > 0 ? g = r.left - n.width - o : g = 10;
+      break;
+    case "right":
+      m = r.top - n.height / 2 + r.height / 2, v - f > p ? g = r.right + o : g = v - 30 - p;
+      break;
+    case "top-right":
+      r.top - n.height - o < 0 ? m = r.top - n.height + o + d + s : m = r.top - n.height - o, v - f > p ? g = r.right + o : g = v - 30 - p;
+      break;
+    case "top-left":
+      r.top - n.height - o < 0 ? m = r.top - n.height + o + d + s : m = r.top - n.height - o, r.left - n.width - o > 0 ? g = r.left - n.width - o : g = 10;
+      break;
+    case "top-start":
+      r.top - n.height - o < 0 ? m = r.top - n.height + o + d + s : m = r.top - n.height - o, r.left > 0 ? g = r.left : g = 10;
+      break;
+    case "bottom-right":
+      c > x ? m = r.bottom + o : m = r.bottom - o - d - s, v - f > p ? g = r.left : g = v - 30 - p;
+      break;
+    case "bottom-left":
+      c > x ? m = r.bottom + o : m = r.bottom - o - d - s, r.left > 0 ? g = r.right - p : g = 10;
+      break;
+    case "bottom-start":
+      c > x ? m = r.bottom + o : m = r.bottom - o - d - s, r.left > 0 ? g = r.left : g = 10;
+      break;
+  }
+  m + d > c ? m = c - d - o : m < 0 && (m = o), g + p > v ? g = v - p - o : g < 0 && (g = o), l instanceof HTMLElement && (l.style.top = `${m}px`, l.style.left = `${g}px`, l.style.position = "fixed");
+}, so = { class: "text-center" }, io = { class: "py-2 px-4 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, uo = /* @__PURE__ */ T({
+  __name: "vs-popover",
+  props: {
+    isOpen: { type: Boolean, default: !1 },
+    placement: { default: "top" },
+    gap: { default: 8 },
+    width: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    teleport: { default: "body" }
+  },
+  emits: ["isvisible"],
+  setup(e, { expose: t, emit: l }) {
+    const o = e, n = l, r = _(!1), s = _([]), f = _(null), d = _(null), p = _(null), c = (b) => {
+      var $, k;
+      if (!b) {
+        r.value = !1;
+        return;
+      }
+      ($ = d.value) != null && $.contains(b.target) || (k = p.value) != null && k.contains(b.target) || (r.value = !1);
+    }, v = (b) => {
+      r.value && p.value && !p.value.contains(b.target) && (r.value = !1);
+    }, m = () => {
+      r.value = !1;
+    }, g = () => {
+      r.value && (r.value = !1);
+    }, x = () => {
+      let b = f.value;
+      for (; b && b !== document.body; )
+        (b.scrollHeight > b.clientHeight || b.scrollWidth > b.clientWidth) && (b.addEventListener("scroll", m), s.value.push(b)), b = b.parentElement;
+      document.body && (document.body.addEventListener("scroll", m), s.value.push(document.body));
+    }, h = () => {
+      s.value.forEach((b) => {
+        b.removeEventListener("scroll", m);
+      }), s.value = [];
+    };
+    O(r, (b) => {
+      b ? (x(), window.addEventListener("resize", () => A(o.placement, d.value, p.value)), A(o.placement, d.value, p.value)) : window.removeEventListener("resize", () => A(o.placement, d.value, p.value)), n("isvisible", b);
+    }), N(() => {
+      window.addEventListener("click", c), window.addEventListener("popstate", g), window.addEventListener("scroll", v, !0), x();
+    }), G(() => {
+      window.removeEventListener("click", c), window.removeEventListener("popstate", g), h();
+    });
+    const C = () => {
+      r.value = !0, A(o.placement, d.value, p.value);
+    }, y = () => {
+      r.value = !1;
+    }, E = async () => {
+      await A(o.placement, d.value, p.value), r.value = !r.value;
+    };
+    return t({
+      togglePopover: E
+    }), (b, $) => (i(), u("div", {
+      ref_key: "popover",
+      ref: f,
+      class: "vs-popover inline-block"
+    }, [
+      a("div", so, [
+        b.trigger === "click" ? (i(), u("div", {
+          key: 0,
+          ref_key: "popoverRef",
+          ref: d,
+          onClick: E,
+          class: V({ "pointer-events-none": b.disabled })
+        }, [
+          I(b.$slots, "reference", {}, () => [
+            $[0] || ($[0] = a("button", null, "Click me!", -1))
+          ])
+        ], 2)) : B("", !0),
+        b.trigger === "hover" ? (i(), u("div", {
+          key: 1,
+          ref_key: "popoverRef",
+          ref: d,
+          onMouseover: C,
+          onMouseleave: y,
+          class: V({ "pointer-events-none": b.disabled })
+        }, [
+          I(b.$slots, "reference", {}, () => [
+            $[1] || ($[1] = a("button", null, "Click me!", -1))
+          ])
+        ], 34)) : B("", !0),
+        (i(), H(P, { to: b.teleport }, [
+          S(K, { name: "fade" }, {
+            default: q(() => [
+              Z(a("div", {
+                class: V(["vsTailwind vs-popover__content", b.placement]),
+                ref_key: "contentPop",
+                ref: p,
+                style: X({
+                  width: b.width ? b.width + "px" : "fit-content",
+                  zIndex: 10002
+                })
+              }, [
+                a("div", io, [
+                  I(b.$slots, "default", {}, () => [
+                    $[2] || ($[2] = a("span", null, "Popover content", -1))
+                  ])
+                ])
+              ], 6), [
+                [ie, r.value]
+              ])
+            ]),
+            _: 3
+          })
+        ], 8, ["to"]))
+      ])
+    ], 512));
+  }
+}), co = {
+  key: 0,
+  class: "vsTailwind ui-dialog__wrapper text-gray-800"
+}, po = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, fo = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, vo = { class: "ui-dialog__content p-4" }, mo = {
+  key: 0,
+  class: "flex justify-end gap-x-2"
+}, go = {
+  key: 1,
+  class: "flex justify-end items-center gap-x-2 py-3 px-4 border-t border-gray-200 dark:border-neutral-700"
+}, ho = /* @__PURE__ */ T({
+  __name: "vs-modal",
+  props: {
+    title: { default: "" },
+    template: {},
+    visible: { type: Boolean, default: !1 },
+    size: { default: "small" },
+    closeClickBack: { type: Boolean, default: !1 },
+    content: {},
+    buttonText: {},
+    contentProps: {},
+    teleport: { default: "body" }
+  },
+  emits: ["update:visible", "close", "done"],
+  setup(e, { emit: t }) {
+    const l = e, o = t, n = L(() => l.size === "small" ? "md:w-5/12 w-9/12" : l.size === "medium" ? "md:w-6/12 w-9/12" : "lg:w-7/12 w-11/12"), r = _e();
+    function s() {
+      o("done");
+    }
+    function f() {
+      o("update:visible", !1), o("close");
+    }
+    function d(c) {
+      c.key === "Escape" && f();
+    }
+    function p(c, v) {
+      v && c.target.classList.contains("vs-dialog-overlay") && f();
+    }
+    return N(() => {
+      window.addEventListener("keydown", d);
+    }), de(() => {
+      window.removeEventListener("keydown", d);
+    }), (c, v) => (i(), H(P, { to: c.teleport }, [
+      c.visible ? (i(), u("div", co, [
+        a("div", {
+          onMousedown: v[0] || (v[0] = (m) => p(m, c.closeClickBack)),
+          class: V(["vs-dialog-overlay vs-dialog w-full h-full fixed top-0 start-0 bg-black bg-opacity-50", [Be(r).class]])
+        }, [
+          S(K, {
+            name: "content",
+            appear: ""
+          }, {
+            default: q(() => [
+              a("div", {
+                class: V(["ui-dialog__modal opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl", n.value])
+              }, [
+                a("div", po, [
+                  a("h3", fo, w(c.title), 1),
+                  a("button", {
+                    type: "button",
+                    class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600",
+                    onClick: f
+                  }, v[1] || (v[1] = [
+                    a("span", { class: "sr-only" }, "Close", -1),
+                    a("svg", {
+                      class: "flex-shrink-0 w-4 h-4",
+                      xmlns: "http://www.w3.org/2000/svg",
+                      width: "24",
+                      height: "24",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }, [
+                      a("path", { d: "M18 6 6 18" }),
+                      a("path", { d: "m6 6 12 12" })
+                    ], -1)
+                  ]))
+                ]),
+                a("div", vo, [
+                  I(c.$slots, "default", {}, void 0, !0)
+                ]),
+                c.$slots.footer ? (i(), u("div", mo, [
+                  I(c.$slots, "footer", { handleClose: f }, void 0, !0)
+                ])) : B("", !0),
+                c.buttonText ? (i(), u("div", go, [
+                  a("button", {
+                    type: "button",
+                    class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
+                    onClick: f
+                  }, " Close "),
+                  a("button", {
+                    type: "button",
+                    onClick: s,
+                    class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 focus:outline-hidden focus:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none"
+                  }, w(c.buttonText), 1)
+                ])) : B("", !0)
+              ], 2)
+            ]),
+            _: 3
+          })
+        ], 34)
+      ])) : B("", !0)
+    ], 8, ["to"]));
+  }
+}), ee = /* @__PURE__ */ z(ho, [["__scopeId", "data-v-670eae4f"]]), bo = {
+  key: 0,
+  class: "vsTailwind ui-drawer__wrapper"
+}, xo = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, yo = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, wo = { class: "flex gap-2" }, ko = { class: "sr-only" }, Co = {
+  key: 0,
+  class: "flex-shrink-0 w-4 h-4",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, _o = {
+  key: 1,
+  class: "flex-shrink-0 w-4 h-4",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, Bo = { class: "ui-drawer__content p-4 flex-1 overflow-auto" }, Vo = {
+  key: 0,
+  class: "flex justify-end gap-x-2 p-4 border-0 border-t border-solid border-gray-200 dark:border-t-[#454545]"
+}, zo = /* @__PURE__ */ T({
+  __name: "vs-drawer",
+  props: {
+    title: { default: "" },
+    visible: { type: Boolean, default: !1 },
+    position: { default: "right" },
+    size: { default: "500px" },
+    closeClickBack: { type: Boolean, default: !1 }
+  },
+  emits: ["update:visible", "close"],
+  setup(e, { emit: t }) {
+    const l = e, o = t, n = _(!1), r = L(() => n.value ? "fixed top-0 left-0 w-full h-full" : l.position === "left" ? "fixed top-0 left-0 h-full" : l.position === "right" ? "fixed top-0 right-0 h-full" : l.position === "top" ? "fixed top-0 left-0 w-full" : "fixed bottom-0 left-0 w-full");
+    function s() {
+      o("update:visible", !1), o("close");
+    }
+    function f() {
+      n.value = !n.value;
+    }
+    function d(c) {
+      c.key === "Escape" && s();
+    }
+    function p(c, v) {
+      v && c.target.classList.contains("vs-drawer-overlay") && s();
+    }
+    return N(() => {
+      window.addEventListener("keydown", d);
+    }), de(() => {
+      window.removeEventListener("keydown", d);
+    }), (c, v) => (i(), H(P, { to: "#modal" }, [
+      c.visible ? (i(), u("div", bo, [
+        a("div", {
+          onMousedown: v[0] || (v[0] = (m) => p(m, c.closeClickBack)),
+          class: "vs-drawer-overlay vs-drawer w-full h-full fixed top-0 start-0 bg-black bg-opacity-50"
+        }, [
+          S(K, {
+            name: "drawer",
+            appear: ""
+          }, {
+            default: q(() => [
+              a("div", {
+                class: V(["ui-drawer__drawer opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)]", [r.value, n.value ? "w-full" : `w-[${l.size}]`, `drawer-${l.position}`]])
+              }, [
+                a("div", xo, [
+                  a("h3", yo, w(c.title), 1),
+                  a("div", wo, [
+                    a("button", {
+                      type: "button",
+                      class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600",
+                      onClick: f
+                    }, [
+                      a("span", ko, w(n.value ? "Exit fullscreen" : "Enter fullscreen"), 1),
+                      n.value ? (i(), u("svg", _o, v[2] || (v[2] = [
+                        a("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }, null, -1)
+                      ]))) : (i(), u("svg", Co, v[1] || (v[1] = [
+                        a("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }, null, -1)
+                      ])))
+                    ]),
+                    a("button", {
+                      type: "button",
+                      class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600",
+                      onClick: s
+                    }, v[3] || (v[3] = [
+                      a("span", { class: "sr-only" }, "Close", -1),
+                      a("svg", {
+                        class: "flex-shrink-0 w-4 h-4",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "24",
+                        height: "24",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, [
+                        a("path", { d: "M18 6 6 18" }),
+                        a("path", { d: "m6 6 12 12" })
+                      ], -1)
+                    ]))
+                  ])
+                ]),
+                a("div", Bo, [
+                  I(c.$slots, "default", {}, void 0, !0)
+                ]),
+                c.$slots.footer ? (i(), u("div", Vo, [
+                  I(c.$slots, "footer", { handleClose: s }, void 0, !0)
+                ])) : B("", !0)
+              ], 2)
+            ]),
+            _: 3
+          })
+        ], 32)
+      ])) : B("", !0)
+    ]));
+  }
+}), Mo = /* @__PURE__ */ z(zo, [["__scopeId", "data-v-7a0e7f2b"]]), So = {
+  key: 0,
+  class: "vsTailwind ui-dialog__wrapper"
+}, jo = { class: "vs-dialog-overlay vs-dialog w-full h-full fixed top-0 start-0 z-[2000] bg-black bg-opacity-50" }, To = { class: "ui-dialog__modal opacity-1 w-[448px] transition-all flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl" }, Lo = { class: "py-2.5 px-4 flex justify-between items-center border-gray-200 dark:border-b-[#454545]" }, Eo = { class: "text-lg font-medium text-gray-800 dark:text-neutral-200" }, $o = { class: "ui-dialog__content p-4 py-0" }, Io = { class: "mt-1 text-sm text-gray-600 dark:text-neutral-400" }, Ho = {
+  key: 0,
+  class: "p-[16px] flex justify-end gap-x-3"
+}, Oo = {
+  key: 1,
+  class: "flex p-[16px] justify-end gap-x-3"
+}, No = /* @__PURE__ */ T({
+  __name: "vs-confirm-modal",
+  props: {
+    title: { default: "Ви впевнені?" },
+    message: { default: "Ви дійсно хочете?" },
+    confirmButtonText: { default: "Так" },
+    cancelButtonText: { default: "НІ" },
+    confirmButtonStyle: { default: " bg-red-500 hover:bg-red-700" },
+    cancelButtonStyle: { default: " border border-gray-200 bg-white  hover:bg-gray-100" },
+    cascade: { type: Boolean, default: !1 },
+    modelValue: { type: Boolean }
+  },
+  emits: ["confirm", "cancel", "update:modelValue"],
+  setup(e) {
+    const t = e, l = _(t.modelValue);
+    return O(() => t.modelValue, (o) => {
+      l.value = o;
+    }), (o, n) => (i(), H(P, { to: "body" }, [
+      l.value ? (i(), u("div", So, [
+        a("div", jo, [
+          a("div", To, [
+            a("div", Lo, [
+              a("h3", Eo, w(o.title), 1),
+              a("button", {
+                type: "button",
+                class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600",
+                onClick: n[0] || (n[0] = (r) => o.$emit("cancel"))
+              }, n[5] || (n[5] = [
+                a("span", { class: "sr-only" }, "Close", -1),
+                a("svg", {
+                  class: "flex-shrink-0 w-4 h-4",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "24",
+                  height: "24",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  a("path", { d: "M18 6 6 18" }),
+                  a("path", { d: "m6 6 12 12" })
+                ], -1)
+              ]))
+            ]),
+            a("div", $o, [
+              a("p", Io, w(o.message), 1)
+            ]),
+            o.cascade ? (i(), u("div", Ho, [
+              a("button", {
+                type: "button",
+                class: V([[o.cancelButtonStyle], "py-2 px-3 inline-flex items-center gap-x-2 text-xs font-medium rounded-lg duration-300 disabled:opacity-50 disabled:pointer-events-none"]),
+                onClick: n[1] || (n[1] = (r) => o.$emit("cancel"))
+              }, w(o.cancelButtonText), 3),
+              a("button", {
+                type: "button",
+                onClick: n[2] || (n[2] = (r) => o.$emit("confirm")),
+                class: V([[o.confirmButtonStyle], "py-2 px-3 inline-flex items-center gap-x-2 text-xs font-medium rounded-lg duration-300 text-white shadow-sm disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50"])
+              }, w(o.confirmButtonText), 3)
+            ])) : (i(), u("div", Oo, [
+              a("button", {
+                type: "button",
+                onClick: n[3] || (n[3] = (r) => {
+                  l.value = !1, o.$emit("update:modelValue", !1), o.$emit("confirm");
+                }),
+                class: V([[o.confirmButtonStyle], "py-2 px-3 inline-flex items-center gap-x-2 text-xs font-medium rounded-lg duration-300 text-white shadow-sm disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50"])
+              }, w(o.confirmButtonText), 3),
+              a("button", {
+                type: "button",
+                class: V([[o.cancelButtonStyle], "py-2 px-3 inline-flex items-center gap-x-2 text-xs font-medium rounded-lg duration-300 disabled:opacity-50 disabled:pointer-events-none"]),
+                onClick: n[4] || (n[4] = (r) => {
+                  l.value = !1, o.$emit("update:modelValue", !1), o.$emit("cancel");
+                })
+              }, w(o.cancelButtonText), 3)
+            ]))
+          ])
+        ])
+      ])) : B("", !0)
+    ]));
+  }
+}), Do = /* @__PURE__ */ z(No, [["__scopeId", "data-v-fa9b5c2d"]]), Po = {
+  key: 0,
+  class: "loading-overlay"
+}, Ao = /* @__PURE__ */ T({
+  __name: "vs-loading",
+  props: {
+    visible: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, l = _(t.visible);
+    return O(() => t.visible, (o) => {
+      l.value = o;
+    }), (o, n) => (i(), H(P, { to: "body" }, [
+      S(K, { name: "fade" }, {
+        default: q(() => [
+          l.value ? (i(), u("div", Po, n[0] || (n[0] = [
+            a("div", { class: "loading-spinner" }, null, -1)
+          ]))) : B("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), fe = /* @__PURE__ */ z(Ao, [["__scopeId", "data-v-2afca876"]]), Ro = {}, Uo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "size-4",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+};
+function Ko(e, t) {
+  return i(), u("svg", Uo, t[0] || (t[0] = [
+    a("path", {
+      "fill-rule": "evenodd",
+      d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ]));
+}
+const ve = /* @__PURE__ */ z(Ro, [["render", Ko]]), qo = {}, Fo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "size-4",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+};
+function Wo(e, t) {
+  return i(), u("svg", Fo, t[0] || (t[0] = [
+    a("path", {
+      "fill-rule": "evenodd",
+      d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ]));
+}
+const me = /* @__PURE__ */ z(qo, [["render", Wo]]), Go = {}, Zo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down",
+  height: "16",
+  width: "16"
+};
+function Xo(e, t) {
+  return i(), u("svg", Zo, t[0] || (t[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
+}
+const Yo = /* @__PURE__ */ z(Go, [["render", Xo]]), Jo = {}, Qo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-check text-blue-600",
+  width: "14",
+  height: "14"
+};
+function el(e, t) {
+  return i(), u("svg", Qo, t[0] || (t[0] = [
+    a("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    a("path", { d: "M5 12l5 5l10 -10" }, null, -1)
+  ]));
+}
+const tl = /* @__PURE__ */ z(Jo, [["render", el]]), ol = { class: "flex items-center justify-between w-full" }, ll = { class: "m-0 flex list-none justify-center gap-1 p-0 text-gray-900" }, nl = ["onClick"], al = { key: 1 }, rl = { for: "Page" }, sl = ["value", "max"], il = {
+  key: 2,
+  class: "text-sm/8 font-medium tracking-widest"
+}, dl = {
+  key: 0,
+  class: "flex justify-center items-center gap-x-5 ml-3"
+}, ul = {
+  class: "hs-dropdown-menu z-50 bg-white shadow-md rounded-lg p-1 space-y-0.5 dark:bg-neutral-800 dark:border dark:border-neutral-700 right-0 dark:divide-neutral-700 absolute bottom-[100%]",
+  role: "menu",
+  "aria-orientation": "vertical",
+  "aria-labelledby": "dropdown-button"
+}, cl = ["onClick"], pl = /* @__PURE__ */ T({
+  __name: "vs-pagination",
+  props: {
+    pageSize: {},
+    page: {},
+    total: {},
+    view: { default: "button" },
+    pageSizes: { default: () => [10, 20, 30] },
+    showPageSizes: { type: Boolean, default: !0 },
+    pageRange: { default: 7 },
+    size: { default: 7 },
+    color: { default: "teal" }
+  },
+  emits: ["update:page", "pageChange", "pageSizeChange"],
+  setup(e, { emit: t }) {
+    const l = e, o = t, n = _(l.page), r = L(() => Math.ceil(l.total / l.pageSize)), s = L(() => {
+      const h = Math.floor(l.pageRange / 2);
+      let C = n.value - h, y = n.value + h;
+      C < 1 && (y += 1 - C, C = 1), y > r.value && (C -= y - r.value, y = r.value), C = Math.max(1, C);
+      const E = [];
+      for (let b = C; b <= y; b += 1)
+        E.push(b);
+      return E;
+    }), f = (h) => {
+      n.value = h, o("update:page", h), o("pageChange", h);
+    }, d = () => {
+      n.value > 1 && f(n.value - 1);
+    }, p = () => {
+      n.value < r.value && f(n.value + 1);
+    };
+    O(() => l.page, (h) => {
+      n.value = h;
+    });
+    const c = _(l.pageSize), v = _(!1), m = _(null);
+    O(() => l.pageSize, (h) => {
+      c.value = h;
+    });
+    const g = (h = c.value) => {
+      c.value = h, v.value = !1, n.value = 1, o("update:page", n.value), o("pageSizeChange", c.value);
+    }, x = (h) => {
+      if (!v.value) return;
+      const C = h.target;
+      m.value && C && !m.value.contains(C) && (v.value = !1);
+    };
+    return N(() => {
+      document.addEventListener("click", x);
+    }), G(() => {
+      document.removeEventListener("click", x);
+    }), (h, C) => (i(), u("div", ol, [
+      a("ul", ll, [
+        a("li", null, [
+          a("button", {
+            class: V(["grid size-7 cursor-pointer place-content-center rounded border border-gray-200 transition-colors hover:bg-gray-50 rtl:rotate-180", { "opacity-50 pointer-events-none": n.value === 1 }]),
+            "aria-label": "Previous page",
+            onClick: d
+          }, [
+            S(ve)
+          ], 2)
+        ]),
+        h.view === "button" ? (i(!0), u(D, { key: 0 }, U(s.value, (y) => (i(), u("li", {
+          key: y,
+          class: V([[
+            `size-${l.size} text-sm/${l.size} px-1.5`,
+            y === n.value && h.color ? `bg-[${h.color}]` : "",
+            y === n.value ? `block rounded border border-${h.color}-600 text-center font-medium text-white` : "block rounded border border-gray-200 text-center  font-medium transition-colors hover:bg-gray-50"
+          ], "cursor-pointer"]),
+          onClick: (E) => f(y)
+        }, w(y), 11, nl))), 128)) : h.view === "input" ? (i(), u("li", al, [
+          a("label", rl, [
+            C[2] || (C[2] = a("span", { class: "sr-only" }, " Page ", -1)),
+            a("input", {
+              type: "number",
+              id: "Page",
+              value: n.value,
+              min: "1",
+              max: r.value,
+              onInput: C[0] || (C[0] = (y) => f(Number(y))),
+              class: "pagination-input block h-8 w-16 rounded border border-gray-300 px-3 py-2 text-base leading-6 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
+            }, null, 40, sl)
+          ])
+        ])) : h.view === "xy" ? (i(), u("li", il, w(n.value) + "/" + w(r.value), 1)) : B("", !0),
+        a("li", null, [
+          a("button", {
+            onClick: p,
+            class: V(["grid size-7 cursor-pointer place-content-center rounded border border-gray-200 transition-colors hover:bg-gray-50 rtl:rotate-180", { "opacity-50 pointer-events-none": n.value === r.value }]),
+            "aria-label": "Next page"
+          }, [
+            S(me)
+          ], 2)
+        ])
+      ]),
+      h.showPageSizes ? (i(), u("div", dl, [
+        a("div", {
+          class: "relative",
+          ref_key: "dropdownRef",
+          ref: m
+        }, [
+          Z(a("div", ul, [
+            (i(!0), u(D, null, U(h.pageSizes, (y) => (i(), u("button", {
+              type: "button",
+              key: y,
+              onClick: (E) => g(y),
+              class: "flex w-full items-center gap-x-3.5 rounded-lg px-3 py-2 text-sm text-gray-800 hover:bg-gray-100 focus:bg-gray-100 focus:outline-none dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700"
+            }, [
+              Q(w(y) + " ", 1),
+              c.value === y ? (i(), H(tl, { key: 0 })) : B("", !0)
+            ], 8, cl))), 128))
+          ], 512), [
+            [ie, v.value]
+          ]),
+          a("button", {
+            type: "button",
+            class: "inline-flex min-w-[32px] text-sm/7 items-center gap-x-1 rounded-md border border-gray-200 px-1.5 h-[1.75rem] text-base text-gray-800 shadow-sm hover:bg-gray-50 focus:bg-gray-100 focus:outline-none disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
+            "aria-haspopup": "menu",
+            "aria-expanded": "false",
+            "aria-label": "Dropdown",
+            onClick: C[1] || (C[1] = (y) => v.value = !v.value)
+          }, [
+            Q(w(c.value) + " ", 1),
+            S(Yo)
+          ])
+        ], 512)
+      ])) : B("", !0)
+    ]));
+  }
+}), fl = /* @__PURE__ */ z(pl, [["__scopeId", "data-v-fd550e03"]]), vl = { class: "relative w-full overflow-hidden" }, ml = { class: "absolute bottom-3 left-1/2 -translate-x-1/2 flex space-x-2" }, gl = ["onClick"], hl = /* @__PURE__ */ T({
+  __name: "vs-slider",
+  props: {
+    interval: { default: 3e3 },
+    autoplay: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = he(), o = _(0);
+    let n = null;
+    const r = L(() => (l.default ? l.default() : []).map((c) => j("div", { class: "w-full flex-shrink-0" }, [c]))), s = L(() => r.value.length), f = () => {
+      s.value > 0 && (o.value = (o.value + 1) % s.value);
+    }, d = () => {
+      s.value > 0 && (o.value = (o.value - 1 + s.value) % s.value);
+    }, p = (c) => {
+      o.value = c;
+    };
+    return N(() => {
+      t.autoplay && t.interval && t.interval > 0 && (n = window.setInterval(f, t.interval));
+    }), G(() => {
+      n && clearInterval(n);
+    }), (c, v) => (i(), u("div", vl, [
+      a("div", {
+        class: "flex transition-transform duration-500 ease-in-out",
+        style: X({ transform: `translateX(-${o.value * 100}%)` })
+      }, [
+        (i(!0), u(D, null, U(r.value, (m, g) => (i(), H(te(m), { key: g }))), 128))
+      ], 4),
+      a("button", {
+        onClick: d,
+        class: "absolute top-1/2 left-3 -translate-y-1/2 bg-black/50 text-white p-2 rounded-full hover:bg-black/70"
+      }, [
+        S(ve)
+      ]),
+      a("button", {
+        onClick: f,
+        class: "absolute top-1/2 right-3 -translate-y-1/2 bg-black/50 text-white p-2 rounded-full hover:bg-black/70"
+      }, [
+        S(me)
+      ]),
+      a("div", ml, [
+        (i(!0), u(D, null, U(s.value, (m, g) => (i(), u("button", {
+          key: g,
+          onClick: (x) => p(g),
+          class: V([
+            "w-3 h-3 rounded-full transition",
+            o.value === g ? "bg-white" : "bg-white/50"
+          ])
+        }, null, 10, gl))), 128))
+      ])
+    ]));
+  }
+}), bl = {
+  mounted(e, t) {
+    if (typeof document > "u") return;
+    let l = null;
+    const o = () => {
+      l = document.createElement("div"), l.textContent = t.value, Object.assign(l.style, {
+        position: "absolute",
+        background: "#333",
+        color: "#fff",
+        padding: "4px 8px",
+        borderRadius: "4px",
+        fontSize: "12px",
+        whiteSpace: "nowrap",
+        pointerEvents: "none",
+        zIndex: "9999"
+      }), document.body.appendChild(l);
+      const r = e.getBoundingClientRect();
+      l.style.left = `${r.left + window.scrollX}px`, l.style.top = `${r.top + window.scrollY - l.offsetHeight - 5}px`;
+    }, n = () => {
+      l && l.parentNode && (l.parentNode.removeChild(l), l = null);
+    };
+    e.addEventListener("mouseenter", o), e.addEventListener("mouseleave", n), Object.assign(e, { tooltipHandlers: { showTooltip: o, hideTooltip: n } });
+  },
+  unmounted(e) {
+    if (typeof document > "u") return;
+    const t = e.tooltipHandlers;
+    t && (e.removeEventListener("mouseenter", t.showTooltip), e.removeEventListener("mouseleave", t.hideTooltip), typeof t.hideTooltip == "function" && t.hideTooltip(), delete e.tooltipHandlers);
+  }
+}, xl = {
+  mounted(e, t) {
+    const l = document.createElement("div");
+    l.className = `
+      absolute inset-0
+      bg-white bg-opacity-70
+      flex justify-center items-center
+      pointer-events-none
+      z-[9999]
+    `;
+    const o = document.createElement("div");
+    o.className = `
+      w-10 h-10
+      border-4 border-gray-400 border-t-transparent rounded-full
+      animate-spin
+    `, l.appendChild(o), e._loadingOverlay = l;
+    const n = getComputedStyle(e).position;
+    (n === "static" || !n) && (e.style.position = "relative"), t.value && e.appendChild(l);
+  },
+  updated(e, t) {
+    t.value && e._loadingOverlay && !e.contains(e._loadingOverlay) ? e.appendChild(e._loadingOverlay) : !t.value && e._loadingOverlay && e.contains(e._loadingOverlay) && e.removeChild(e._loadingOverlay);
+  },
+  unmounted(e) {
+    e._loadingOverlay && e.contains(e._loadingOverlay) && e.removeChild(e._loadingOverlay), delete e._loadingOverlay;
+  }
+}, yl = {
+  mounted(e) {
+    var t, l;
+    typeof window > "u" || (l = (t = e.querySelector("input, textarea, [tabindex]") ?? e).focus) == null || l.call(t);
+  },
+  updated(e, t) {
+    var l, o;
+    t.value === !0 && ((o = (l = e.querySelector("input, textarea, [tabindex]") ?? e).focus) == null || o.call(l));
+  }
+}, Y = (e) => {
+  const {
+    message: t,
+    title: l,
+    mode: o = "confirm",
+    type: n = "info",
+    confirmButtonText: r,
+    cancelButtonText: s,
+    onConfirm: f,
+    onCancel: d,
+    cascade: p,
+    confirmButtonStyle: c,
+    cancelButtonStyle: v
+  } = e || {}, m = document.querySelector("body");
+  if (!m) {
+    console.error('Modal root element with id "#modal" not found!');
+    return;
+  }
+  const g = document.createElement("div");
+  m.appendChild(g);
+  const x = () => {
+    g.remove();
+  };
+  W({
+    render() {
+      return j(oe, {
+        title: l,
+        message: t,
+        mode: o,
+        type: n,
+        cascade: p,
+        confirmButtonText: r,
+        cancelButtonText: s,
+        cancelButtonStyle: v,
+        confirmButtonStyle: c,
+        modelValue: !0,
+        onConfirm: () => {
+          f == null || f(), x();
+        },
+        onCancel: () => {
+          d == null || d(), x();
+        }
+      });
+    }
+  }).mount(g);
+};
+function wl(e = {}) {
+  return Object.assign(e, { mode: "alert" }), Y(e);
+}
+function Ml(e = {}) {
+  return Object.assign(e, { mode: "prompt" }), Y(e);
+}
+let re = !1;
+const se = be({ visible: !0 }), ge = (e, t) => {
+  if (t && setTimeout(() => ge(!1), t), !re) {
+    const l = document.querySelector("body");
+    if (!l) {
+      console.error('Modal root element with id "#modal" not found!');
+      return;
+    }
+    const o = document.createElement("div");
+    l.appendChild(o), W({
+      render() {
+        return j(fe, se);
+      }
+    }).mount(o), re = !0;
+  }
+  se.visible = e;
+}, kl = (e) => {
+  const {
+    template: t = "",
+    title: l = "",
+    content: o,
+    contentProps: n = {},
+    size: r = "medium"
+  } = e || {}, s = document.querySelector("body");
+  if (!s)
+    return console.error('Modal root element with id "#modal" not found!'), { close: () => {
+    } };
+  const f = document.createElement("div");
+  s.appendChild(f);
+  const d = {
+    title: l,
+    template: t,
+    visible: !0,
+    size: r,
+    closeClickBack: !0,
+    // eslint-disable-next-line no-use-before-define
+    onClose: c
+  }, p = W({
+    render() {
+      return j(ee, d, {
+        default: () => [
+          o ? j(o, n) : j("p", t)
+        ]
+      });
+    }
+  });
+  function c() {
+    p.unmount(), f.remove();
+  }
+  return p.mount(f), { close: c };
+};
+function Cl(e) {
+  return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, l) {
+    var o = e.get(t);
+    o ? o.push(l) : e.set(t, [l]);
+  }, off: function(t, l) {
+    var o = e.get(t);
+    o && (l ? o.splice(o.indexOf(l) >>> 0, 1) : e.set(t, []));
+  }, emit: function(t, l) {
+    var o = e.get(t);
+    o && o.slice().map(function(n) {
+      n(l);
+    }), (o = e.get("*")) && o.slice().map(function(n) {
+      n(t, l);
+    });
+  } };
+}
+const _l = Cl(), Bl = async (e) => {
+  const {
+    api: t,
+    method: l,
+    confirm: {
+      title: o,
+      text: n,
+      cancel: r,
+      confirm: s
+    }
+  } = e;
+  Y({
+    cascade: !1,
+    confirmButtonStyle: "",
+    cancelButtonStyle: "",
+    message: n,
+    title: o,
+    mode: "confirm",
+    type: "error",
+    confirmButtonText: s,
+    cancelButtonText: r,
+    onConfirm: async () => {
+      await fetch(t, {
+        method: l,
+        headers: { "Content-Type": "application/json" }
+      }), _l.emit("methodApi", l);
+    }
+  });
+}, Sl = {
+  install: (e) => {
+    e.component("VsButton", ze), e.component("VsGridGallery", Tt), e.component("Lightbox", ue), e.component("VsDataValue", $e), e.component("VsSwitch", ro), e.component("VsCopy", ae), e.component("Copy", ae), e.component("VsPopover", uo), e.component("VsConfirm", Do), e.component("MessageBox", oe), e.component("VsModal", ee), e.component("VsDialog", ee), e.component("VsDrawer", Mo), e.component("VsNotify", ce), e.component("VsLoading", fe), e.component("VsPagination", fl), e.component("VsSlider", hl), e._context.directives.tooltip || e.directive("tooltip", bl), e._context.directives.loading || e.directive("loading", xl), e.directive("focus", yl), Object.assign(e.config.globalProperties, {
+      $loading: ge,
+      $modal: kl,
+      $notify: pe,
+      $confirm: Y,
+      $alert: wl,
+      $api: Bl
+    });
+  }
+};
+export {
+  ae as Copy,
+  ue as Lightbox,
+  xl as LoadingDirective,
+  oe as MessageBox,
+  bl as TooltipDirective,
+  zl as VsBadgeValue,
+  ze as VsButton,
+  Do as VsConfirm,
+  $e as VsDataValue,
+  Mo as VsDrawer,
+  Tt as VsGridGallery,
+  fe as VsLoading,
+  ee as VsModal,
+  ce as VsNotify,
+  fl as VsPagination,
+  uo as VsPopover,
+  hl as VsSlider,
+  ro as VsSwitch,
+  wl as alert,
+  Y as confirm,
+  Sl as default,
+  _l as emitter,
+  ge as loading,
+  kl as modal,
+  pe as notify,
+  Ml as prompt
+};