@hotelinking/ui 10.42.18 → 10.42.20

package/dist/ui.es.js

@@ -971,7 +971,7 @@ const Nt = { class: "flex justify-between" }, At = {
             onBlur: w[1] || (w[1] = (T) => a.value = ""),
             displayValue: u,
             class: y([{
-              "mt-1": h.requiredText,
+              "mt-1": h.requiredText || h.label,
               "border-gray-300": h.color === "gray",
               "border-red-400": h.color === "red",
               "border-yellow-400": h.color === "yellow",
@@ -2308,7 +2308,7 @@ const oe = /* @__PURE__ */ te(ll, [["render", nl]]), al = {
                       key: K
                     }, [
                       m(oe, {
-                        onClick: (yd) => P(V, A.id, A.name),
+                        onClick: (vd) => P(V, A.id, A.name),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer",
                         price: V,
                         currency: x.currency.symbol,
@@ -3698,7 +3698,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ])
     ], 64));
   }
-}), $a = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, Ca = { class: "text-2xl mt-4 font-bold" }, Sa = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, Ba = /* @__PURE__ */ M({
+}), $a = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, Ca = { class: "text-2xl mt-4 font-bold" }, Sa = { class: "text-center" }, Ba = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, Ma = /* @__PURE__ */ M({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -3717,8 +3717,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         color: "gray"
       }, null, 8, ["icon"]),
       e("h2", Ca, g(i.title), 1),
-      e("p", null, g(i.message), 1),
-      e("div", Sa, [
+      e("p", Sa, g(i.message), 1),
+      e("div", Ba, [
         (s(!0), n(k, null, $(i.actions, (a, r) => (s(), _(J, {
           key: r,
           loading: !1,
@@ -3738,7 +3738,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Ma = { class: "fixed inset-0 overflow-hidden" }, Da = { class: "absolute inset-0 overflow-hidden" }, ja = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Ta = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, za = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, La = { class: "flex items-center justify-between" }, Na = { class: "ml-3 flex h-7 items-center" }, Aa = { class: "mt-1" }, Oa = { class: "text-sm text-indigo-300" }, Ya = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Ia = /* @__PURE__ */ M({
+}), Da = { class: "fixed inset-0 overflow-hidden" }, ja = { class: "absolute inset-0 overflow-hidden" }, Ta = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, za = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, La = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, Na = { class: "flex items-center justify-between" }, Aa = { class: "ml-3 flex h-7 items-center" }, Oa = { class: "mt-1" }, Ya = { class: "text-sm text-indigo-300" }, Ia = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Pa = /* @__PURE__ */ M({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -3759,9 +3759,9 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         }, {
           default: v(() => [
             a[4] || (a[4] = e("div", { class: "fixed inset-0" }, null, -1)),
-            e("div", Ma, [
-              e("div", Da, [
-                e("div", ja, [
+            e("div", Da, [
+              e("div", ja, [
+                e("div", Ta, [
                   m(c(G), {
                     as: "template",
                     enter: "transform transition ease-in-out duration-500 sm:duration-700",
@@ -3774,16 +3774,16 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                     default: v(() => [
                       m(c(ke), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: v(() => [
-                          e("div", Ta, [
-                            e("div", za, [
-                              e("div", La, [
+                          e("div", za, [
+                            e("div", La, [
+                              e("div", Na, [
                                 m(c(qe), { class: "text-base font-semibold leading-6 text-white" }, {
                                   default: v(() => [
                                     L(g(l.title), 1)
                                   ]),
                                   _: 1
                                 }),
-                                e("div", Na, [
+                                e("div", Aa, [
                                   e("button", {
                                     type: "button",
                                     class: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white outline-none",
@@ -3798,11 +3798,11 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                                   ])
                                 ])
                               ]),
-                              e("div", Aa, [
-                                e("p", Oa, g(l.description), 1)
+                              e("div", Oa, [
+                                e("p", Ya, g(l.description), 1)
                               ])
                             ]),
-                            e("div", Ya, [
+                            e("div", Ia, [
                               R(l.$slots, "default")
                             ])
                           ])
@@ -3822,15 +3822,15 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       _: 3
     }, 8, ["show"]));
   }
-}), Pa = { class: "uiGallery" }, Fa = {
+}), Fa = { class: "uiGallery" }, Va = {
   key: 1,
   role: "list",
   class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6"
-}, Va = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, Ra = ["src"], qa = ["onClick"], Ha = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Ua = { class: "flex items-center justify-between" }, Ea = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, Za = {
+}, Ra = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, qa = ["src"], Ha = ["onClick"], Ua = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Ea = { class: "flex items-center justify-between" }, Za = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, Ja = {
   key: 2,
   role: "list",
   class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6"
-}, Ja = /* @__PURE__ */ M({
+}, Wa = /* @__PURE__ */ M({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -3843,7 +3843,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
     const l = i, a = O(!1), r = (o) => {
       a.value = !1, l("modalAction", o);
     };
-    return (o, t) => (s(), n("div", Pa, [
+    return (o, t) => (s(), n("div", Fa, [
       o.loading ? b("", !0) : (s(), _(Ke, {
         key: 0,
         open: a.value,
@@ -3858,32 +3858,32 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         ]),
         _: 1
       }, 8, ["open", "title", "actions"])),
-      o.loading ? (s(), n("ul", Za, [
+      o.loading ? (s(), n("ul", Ja, [
         (s(), n(k, null, $(4, (u) => e("li", null, t[2] || (t[2] = [
           e("div", { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse dark:bg-gray-200 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, null, -1),
           e("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1),
           e("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)
         ]))), 64))
-      ])) : (s(), n("ul", Fa, [
+      ])) : (s(), n("ul", Va, [
         (s(!0), n(k, null, $(o.gallery, (u) => (s(), n("li", {
           key: u.source,
           class: "relative"
         }, [
-          e("div", Va, [
+          e("div", Ra, [
             e("img", {
               src: u.source,
               alt: "",
               class: "pointer-events-none object-cover group-hover:opacity-75"
-            }, null, 8, Ra),
+            }, null, 8, qa),
             e("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-none",
               onClick: (d) => o.$emit("imgClicked", u)
-            }, null, 8, qa)
+            }, null, 8, Ha)
           ]),
-          e("p", Ha, g(u.title), 1),
-          e("div", Ua, [
-            e("p", Ea, g(u.size), 1),
+          e("p", Ua, g(u.title), 1),
+          e("div", Ea, [
+            e("p", Za, g(u.size), 1),
             m(j, {
               class: "cursor-pointer",
               icon: c(Lt),
@@ -3909,10 +3909,10 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       })) : b("", !0)
     ]));
   }
-}), Wa = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, Ga = { class: "flex flex-row items-center w-full" }, Qa = { class: "content text-sm grow" }, Ka = { class: "font-bold" }, Xa = { key: 0 }, ei = { class: "font-bold text-gray-400" }, ti = {
+}), Ga = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, Qa = { class: "flex flex-row items-center w-full" }, Ka = { class: "content text-sm grow" }, Xa = { class: "font-bold" }, ei = { key: 0 }, ti = { class: "font-bold text-gray-400" }, si = {
   key: 1,
   class: "animate-pulse"
-}, si = /* @__PURE__ */ M({
+}, oi = /* @__PURE__ */ M({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -3928,7 +3928,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
     const o = (t) => {
       l("dragAndDropUpdated", t);
     };
-    return (t, u) => t.loading ? (s(), n("div", ti, u[2] || (u[2] = [
+    return (t, u) => t.loading ? (s(), n("div", si, u[2] || (u[2] = [
       Q('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div>', 5)
     ]))) : (s(), _(c(ut), {
       key: 0,
@@ -3939,8 +3939,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ]
     }, {
       item: v(({ item: d }) => [
-        e("div", Wa, [
-          e("div", Ga, [
+        e("div", Ga, [
+          e("div", Qa, [
             m(j, {
               icon: c(_t),
               loading: !1,
@@ -3948,18 +3948,18 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
               class: "mr-4",
               size: "big"
             }, null, 8, ["icon"]),
-            e("div", Qa, [
-              e("p", Ka, g(d.name), 1),
-              d.description ? (s(), n("p", Xa, g(d.description), 1)) : b("", !0)
+            e("div", Ka, [
+              e("p", Xa, g(d.name), 1),
+              d.description ? (s(), n("p", ei, g(d.description), 1)) : b("", !0)
             ]),
-            e("div", ei, g(c(r).indexOf(d) + 1), 1)
+            e("div", ti, g(c(r).indexOf(d) + 1), 1)
           ])
         ])
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), oi = { class: "chart-header flex flex-row justify-between" }, li = { class: "text-sm font-medium text-gray-500 truncate" }, ri = { class: "hidden sm:flex items-center" }, ni = { class: "w-1/2 min-w-0 flex-1" }, ai = ["max"], ii = { class: "min-w-0 flex-1" }, di = ["max"], ui = { class: "chart-content" }, ci = { class: "h-full w-full flex items-center justify-center flex-col" }, gi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, mi = /* @__PURE__ */ M({
+}), li = { class: "chart-header flex flex-row justify-between" }, ri = { class: "text-sm font-medium text-gray-500 truncate" }, ni = { class: "hidden sm:flex items-center" }, ai = { class: "w-1/2 min-w-0 flex-1" }, ii = ["max"], di = { class: "min-w-0 flex-1" }, ui = ["max"], ci = { class: "chart-content" }, gi = { class: "h-full w-full flex items-center justify-center flex-col" }, mi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, pi = /* @__PURE__ */ M({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -4027,10 +4027,10 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       C(e("div", {
         class: y(["h-[" + N.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        e("div", oi, [
-          e("div", li, g(N.title), 1),
-          e("div", ri, [
-            e("div", ni, [
+        e("div", li, [
+          e("div", ri, g(N.title), 1),
+          e("div", ni, [
+            e("div", ai, [
               C(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": S[0] || (S[0] = (B) => c(o).from = B),
@@ -4039,11 +4039,11 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                 name: "from",
                 id: "from",
                 class: "text-xs relative block w-full rounded rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
-              }, null, 40, ai), [
+              }, null, 40, ii), [
                 [X, c(o).from]
               ])
             ]),
-            e("div", ii, [
+            e("div", di, [
               C(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": S[1] || (S[1] = (B) => c(o).to = B),
@@ -4052,7 +4052,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                 name: "to",
                 id: "to",
                 class: "text-xs relative block w-full -mr-2 rounded rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
-              }, null, 40, di), [
+              }, null, 40, ui), [
                 [X, c(o).to]
               ])
             ]),
@@ -4065,7 +4065,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        C(e("div", ui, [
+        C(e("div", ci, [
           m(c(Ce), {
             class: "flex items-center justify-center mt-4",
             type: "donut",
@@ -4079,7 +4079,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         ], 512), [
           [D, !N.empty]
         ]),
-        C(e("div", ci, [
+        C(e("div", gi, [
           m(j, {
             icon: c(U),
             color: "gray",
@@ -4093,7 +4093,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ], 2), [
         [D, !N.loading]
       ]),
-      C(e("div", gi, S[4] || (S[4] = [
+      C(e("div", mi, S[4] || (S[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4124,13 +4124,13 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ])
     ], 64));
   }
-}), pi = {
+}), fi = {
   key: 0,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, fi = {
+}, hi = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, hi = /* @__PURE__ */ M({
+}, yi = /* @__PURE__ */ M({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -4154,7 +4154,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
     const t = () => {
       o("uiDateRangeButtonClicked", r);
     };
-    return (u, d) => u.loading ? (s(), n("div", fi, [
+    return (u, d) => u.loading ? (s(), n("div", hi, [
       m(E, {
         name: "dateFrom",
         loading: !0
@@ -4169,7 +4169,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         ])),
         _: 1
       })
-    ])) : (s(), n("div", pi, [
+    ])) : (s(), n("div", fi, [
       m(E, {
         type: "datetime-local",
         loading: !1,
@@ -4211,16 +4211,16 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       }, 8, ["disabled", "class"])
     ]));
   }
-}), yi = { class: "flex justify-between items-center" }, vi = {
+}), vi = { class: "flex justify-between items-center" }, bi = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, bi = {
+}, wi = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, wi = {
+}, xi = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, xi = /* @__PURE__ */ M({
+}, ki = /* @__PURE__ */ M({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -4235,14 +4235,14 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   setup(p, { emit: i }) {
     const l = i, r = O(p.sliderValue);
     return (o, t) => (s(), n("div", null, [
-      e("div", yi, [
-        o.label ? (s(), n("label", vi, g(o.label), 1)) : b("", !0),
-        o.requiredText ? (s(), n("span", bi, g(o.requiredText), 1)) : b("", !0)
+      e("div", vi, [
+        o.label ? (s(), n("label", bi, g(o.label), 1)) : b("", !0),
+        o.requiredText ? (s(), n("span", wi, g(o.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
         class: y([{ "mt-1": o.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
       }, [
-        o.loading ? (s(), n("p", wi)) : (s(), _(c(ct), {
+        o.loading ? (s(), n("p", xi)) : (s(), _(c(ct), {
           key: 0,
           modelValue: r.value,
           "onUpdate:modelValue": t[0] || (t[0] = (u) => r.value = u),
@@ -4258,7 +4258,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ], 2)
     ]));
   }
-}), ki = { class: "mt-1 mb-8 text-sm text-gray-500" }, _i = /* @__PURE__ */ M({
+}), _i = { class: "mt-1 mb-8 text-sm text-gray-500" }, $i = /* @__PURE__ */ M({
   __name: "uiSectionTitle",
   props: {
     title: {},
@@ -4269,16 +4269,16 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       e("h3", {
         class: y(["text-lg font-medium leading-6 text-gray-900", { "mb-8": i.description === void 0 }])
       }, g(i.title), 3),
-      e("p", ki, g(i.description), 1)
+      e("p", _i, g(i.description), 1)
     ], 64));
   }
-}), $i = {
+}), Ci = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Ci = { class: "flex flex-1 flex-col p-8" }, Si = { class: "text-2xl font-bold text-gray-900" }, Bi = { class: "mt-1 flex flex-grow flex-col justify-between" }, Mi = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Di = {
+}, Si = { class: "flex flex-1 flex-col p-8" }, Bi = { class: "text-2xl font-bold text-gray-900" }, Mi = { class: "mt-1 flex flex-grow flex-col justify-between" }, Di = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, ji = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, ji = { class: "flex flex-1 flex-col p-8" }, Ti = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, zi = { class: "mt-1 flex flex-grow flex-col justify-between" }, Li = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Ni = /* @__PURE__ */ M({
+}, Ti = { class: "flex flex-1 flex-col p-8" }, zi = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Li = { class: "mt-1 flex flex-grow flex-col justify-between" }, Ni = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Ai = /* @__PURE__ */ M({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -4291,9 +4291,9 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
   setup(p, { emit: i }) {
-    return (l, a) => l.loading ? (s(), n("div", Di, [
-      e("div", ji, [
-        e("div", Ti, [
+    return (l, a) => l.loading ? (s(), n("div", ji, [
+      e("div", Ti, [
+        e("div", zi, [
           m(j, {
             icon: l.icon,
             size: "huge",
@@ -4303,8 +4303,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           }, null, 8, ["icon", "loading"])
         ]),
         a[3] || (a[3] = e("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
-        e("dl", zi, [
-          e("dd", Li, [
+        e("dl", Li, [
+          e("dd", Ni, [
             (s(!0), n(k, null, $(l.tags, (r, o) => (s(), _(H, {
               key: o,
               loading: l.loading,
@@ -4320,8 +4320,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           ])
         ])
       ])
-    ])) : (s(), n("div", $i, [
-      e("div", Ci, [
+    ])) : (s(), n("div", Ci, [
+      e("div", Si, [
         e("div", {
           class: y(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
             "bg-green-500": !l.color || l.color === "green",
@@ -4340,7 +4340,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
             loading: !1
           }, null, 8, ["icon"])
         ], 2),
-        e("h3", Si, [
+        e("h3", Bi, [
           L(g(l.name) + " ", 1),
           C(e("span", {
             class: "text-indigo-600 hover:text-indigo-900 cursor-pointer",
@@ -4349,8 +4349,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
             [D, l.qty > 0]
           ])
         ]),
-        e("dl", Bi, [
-          e("dd", Mi, [
+        e("dl", Mi, [
+          e("dd", Di, [
             (s(!0), n(k, null, $(l.tags, (r, o) => (s(), _(H, {
               key: o,
               loading: !1,
@@ -4368,24 +4368,24 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Ai = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Oi = { class: "bg-indigo-600 w-16 mr-6" }, Yi = ["onClick"], Ii = {
+}), Oi = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Yi = { class: "bg-indigo-600 w-16 mr-6" }, Ii = ["onClick"], Pi = {
   key: 0,
   class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, Pi = { class: "flex h-16 shrink-0 items-center" }, Fi = ["src"], Vi = { class: "flex flex-1 flex-col" }, Ri = {
+}, Fi = { class: "flex h-16 shrink-0 items-center" }, Vi = ["src"], Ri = { class: "flex flex-1 flex-col" }, qi = {
   key: 0,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, qi = {
+}, Hi = {
   role: "list",
   class: "ml-2 space-y-1"
-}, Hi = ["onClick"], Ui = {
+}, Ui = ["onClick"], Ei = {
   key: 1,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, Ei = { class: "ml-2 space-y-1" }, Zi = { class: "font-bold mb-4" }, Ji = {
+}, Zi = { class: "ml-2 space-y-1" }, Ji = { class: "font-bold mb-4" }, Wi = {
   key: 1,
   class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, Wi = { class: "h-12 flex flex-row items-center" }, Le = /* @__PURE__ */ M({
+}, Gi = { class: "h-12 flex flex-row items-center" }, Le = /* @__PURE__ */ M({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -4397,8 +4397,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   },
   emits: ["productBarClick", "sideBarClick"],
   setup(p, { emit: i }) {
-    return (l, a) => (s(), n("div", Ai, [
-      e("div", Oi, [
+    return (l, a) => (s(), n("div", Oi, [
+      e("div", Yi, [
         e("ul", null, [
           (s(!0), n(k, null, $(l.productsSidebar, (r, o) => (s(), n("li", {
             key: o,
@@ -4411,26 +4411,26 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
               color: "white",
               size: "bigger"
             }, null, 8, ["icon"])
-          ], 10, Yi))), 128))
+          ], 10, Ii))), 128))
         ])
       ]),
-      l.loading ? (s(), n("div", Ji, [
-        (s(), n(k, null, $(5, (r) => e("div", Wi, a[0] || (a[0] = [
+      l.loading ? (s(), n("div", Wi, [
+        (s(), n(k, null, $(5, (r) => e("div", Gi, a[0] || (a[0] = [
           e("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
           e("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full w-1/2 dark:bg-gray-300" }, null, -1)
         ]))), 64))
-      ])) : (s(), n("div", Ii, [
-        e("div", Pi, [
+      ])) : (s(), n("div", Pi, [
+        e("div", Fi, [
           e("img", {
             class: "h-8 w-auto",
             src: l.logo,
             alt: "Your Company"
-          }, null, 8, Fi)
+          }, null, 8, Vi)
         ]),
-        e("nav", Vi, [
-          l.isFilterNavigation ? b("", !0) : (s(), n("ul", Ri, [
+        e("nav", Ri, [
+          l.isFilterNavigation ? b("", !0) : (s(), n("ul", qi, [
             e("li", null, [
-              e("ul", qi, [
+              e("ul", Hi, [
                 (s(!0), n(k, null, $(l.navigation, (r) => (s(), n("li", {
                   key: r.name
                 }, [
@@ -4503,13 +4503,13 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                       class: "shrink-0"
                     }, null, 8, ["icon"]),
                     L(" " + g(r.name), 1)
-                  ], 10, Hi))
+                  ], 10, Ui))
                 ]))), 128))
               ])
             ])
           ])),
-          l.isFilterNavigation && l.filterNavigation ? (s(), n("ul", Ui, [
-            e("li", Ei, [
+          l.isFilterNavigation && l.filterNavigation ? (s(), n("ul", Ei, [
+            e("li", Zi, [
               l.filterNavigation.hasSearch && l.filterNavigation.search ? (s(), _(E, {
                 key: 0,
                 name: l.filterNavigation.search.name,
@@ -4523,7 +4523,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
               class: "ml-2",
               key: o
             }, [
-              e("p", Zi, g(r.label), 1),
+              e("p", Ji, g(r.label), 1),
               (s(!0), n(k, null, $(r.filters, (t, u) => (s(), _(He, {
                 class: "mb-2",
                 value: t.value,
@@ -4540,14 +4540,14 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ]))
     ]));
   }
-}), Gi = { class: "fixed inset-0 flex" }, Qi = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Ki = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Xi = { class: "lg:pl-[25rem]" }, ed = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, td = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, sd = {
+}), Qi = { class: "fixed inset-0 flex" }, Ki = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Xi = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, ed = { class: "lg:pl-[25rem]" }, td = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, sd = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, od = {
   class: "relative flex flex-1",
   action: "#",
   method: "GET"
-}, od = { class: "relative block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm" }, ld = { class: "flex items-center gap-x-4 lg:gap-x-6" }, rd = {
+}, ld = { class: "relative block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm" }, rd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, nd = {
   type: "button",
   class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative"
-}, nd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, ad = ["src"], id = { class: "hidden lg:flex lg:items-center" }, dd = ["onClick"], ud = { class: "py-7" }, cd = { class: "px-7 lg:px-10" }, gd = /* @__PURE__ */ M({
+}, ad = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, id = ["src"], dd = { class: "hidden lg:flex lg:items-center" }, ud = ["onClick"], cd = { class: "py-7" }, gd = { class: "px-7 lg:px-10" }, md = /* @__PURE__ */ M({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -4581,7 +4581,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                 ])),
                 _: 1
               }),
-              e("div", Gi, [
+              e("div", Qi, [
                 m(c(G), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
@@ -4604,7 +4604,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                           "leave-to": "opacity-0"
                         }, {
                           default: v(() => [
-                            e("div", Qi, [
+                            e("div", Ki, [
                               e("button", {
                                 type: "button",
                                 class: "-m-2.5 p-2.5",
@@ -4643,7 +4643,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         ]),
         _: 1
       }, 8, ["show"]),
-      e("div", Ki, [
+      e("div", Xi, [
         m(Le, {
           productsSidebar: d.sidebar.productsSidebar,
           isFilterNavigation: d.sidebar.isFilterNavigation,
@@ -4655,8 +4655,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           onProductBarClick: f[5] || (f[5] = (h) => d.$emit("productBarClick", h))
         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
       ]),
-      e("div", Xi, [
-        e("div", ed, [
+      e("div", ed, [
+        e("div", td, [
           e("button", {
             type: "button",
             class: "-m-2.5 p-2.5 text-gray-700 lg:hidden",
@@ -4672,8 +4672,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
             class: "h-6 w-px bg-gray-200 lg:hidden",
             "aria-hidden": "true"
           }, null, -1)),
-          e("div", td, [
-            e("form", sd, [
+          e("div", sd, [
+            e("form", od, [
               f[14] || (f[14] = e("label", {
                 for: "search-field",
                 class: "sr-only"
@@ -4692,7 +4692,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                 ]
               }, {
                 default: v(() => [
-                  e("div", od, [
+                  e("div", ld, [
                     m(c(Pe), {
                       class: "block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm",
                       onChange: f[7] || (f[7] = (h) => a.value = h.target.value),
@@ -4740,10 +4740,10 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            e("div", ld, [
-              e("button", rd, [
+            e("div", rd, [
+              e("button", nd, [
                 f[16] || (f[16] = e("span", { class: "sr-only" }, "View notifications", -1)),
-                C(e("div", nd, f[15] || (f[15] = [
+                C(e("div", ad, f[15] || (f[15] = [
                   e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ]), 512), [
                   [D, d.topbar.alerted]
@@ -4769,8 +4769,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                         class: "h-8 w-8 rounded-full bg-gray-50",
                         src: d.topbar.accountLogo,
                         alt: ""
-                      }, null, 8, ad),
-                      e("span", id, [
+                      }, null, 8, id),
+                      e("span", dd, [
                         m(c(de), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
@@ -4797,7 +4797,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                               e("a", {
                                 onClick: (T) => d.$emit("topBarClick", h.id),
                                 class: y([w ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900"])
-                              }, g(h.name), 11, dd)
+                              }, g(h.name), 11, ud)
                             ]),
                             _: 2
                           }, 1024))), 128))
@@ -4813,15 +4813,15 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
             ])
           ])
         ]),
-        e("main", ud, [
-          e("div", cd, [
+        e("main", cd, [
+          e("div", gd, [
             R(d.$slots, "default")
           ])
         ])
       ])
     ]));
   }
-}), md = /* @__PURE__ */ M({
+}), pd = /* @__PURE__ */ M({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -4840,7 +4840,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       }, null, 8, ["item", "loading"]))), 128))
     ], 2));
   }
-}), pd = { class: "flex flex-col lg:flex-row items-center" }, fd = /* @__PURE__ */ M({
+}), fd = { class: "flex flex-col lg:flex-row items-center" }, hd = /* @__PURE__ */ M({
   __name: "uiSmartFilter",
   props: {
     items: {},
@@ -4863,7 +4863,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       }
       o.value = u.props;
     };
-    return (u, d) => (s(), n("div", pd, [
+    return (u, d) => (s(), n("div", fd, [
       m(Qe, {
         items: u.items,
         loading: u.loading,
@@ -4895,31 +4895,31 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   uiCard: Es,
   uiChart: Jl,
   uiCheckbox: He,
-  uiCircleChart: mi,
-  uiDateRange: hi,
-  uiDeviceStatus: Ni,
-  uiDragAndDrop: si,
+  uiCircleChart: pi,
+  uiDateRange: yi,
+  uiDeviceStatus: Ai,
+  uiDragAndDrop: oi,
   uiDropdown: pe,
-  uiDynamicStats: md,
+  uiDynamicStats: pd,
   uiFilter: Qe,
   uiFooter: Kl,
   uiFunnelChartV2: _a,
-  uiGallery: Ja,
+  uiGallery: Wa,
   uiIcon: j,
   uiInput: E,
   uiInputFile: ns,
   uiLoadingScreen: Xl,
   uiModal: Ke,
-  uiNoResults: Ba,
+  uiNoResults: Ma,
   uiNotification: co,
   uiPagination: mr,
   uiPriceCalendar: Al,
-  uiRangeSlider: xi,
-  uiRightSidebar: Ia,
-  uiSectionTitle: _i,
+  uiRangeSlider: ki,
+  uiRightSidebar: Pa,
+  uiSectionTitle: $i,
   uiSelect: Ge,
   uiSidebar: Sr,
-  uiSmartFilter: fd,
+  uiSmartFilter: hd,
   uiStats: et,
   uiStripedCard: Jr,
   uiTable: vn,
@@ -4930,46 +4930,46 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   uiTimeline: Zn,
   uiToggle: ks,
   uiTopbar: fa,
-  uiWrapper: gd
+  uiWrapper: md
 }, Symbol.toStringTag, { value: "Module" }));
-function hd(p) {
+function yd(p) {
   for (const i in Ne)
     p.component(i, Ne[i]);
 }
-const $d = { install: hd };
+const Cd = { install: yd };
 export {
-  $d as default,
+  Cd as default,
   Ts as uiAlert,
   Ps as uiBreadcrumbs,
   J as uiButton,
   Es as uiCard,
   Jl as uiChart,
   He as uiCheckbox,
-  mi as uiCircleChart,
-  hi as uiDateRange,
-  Ni as uiDeviceStatus,
-  si as uiDragAndDrop,
+  pi as uiCircleChart,
+  yi as uiDateRange,
+  Ai as uiDeviceStatus,
+  oi as uiDragAndDrop,
   pe as uiDropdown,
-  md as uiDynamicStats,
+  pd as uiDynamicStats,
   Qe as uiFilter,
   Kl as uiFooter,
   _a as uiFunnelChartV2,
-  Ja as uiGallery,
+  Wa as uiGallery,
   j as uiIcon,
   E as uiInput,
   ns as uiInputFile,
   Xl as uiLoadingScreen,
   Ke as uiModal,
-  Ba as uiNoResults,
+  Ma as uiNoResults,
   co as uiNotification,
   mr as uiPagination,
   Al as uiPriceCalendar,
-  xi as uiRangeSlider,
-  Ia as uiRightSidebar,
-  _i as uiSectionTitle,
+  ki as uiRangeSlider,
+  Pa as uiRightSidebar,
+  $i as uiSectionTitle,
   Ge as uiSelect,
   Sr as uiSidebar,
-  fd as uiSmartFilter,
+  hd as uiSmartFilter,
   et as uiStats,
   Jr as uiStripedCard,
   vn as uiTable,
@@ -4980,5 +4980,5 @@ export {
   Zn as uiTimeline,
   ks as uiToggle,
   fa as uiTopbar,
-  gd as uiWrapper
+  md as uiWrapper
 };