vuesp-components 2.2.3 → 2.2.5

package/dist/VDialog.vue_vue_type_script_setup_true_lang-CNTOjVfB.js

@@ -0,0 +1,664 @@
+import { openBlock as o, createElementBlock as c, createStaticVNode as ae, createElementVNode as r, defineComponent as E, computed as B, createBlock as O, resolveDynamicComponent as q, mergeProps as M, withCtx as $, normalizeClass as w, renderSlot as b, createCommentVNode as k, markRaw as H, shallowRef as R, Teleport as K, createVNode as S, Transition as A, unref as i, withModifiers as V, normalizeStyle as T, ref as G, withDirectives as ne, Fragment as J, renderList as Q, createTextVNode as N, toDisplayString as _, withKeys as se, createPropsRestProxy as re, normalizeProps as ie, guardReactiveProps as ce } from "vue";
+import { u as U, a as de, b as X, c as Y } from "./useDialog-ALG4kFE7.js";
+const W = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [h, u] of t)
+    n[h] = u;
+  return n;
+}, ue = {}, fe = {
+  viewBox: "0 0 179 40",
+  fill: "currentColor"
+};
+function me(e, t) {
+  return o(), c("svg", fe, [...t[0] || (t[0] = [
+    ae('<g transform="matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)"><path d="m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z"></path><path d="m 104.76548,-63.374174 0.008,91.15236 -26.35225,25.003926 26.35676,25.415735 4.8e-4,91.161403 4.03033,0.0237 c 0,0 0.0729,-90.913243 -0.0476,-91.163063 l 26.24012,-24.776315 -26.23835,-25.66073 0.007,-91.147024 z"></path><path d="m 803.85444,82.816565 c -5.5092,-1.69169 -15.7197,-2.12913 -19.9329,1.03114 -5.56,4.548 -0.63,22.670005 -0.76,28.973005 0.3943,19.76599 20.7146,30.35978 36.02,33 0,0 45.06,4.77 68,-5.439 35.89996,-15.975 40.75996,-63.180005 13.91,-89.457 -15.2385,-18.333755 -72.7584,-32.66908 -78.91,-50.10399958 -6.54,-7.52040002 -2.52,-22.38120042 5.1,-27.89120042 10.47,-7.5605 25.91,-7.3647 37.9,-5.017 13.11,2.5659 14.15,13.6285 18,24.9082004 1.48,4.3522 2.88,12.3564 8.1,13.6674 2.25,0.5623 4.67,-0.1094 6.9,-0.3827 16.42996,-2.011 11.28456,-11.418391 12.09456,-24.2037914 0.38,-6.0219 2.2254,-16.238609 -1.1246,-21.752209 -5.98996,-9.87979 -17.48276,-9.960049 -30.96996,-15.3287 -11.9944,-2.919504 -32.57,-5.50288 -50,-1.25772 -13.92,3.39017 -28.5,10.49772 -37.24,22.25772 -16.31,21.9622 -9.6,57.1861 10.26,74.6998 22.17,19.5582 58.4,21.7732 76.41,46.304195 16.9,23.013005 -18.71,37.732005 -37.1,36.158005 -39.9169,-0.34531 -23.6297,-30.723925 -36.6571,-40.166145 z"></path><path d="m 321.18154,-32.17929 21,9 -46,120.999995 c -13.02939,-49.349215 -25.65589,-93.5184936 -37,-121.999995 5.741,-1.2008 17.946,-4.1139 20.397,-10.1049 2.328,-5.6934 -1.142,-13.0456 -1.397,-18.8951 -9.12189,0.745226 -79.43846,-2.275099 -82.411,2.3179 -1.02172,5.2378 -3.84926,12.95938 -1.985,17.2878 4.036,8.5605 18.82154,3.517306 23.75154,13.866906 25.90475,54.255645 38.51776,106.713979 60.87446,156.527394 37.33703,54.02331 63.06896,-92.52485 72.275,-119 4.089,-11.8192996 7.212,-30.0265 15.194,-39.7724 15.1599,-17.433642 28.97616,-5.381825 21.868,-28.07945 -5.23694,-5.944366 -63.1086,-2.739072 -64.389,-1.54476 -3.452,4.31661 -7.5289,7.804293 -2.178,19.39661 z"></path><path d="m 401.18154,-53.17929 c -0.998,4.83681 -4.908,16.1206 -1.357,20.3511 4.914,5.8555 20.341,3.7676 21.463,12.689 3.596,28.5694004 -0.4,58.2962 0.855,86.9599 0.882,20.149995 3.491,41.865 17.134,57.961 36.351,42.885 114.137,25.661 128.322,-27.961005 9.142,-34.561995 3.01191,-80.803507 3.08491,-116.292007 0.033,-15.7886 15.53509,-3.553988 22.46909,-13.356888 3.337,-4.7169 -1.212,-15.187 -1.971,-20.3511 -20.45735,-0.261837 -40.85188,-0.262234 -61.258,1.02779 l -3.742,11.97221 c 0.84877,13.898543 11.37685,10.038234 23.90801,11.758642 0.32053,9.189207 0.091,48.923358 0.092,71.241358 10e-4,19.4 0.471,40.338995 -8.89,58 -15.56,29.358 -61.659,29.409 -74.878,-2.000005 -10.636,-25.273 -6.147,-56.234995 -6.233,-82.999995 -0.035,-10.9870996 -2.501,-25.3419996 0.319,-35.9568 2.549,-9.5978 16.626,-6.4297 22.064,-12.6921 3.287,-3.7858 -0.52,-15.71299 -1.382,-20.3511 z"></path><path d="m 760.05964,143.05268 c -5.1123,-31.58627 4.9497,-52.437285 -1.4781,-59.628975 -3.17,-3.163 -17.48,-3.877 -20.39,-0.285 -7.636,9.412 -6.012,27.571005 -14.737,36.079005 -3.136,3.058 -10.272,1.461 -14.273,1.689 -13.102,0.746 -25.895,-0.086 -39,-0.086 l -1,-68 c 7.223,0.913 21.685,-1.996 27.722,1.269 6.665,3.604 3.577,17.035995 10.556,20.532995 5.15472,-0.0642 13.05488,0.47604 17.494,-1.405 5.21328,-7.758815 3.74312,-60.612259 -0.015,-62.640795 -5.5141,-0.237113 -13.29293,-2.8563906 -17.543,-1.1527996 -6.595,2.8734996 -5.002,15.2292996 -10.608,19.7931996 -5.233,4.2609 -21.417,2.0768 -27.606,0.6034 l 0.018,-19.9999996 0.982,-42.0000004 h 36 c 4.195,0 11.017,-1.271 14.725,1.0278 9.479,5.8759 5.235,25.2669004 13.705,30.94060042 4.66,3.12049998 14.21,-2.03520002 19.57,-1.96840002 -1.7258,-10.0332024 5.1749,-44.7657364 -0.6,-49.9722104 -8.573,-0.17431 -123.95249,0.09746 -142.26,0.5756 -2.813,3.26479 -4.226,15.59871 -1.533,19.00621 4.834,6.1168 16.163,4.3646 20.481,9.9544 4.51586,28.5714044 7.89004,96.377815 0.594,132.328 -2.185,7.787 -16.181,5.969 -20.654,11.832 -1.59611,5.22999 -0.7409,13.33851 1.536,18.048 5.16025,7.51372 110.02916,3.17366 148.3141,3.45997 z"></path><path d="m 964.1815,-23.17929 c 0,43.4127 3.83,88.767 -0.06,131.985 -0.8,8.923 -14.88,7.544 -20.62,12.09 -4.2,3.326 -1.95,14.442 -0.17,18.777 15.7137,4.67091 86.3037,9.27518 89.39,-4.852 0.57,-3.057 2.36,-9.582 0.42,-12.297 -5.77,-8.041 -28.93,-2.391 -30.81,-13.747 -0.063,-55.41713 -0.3488,-55.25935 -0.15,-140.956 16.19,0 34.24,-2.9842 46.98,9.0934 18.26,17.2977004 11.94,53.4098 -8.98,65.6236 -7.67,4.477 -18.44,3.283 -27,3.283 v 23 c 23.19,0 50.85,-0.216 69,-17.093 28.42,-26.4403 19.73,-83.9314 -16,-99.7334 -4.6952,-8.320027 -96.8662,-17.196078 -120.68,-4.43208 -2.7,1.3721 -3.6701,5.98455 -3.17,8.34798 -3.3313,17.201533 8.54,18.6194 21.85,20.9105 z"></path></g>', 1)
+  ])]);
+}
+const lt = /* @__PURE__ */ W(ue, [["render", me]]), he = {}, be = {
+  width: "40",
+  height: "40",
+  viewBox: "0 0 40 40",
+  fill: "currentColor"
+};
+function ve(e, t) {
+  return o(), c("svg", be, [...t[0] || (t[0] = [
+    r("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
+      r("path", { d: "m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z" })
+    ], -1)
+  ])]);
+}
+const ot = /* @__PURE__ */ W(he, [["render", ve]]), ge = {}, xe = {
+  class: "animate-spin h-6 w-6",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function pe(e, t) {
+  return o(), c("svg", xe, [...t[0] || (t[0] = [
+    r("circle", {
+      class: "opacity-25",
+      cx: "12",
+      cy: "12",
+      r: "10",
+      stroke: "currentColor",
+      "stroke-width": "2"
+    }, null, -1),
+    r("path", {
+      class: "opacity-75",
+      fill: "currentColor",
+      d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+    }, null, -1)
+  ])]);
+}
+const ye = /* @__PURE__ */ W(ge, [["render", pe]]), we = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded-md", Z = /* @__PURE__ */ E({
+  __name: "VButton",
+  props: {
+    outline: { type: Boolean, default: !1 },
+    color: { default: "transparent" },
+    size: { default: "md" },
+    type: { default: "button" },
+    href: { default: "" },
+    to: { default: "" },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const n = t, h = (z) => n("click", z), u = e.outline ? "border border-green-500/30 text-green-600 dark:text-green-400" : "border border-green-500/20 bg-green-500/10 text-green-600 dark:text-green-400", l = e.outline ? "border border-red-500/30 text-red-600 dark:text-red-400" : "border border-red-500/20 bg-red-500/10 text-red-600 dark:text-red-400", s = e.outline ? "border border-gray-300/70 text-gray-700 dark:border-white/15 dark:text-white/70" : "border border-gray-200/70 bg-white/50 text-gray-700 dark:border-white/10 dark:bg-white/[0.05] dark:text-white/70", x = e.outline ? "border border-[var(--accent-blue)] text-[var(--accent-blue)]" : "bg-[var(--accent-blue)] text-white shadow-[0_8px_24px_-12px_rgba(37,99,235,0.9)] hover:brightness-110", v = e.outline ? "border border-[var(--accent-indigo)] text-[var(--accent-indigo)]" : "bg-[var(--accent-indigo)] text-white shadow-[0_8px_24px_-12px_rgba(99,102,241,0.9)] hover:brightness-110", f = e.outline ? "border border-[var(--accent-violet)] text-[var(--accent-violet)]" : "bg-[var(--accent-violet)] text-white shadow-[0_8px_24px_-12px_rgba(139,92,246,0.9)] hover:brightness-110", p = e.outline ? "border border-[var(--accent-emerald)] text-[var(--accent-emerald)]" : "bg-[var(--accent-emerald)] text-white shadow-[0_8px_24px_-12px_rgba(16,185,129,0.9)] hover:brightness-110", L = e.outline ? "border border-[var(--accent-amber)] text-[var(--accent-amber)]" : "bg-[var(--accent-amber)] text-[#231400] shadow-[0_8px_24px_-12px_rgba(245,158,11,0.9)] hover:brightness-110", C = e.outline ? "border border-[var(--accent-rose)] text-[var(--accent-rose)]" : "bg-[var(--accent-rose)] text-white shadow-[0_8px_24px_-12px_rgba(244,63,94,0.9)] hover:brightness-110", d = e.outline ? "border border-[var(--accent-slate)] text-[var(--accent-slate)]" : "bg-[var(--accent-slate)] text-white shadow-[0_8px_24px_-12px_rgba(71,85,105,0.9)] hover:brightness-110", m = (e.outline, ""), y = { green: u, red: l, gray: s, blue: x, indigo: v, violet: f, emerald: p, amber: L, rose: C, slate: d, transparent: m }, a = {
+      button: "px-3",
+      icon: "rounded-md border border-gray-200/70 dark:border-white/10"
+    }, g = {
+      button: { sm: "h-8", md: "h-10", lg: "h-12", xl: "h-14" },
+      icon: { sm: "size-8", md: "size-10", lg: "size-12", xl: "size-14" }
+    }, D = B(() => [we, oe(e.color), le(e.type), P(e.type, e.size)]), I = B(() => e.href || e.to ? "router-link" : "button"), P = (z, j) => {
+      var F;
+      return ((F = g[z]) == null ? void 0 : F[j]) || "";
+    }, le = (z) => (a == null ? void 0 : a[z]) || "", oe = (z) => y == null ? void 0 : y[z];
+    return (z, j) => (o(), O(q(I.value), M(z.$attrs, {
+      href: e.href,
+      to: e.to,
+      class: D.value,
+      onClick: h
+    }), {
+      default: $(() => [
+        r("span", {
+          class: w(e.loading ? "opacity-0" : "")
+        }, [
+          b(z.$slots, "default")
+        ], 2),
+        e.loading ? (o(), O(ye, {
+          key: 0,
+          class: "absolute left-1/2 -translate-x-1/2"
+        })) : k("", !0)
+      ]),
+      _: 3
+    }, 16, ["href", "to", "class"]));
+  }
+}), ke = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function $e(e, t) {
+  return o(), c("svg", ke, [...t[0] || (t[0] = [
+    r("path", {
+      fill: "currentColor",
+      d: "m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z"
+    }, null, -1)
+  ])]);
+}
+const ee = H({ name: "ri-close-line", render: $e }), Ce = { class: "flex items-center absolute right-3 top-5 z-10" }, te = /* @__PURE__ */ E({
+  __name: "VPopup",
+  props: {
+    hiddenCloser: { type: Boolean },
+    size: { default: "auto" }
+  },
+  emits: ["close", "click", "open"],
+  setup(e, { emit: t }) {
+    const n = t, { show: h, overlay: u, onClose: l, onOpen: s } = U(n), x = R(null), v = R(null), { opacity: f, transform: p } = de(x, v, l), d = { click: (a) => {
+      n("click", a);
+    }, open: s, set: (a) => {
+      a ? s() : l(new Event("hide"));
+    } }, m = B(() => ({
+      auto: "max-h-[calc(100dvh-50px)]",
+      full: "h-[calc(100dvh-24px)] md:h-[calc(100dvh-100px)]",
+      screen: "h-dvh"
+    })), y = B(() => ({
+      auto: "max-h-[calc(100dvh-50px-16px)]",
+      full: "h-[calc(100dvh-24px-16px)] md:h-[calc(100dvh-100px-16px)]",
+      screen: "h-[calc(100dvh-16px)]"
+    }));
+    return (a, g) => {
+      const D = ee, I = Z;
+      return o(), O(K, { to: "body" }, [
+        S(A, {
+          "enter-active-class": "duration-300 ease-out",
+          "enter-from-class": "transform opacity-0 translate-y-full xl:-translate-y-2",
+          "enter-to-class": "opacity-100 translate-y-0",
+          "leave-active-class": "duration-200 ease-in",
+          "leave-from-class": "opacity-100 translate-y-0",
+          "leave-to-class": "transform opacity-0 translate-y-full xl:-translate-y-2"
+        }, {
+          default: $(() => [
+            i(h) ? (o(), c("div", {
+              key: 0,
+              ref_key: "container",
+              ref: v,
+              class: "fixed bottom-0 left-0 w-full z-15"
+            }, [
+              i(u) ? (o(), c("div", {
+                key: 0,
+                class: "fixed h-full w-full top-0 left-0 bg-black/40 bg-blur xl:hidden animate-opacity overscroll-contain",
+                style: T({ opacity: i(f) }),
+                onClick: g[0] || (g[0] = //@ts-ignore
+                (...P) => i(l) && i(l)(...P)),
+                onWheel: g[1] || (g[1] = V(() => {
+                }, ["prevent"])),
+                onTouchmove: g[2] || (g[2] = V(() => {
+                }, ["prevent"]))
+              }, null, 36)) : k("", !0),
+              r("div", {
+                class: w(["glass-popover relative w-full rounded-t-lg border-t shadow-nav", m.value[e.size]]),
+                style: T({ transform: i(p) })
+              }, [
+                r("div", {
+                  ref_key: "target",
+                  ref: x,
+                  class: "flex justify-center py-3 md:pb-6",
+                  onWheel: g[3] || (g[3] = V(() => {
+                  }, ["prevent"])),
+                  onTouchmove: g[4] || (g[4] = V(() => {
+                  }, ["prevent"]))
+                }, [...g[5] || (g[5] = [
+                  r("div", { class: "self-end h-1 w-12 bg-gray-400" }, null, -1)
+                ])], 544),
+                r("div", Ce, [
+                  b(a.$slots, "button", { close: i(l) }),
+                  S(I, {
+                    class: "size-5 md:size-6",
+                    color: "transparent",
+                    size: "none",
+                    icon: "",
+                    "aria-label": "Close",
+                    onClick: i(l)
+                  }, {
+                    default: $(() => [
+                      S(D, { class: "size-5" })
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                r("div", {
+                  class: w(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain scrollbar", y.value[e.size]])
+                }, [
+                  b(a.$slots, "default", {
+                    close: i(l),
+                    on: d
+                  })
+                ], 2)
+              ], 6)
+            ], 512)) : k("", !0)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+}), ze = {
+  mounted(e, t) {
+    e.clickOutsideEvent = function(n) {
+      e === n.target || e.contains(n.target) || t.value(n, e);
+    }, document.addEventListener("click", e.clickOutsideEvent);
+  },
+  unmounted(e) {
+    document.removeEventListener("click", e.clickOutsideEvent), delete e.clickOutsideEvent;
+  }
+}, Be = { class: "relative" }, Ve = { class: "flex items-center cursor-pointer" }, Se = /* @__PURE__ */ E({
+  __name: "VDropdown",
+  props: {
+    title: { default: "" },
+    top: { default: "calc(100% + 8px)" },
+    left: { default: "" },
+    right: { default: "0" },
+    bottom: { default: "" },
+    height: { default: "200px" },
+    hideOnClick: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    isPopup: { type: Boolean }
+  },
+  emits: ["click", "show", "close"],
+  setup(e, { emit: t }) {
+    const n = t, u = X(Y).greaterOrEqual("lg"), l = G(!1), s = B(() => ({ top: e.top, left: e.left, right: e.right, bottom: e.bottom, "max-height": e.height })), x = (m) => {
+      u.value && l.value && p(m);
+    }, v = (m) => {
+      n("click", l.value), !e.disabled && (l.value ? e.hideOnClick && p(m) : f(m));
+    }, f = (m) => {
+      l.value = !0, n("show", m);
+    }, p = (m) => {
+      l.value = !1, n("close", m);
+    }, L = (m) => {
+      m ? f(new Event("show")) : p(new Event("hide"));
+    }, C = () => {
+      p(new Event("hide"));
+    }, d = { click: v, open: f, set: L };
+    return (m, y) => ne((o(), c("div", Be, [
+      r("div", Ve, [
+        b(m.$slots, "activator", {
+          on: d,
+          isShow: l.value
+        })
+      ]),
+      i(u) ? (o(), O(A, {
+        key: 0,
+        "enter-active-class": "duration-300 ease-out",
+        "enter-from-class": "transform opacity-0 -translate-y-2",
+        "enter-to-class": "opacity-100 translate-y-0",
+        "leave-active-class": "duration-200 ease-in",
+        "leave-from-class": "opacity-100 translate-y-0",
+        "leave-to-class": "transform opacity-0 -translate-y-2"
+      }, {
+        default: $(() => [
+          l.value ? (o(), c("div", {
+            key: 0,
+            class: "z-30 min-w-full absolute",
+            style: T(s.value)
+          }, [
+            b(m.$slots, "default", {
+              on: d,
+              show: f,
+              hide: p,
+              isShow: l.value
+            })
+          ], 4)) : k("", !0)
+        ]),
+        _: 3
+      })) : k("", !0),
+      !i(u) && l.value ? (o(), O(te, {
+        key: 1,
+        title: e.title,
+        onClose: C
+      }, {
+        default: $(({ on: a }) => [
+          b(m.$slots, "default", {
+            on: a,
+            show: f,
+            hide: p,
+            isShow: l.value
+          })
+        ]),
+        _: 3
+      }, 8, ["title"])) : k("", !0)
+    ])), [
+      [i(ze), x]
+    ]);
+  }
+}), Oe = { class: "glass-popover rounded-md" }, _e = ["onClick"], Ee = /* @__PURE__ */ E({
+  __name: "VList",
+  props: {
+    items: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const n = t, h = (u, l) => n("click", u, l);
+    return (u, l) => (o(), c("ul", Oe, [
+      (o(!0), c(J, null, Q(e.items, (s) => (o(), c("li", {
+        key: s.name,
+        class: "flex min-h-[40px] w-full cursor-pointer items-center whitespace-nowrap border-b border-gray-100 px-4 last:border-b-0 hover:bg-primary/10 dark:border-white/5 dark:hover:bg-white/[0.06]",
+        onClick: (x) => h(s, x)
+      }, [
+        b(u.$slots, "default", { item: s }, () => [
+          N(_(s.name), 1)
+        ])
+      ], 8, _e))), 128))
+    ]));
+  }
+}), Le = { class: "relative flex items-end gap-0.5 w-10" }, Te = ["title"], De = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, at = /* @__PURE__ */ E({
+  __name: "VWifiIcon",
+  props: {
+    rssi: { default: 0 },
+    channel: { default: 0 }
+  },
+  setup(e) {
+    const t = 2 * (e.rssi + 100), n = (h) => h < t;
+    return (h, u) => (o(), c("div", Le, [
+      (o(), c(J, null, Q([10, 15, 25, 40, 70], (l, s) => r("div", {
+        key: l,
+        class: w(["w-1 h-5 rounded-lg", [n(l) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+        style: T(`height: ${(s + 1) * 5}px`),
+        title: `rssi: ${e.rssi} channel: ${e.channel}`
+      }, null, 14, Te)), 64)),
+      r("div", De, _(e.channel), 1)
+    ]));
+  }
+}), Ie = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Pe(e, t) {
+  return o(), c("svg", Ie, [...t[0] || (t[0] = [
+    r("path", {
+      fill: "currentColor",
+      d: "m12 10.828l-4.95 4.95l-1.414-1.414L12 8l6.364 6.364l-1.414 1.414z"
+    }, null, -1)
+  ])]);
+}
+const Me = H({ name: "ri-arrow-up-s-line", render: Pe }), Ae = { class: "w-full relative" }, Ne = ["disabled"], We = {
+  key: 0,
+  class: "text-red-400 h-[24px] px-2 text-xs"
+}, je = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 after:bg-white dark:after:bg-[#0b1538] after:transition-all", Fe = /* @__PURE__ */ E({
+  __name: "VTextField",
+  props: {
+    modelValue: { default: null },
+    label: { default: "" },
+    component: { default: "input" },
+    type: { default: "text" },
+    message: { default: "" },
+    readonly: { type: Boolean },
+    disabled: { type: [Boolean, Number], default: !1 },
+    active: { type: Boolean, default: !1 },
+    hideMessage: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "click", "on-icon", "enter", "blur", "focus"],
+  setup(e, { emit: t }) {
+    const n = t, h = {
+      input: "w-full h-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent",
+      textarea: "h-full w-full px-4 py-2 outline-none flex-auto bg-transparent"
+    }, u = G(!1), l = B(() => [
+      e.component === "input" ? "h-[40px]" : "min-h-[40px]",
+      e.message ? "!border-red-400/70 ring-1 ring-red-400/25 hover:!border-red-400" : "",
+      e.disabled ? "border-gray-300 opacity-40 dark:border-gray-700" : "border-gray-300/80 hover:border-gray-400/80 dark:border-white/10 dark:hover:border-white/20"
+    ]), s = B(() => h[e.component]), x = (a) => a || a === 0, v = B(() => [je, u.value || x(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), f = B(() => e.component === "input"), p = (a) => {
+      u.value = !1, n("blur", a);
+    }, L = (a) => {
+      u.value = !0, n("focus", a);
+    }, C = ({ target: a }) => n("update:modelValue", a.value), d = (a) => n("enter", a), m = (a) => n("click", a), y = (a) => {
+      e.disabled || n("on-icon", a);
+    };
+    return (a, g) => (o(), c("div", Ae, [
+      r("label", {
+        class: w(["glass-inset relative flex w-full items-center rounded-md transition focus-within:border-primary/60 focus-within:ring-1 focus-within:ring-primary/20", l.value])
+      }, [
+        r("span", {
+          class: w(["absolute left-3.5 -translate-y-1/2 rounded bg-white/80 px-1 text-gray-500 transition-all dark:bg-[#0b1538]/80 dark:text-gray-400", v.value])
+        }, _(e.label), 3),
+        (o(), O(q(e.component), M(a.$attrs, {
+          value: e.modelValue,
+          disabled: !!e.disabled,
+          type: e.type,
+          readonly: e.readonly,
+          rows: f.value ? null : "2",
+          wrap: f.value ? null : "soft",
+          class: s.value,
+          onFocus: L,
+          onBlur: p,
+          onInput: C,
+          onClick: m,
+          onKeypress: se(d, ["enter"])
+        }), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
+        a.$slots.icon ? (o(), c("button", {
+          key: 0,
+          disabled: !!e.disabled,
+          class: w([{ "cursor-pointer": !e.disabled }, "flex h-full flex-[0_0_50px] items-center justify-center border-l border-gray-200/70 text-gray-400 dark:border-white/10"]),
+          onClick: y
+        }, [
+          b(a.$slots, "icon")
+        ], 10, Ne)) : k("", !0)
+      ], 2),
+      e.hideMessage ? k("", !0) : (o(), c("div", We, [
+        b(a.$slots, "message", {}, () => [
+          N(_(e.message), 1)
+        ])
+      ]))
+    ]));
+  }
+}), Re = { class: "glass-popover min-w-50 rounded-md pb-6 transition-all duration-300 lg:pb-0" }, qe = {
+  key: 0,
+  class: "lg:hidden text-title-md font-bold mb-4 uppercase px-4 sticky top-0"
+}, He = { class: "h-full h-hull lg:max-h-44 lg:overflow-auto scrollbar lg:overscroll-contain" }, nt = /* @__PURE__ */ E({
+  inheritAttrs: !1,
+  __name: "VSelect",
+  props: {
+    modelValue: {},
+    label: {},
+    disabled: { type: Boolean },
+    items: {},
+    title: {},
+    top: {},
+    left: {},
+    right: {},
+    bottom: {},
+    height: {},
+    hideOnClick: { type: Boolean },
+    isPopup: { type: Boolean }
+  },
+  emits: ["change"],
+  setup(e, { emit: t }) {
+    const n = re(e, ["modelValue", "label", "items", "disabled"]), h = t;
+    function u(l, s) {
+      h("change", l), s == null || s.set(!1);
+    }
+    return (l, s) => {
+      const x = Me;
+      return o(), O(Se, M(n, {
+        "hide-on-click": !1,
+        class: "relative"
+      }), {
+        activator: $(({ on: v, isShow: f }) => [
+          b(l.$slots, "activator", ie(ce({ on: v, isShow: f })), () => [
+            S(Fe, {
+              "model-value": e.modelValue,
+              disabled: e.disabled,
+              label: e.label,
+              readonly: "",
+              hideMessage: "",
+              active: "",
+              onClick: v.click,
+              onOnIcon: v.click
+            }, {
+              icon: $(() => [
+                S(x, {
+                  class: w(["transition duration-300", f ? "rotate-x-180" : ""])
+                }, null, 8, ["class"])
+              ]),
+              _: 2
+            }, 1032, ["model-value", "disabled", "label", "onClick", "onOnIcon"])
+          ])
+        ]),
+        default: $(({ on: v }) => [
+          r("div", Re, [
+            e.label ? (o(), c("h4", qe, _(e.label), 1)) : k("", !0),
+            r("div", He, [
+              S(Ee, {
+                items: e.items,
+                onClick: (f) => u(f, v)
+              }, {
+                default: $(({ item: f }) => [
+                  b(l.$slots, "item", { item: f }, () => [
+                    N(_(f.name), 1)
+                  ])
+                ]),
+                _: 3
+              }, 8, ["items", "onClick"])
+            ])
+          ])
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+}), Ke = {
+  key: 0,
+  class: "loader-line w-full absolute top-0 left-0 h-[3px] bg-gray-100 dark:bg-white/5 before:bg-primary before:h-1 rounded-xl z-20 before:absolute before:w-[40%] before:-left-1/2 before:content-[''] before:animate-[lineAnim_1s_linear_infinite]"
+}, Ge = {
+  key: 1,
+  class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-[#060b28]/75 z-10 opacity-50"
+}, Je = {
+  key: 2,
+  class: "mb-4 flex items-center justify-between"
+}, Qe = { class: "text-lg font-semibold text-gray-800 dark:text-white" }, Ue = ["inert", "aria-disabled"], st = /* @__PURE__ */ E({
+  __name: "CardMain",
+  props: {
+    title: {},
+    loading: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    return (t, n) => (o(), c("div", {
+      class: w(["glass-panel relative p-5 transition-all duration-300 hover:border-primary/25 hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.18),0_0_60px_-18px_rgba(40,183,240,0.25)] sm:p-6", { "overflow-hidden": e.loading }])
+    }, [
+      e.loading ? (o(), c("div", Ke)) : k("", !0),
+      e.loading ? (o(), c("div", Ge)) : k("", !0),
+      e.title ? (o(), c("div", Je, [
+        r("h3", Qe, _(e.title), 1),
+        r("div", null, [
+          b(t.$slots, "header")
+        ])
+      ])) : k("", !0),
+      r("div", {
+        class: "max-w-full",
+        inert: e.disabled,
+        "aria-disabled": e.disabled || void 0
+      }, [
+        b(t.$slots, "default")
+      ], 8, Ue)
+    ], 2));
+  }
+}), Xe = { class: "text-title-md uppercase font-bold flex-auto" }, Ye = { class: "px-4 pb-4 md:px-6" }, Ze = {
+  key: 0,
+  class: "text-title-md uppercase font-bold"
+}, rt = /* @__PURE__ */ E({
+  __name: "VDialog",
+  props: {
+    title: {},
+    size: { default: "md" },
+    popupSize: { default: "auto" },
+    color: { default: "white" },
+    type: {},
+    hiddenCloser: { type: Boolean },
+    isOnlyDialog: { type: Boolean },
+    timeout: {}
+  },
+  emits: ["close", "click", "open"],
+  setup(e, { expose: t, emit: n }) {
+    const h = n, u = X(Y), { show: l, onClose: s, onOpen: x } = U(h, e.timeout), v = {
+      sm: "max-w-full md:max-w-[330px] max-md:h-full",
+      md: "max-w-full md:max-w-[672px] max-md:h-full",
+      lg: "max-w-full md:max-w-[960px] max-md:h-full",
+      full: "relative max-w-full w-full h-3/4 "
+    }, f = {
+      none: "",
+      white: "glass-panel",
+      gray: ""
+    }, p = B(() => [v[e.size], f[e.color]]), L = u.greaterOrEqual("lg");
+    return t({
+      show: l,
+      onClose: s
+    }), (C, d) => {
+      const m = ee;
+      return e.isOnlyDialog || i(L) ? (o(), O(K, {
+        key: 0,
+        to: "body"
+      }, [
+        S(A, {
+          "enter-active-class": "duration-300 ease-out",
+          "enter-from-class": "transform opacity-0 -translate-y-2",
+          "enter-to-class": "opacity-100 translate-y-0",
+          "leave-active-class": "duration-200 ease-in",
+          "leave-from-class": "opacity-100 translate-y-0",
+          "leave-to-class": "transform opacity-0 -translate-y-2",
+          onAfterEnter: i(x)
+        }, {
+          default: $(() => [
+            i(l) ? (o(), c("div", {
+              key: 0,
+              class: "z-20 fixed top-0 h-dvh w-full left-0 flex flex-col",
+              onWheel: d[4] || (d[4] = V(() => {
+              }, ["stop"]))
+            }, [
+              r("div", {
+                class: "absolute h-full w-full top-0 left-0 bg-black/40 bg-blur",
+                onClick: d[0] || (d[0] = //@ts-ignore
+                (...y) => i(s) && i(s)(...y))
+              }),
+              r("div", {
+                class: w(["flex-auto flex align-center overflow-y-auto overscroll-contain", (e.size === "full", "")])
+              }, [
+                r("div", {
+                  class: w(["m-auto z-20 flex w-full flex-col overflow-auto overscroll-contain scrollbar bg-transparent shadow-lg", p.value])
+                }, [
+                  r("div", {
+                    class: w(["flex items-center min-h-14 ps-6 pe-3", e.size === "full" ? "absolute top-0 right-4" : ""]),
+                    onWheel: d[1] || (d[1] = V(() => {
+                    }, ["prevent"])),
+                    onTouchmove: d[2] || (d[2] = V(() => {
+                    }, ["prevent"]))
+                  }, [
+                    r("h4", Xe, _(e.title), 1),
+                    b(C.$slots, "header-btn", { close: i(s) }),
+                    S(Z, {
+                      color: "transparent",
+                      size: "md",
+                      onClick: i(s)
+                    }, {
+                      default: $(() => [
+                        S(m)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ], 34),
+                  r("div", {
+                    class: w(["relative overflow-auto max-h-dvh scrollbar overflow-y-auto overscroll-contain min-h-0 max-md:flex-auto", e.size === "full" ? "flex-auto" : "md:max-h-147.5 px-6 pb-6"]),
+                    onClose: d[3] || (d[3] = //@ts-ignore
+                    (...y) => i(s) && i(s)(...y))
+                  }, [
+                    b(C.$slots, "default", { close: i(s) })
+                  ], 34)
+                ], 2)
+              ], 2)
+            ], 32)) : k("", !0)
+          ]),
+          _: 3
+        }, 8, ["onAfterEnter"])
+      ])) : (o(), O(te, {
+        key: 1,
+        size: e.popupSize,
+        onClose: i(s)
+      }, {
+        button: $(() => [
+          b(C.$slots, "header-btn", { close: i(s) })
+        ]),
+        default: $(({ close: y }) => [
+          r("div", Ye, [
+            r("div", {
+              class: w(["flex items-center mb-4", e.size === "full" ? "absolute top-0 right-4" : ""]),
+              onWheel: d[5] || (d[5] = V(() => {
+              }, ["prevent"])),
+              onTouchmove: d[6] || (d[6] = V(() => {
+              }, ["prevent"]))
+            }, [
+              e.title ? (o(), c("h4", Ze, _(e.title), 1)) : k("", !0)
+            ], 34),
+            b(C.$slots, "default", { close: y })
+          ])
+        ]),
+        _: 3
+      }, 8, ["size", "onClose"]));
+    };
+  }
+});
+export {
+  lt as V,
+  rt as _,
+  ot as a,
+  st as b,
+  ze as c,
+  at as d,
+  nt as e,
+  Fe as f,
+  Ee as g,
+  Se as h,
+  ye as i,
+  Z as j,
+  ee as k,
+  W as l,
+  te as m
+};

package/dist/components/app/AppHeader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/app/AppHeader.vue"],"names":[],"mappings":"AAsDA;AA8FA,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,wBAAwB,CAAC;;;;;;;;AAsU/E,wBAQG"}
+{"version":3,"file":"AppHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/app/AppHeader.vue"],"names":[],"mappings":"AAuDA;AA+FA,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,wBAAwB,CAAC;;;;;;;;AAyU/E,wBAQG"}