@hotelinking/ui 10.42.6 → 10.42.8

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as B, openBlock as s, createBlock as _, resolveDynamicComponent as Ae, normalizeClass as y, createElementBlock as n, createCommentVNode as b, renderSlot as q, createElementVNode as e, ref as A, watch as R, computed as Y, unref as u, withCtx as v, toDisplayString as g, createVNode as p, createTextVNode as L, Transition as ce, Fragment as k, renderList as $, withDirectives as C, vModelDynamic as et, vShow as D, withModifiers as Se, vModelText as ee, createStaticVNode as K, resolveComponent as Be, vModelCheckbox as Ne, reactive as Q, isRef as Pe, TransitionGroup as tt, onMounted as st, mergeProps as ot } from "vue";
-import { Menu as he, MenuButton as ye, MenuItems as ve, MenuItem as be, Combobox as Ye, ComboboxLabel as lt, ComboboxInput as Ie, ComboboxButton as Fe, ComboboxOptions as Ve, ComboboxOption as qe, SwitchGroup as rt, Switch as nt, SwitchLabel as at, TransitionRoot as we, Dialog as xe, TransitionChild as G, DialogPanel as ke, DialogTitle as Re, Disclosure as _e, DisclosureButton as Z, DisclosurePanel as $e } from "@headlessui/vue";
+import { defineComponent as B, openBlock as s, createBlock as _, resolveDynamicComponent as Ne, normalizeClass as y, createElementBlock as n, createCommentVNode as b, renderSlot as R, createElementVNode as e, ref as N, watch as q, computed as Y, unref as u, withCtx as v, toDisplayString as g, createVNode as p, createTextVNode as L, Transition as ce, Fragment as k, renderList as $, withDirectives as C, vModelDynamic as et, vShow as D, withModifiers as Se, vModelText as ee, createStaticVNode as K, resolveComponent as Be, vModelCheckbox as Ae, reactive as Q, isRef as Pe, TransitionGroup as tt, onMounted as st, mergeProps as ot } from "vue";
+import { Menu as he, MenuButton as ye, MenuItems as ve, MenuItem as be, Combobox as Ye, ComboboxLabel as lt, ComboboxInput as Ie, ComboboxButton as Fe, ComboboxOptions as Ve, ComboboxOption as Re, SwitchGroup as rt, Switch as nt, SwitchLabel as at, TransitionRoot as we, Dialog as xe, TransitionChild as G, DialogPanel as ke, DialogTitle as qe, Disclosure as _e, DisclosureButton as Z, DisclosurePanel as $e } from "@headlessui/vue";
 import T from "dayjs";
 import Ce from "vue3-apexcharts";
 import it from "vue3-draggable";
@@ -22,7 +22,7 @@ const j = /* @__PURE__ */ B({
         "h-12 w-12": i.size === "huge",
         "h-20 w-20": i.size === "massive"
       }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"])
-    }, null, 2)) : (s(), _(Ae(i.icon), {
+    }, null, 2)) : (s(), _(Ne(i.icon), {
       key: 0,
       class: y({
         "h-4 w-4": i.size === "medium",
@@ -87,7 +87,7 @@ const j = /* @__PURE__ */ B({
         class: "-ml-0.5 mr-2",
         loading: i.loading
       }, null, 8, ["icon", "loading"])) : b("", !0),
-      q(i.$slots, "default")
+      R(i.$slots, "default")
     ], 10, ut));
   }
 }), gt = {
@@ -107,10 +107,10 @@ const j = /* @__PURE__ */ B({
   },
   emits: ["checkboxChanged"],
   setup(m, { emit: i }) {
-    const o = i, a = m, r = A(a.check), l = () => {
+    const o = i, a = m, r = N(a.check), l = () => {
       a.disabled || (r.value = !r.value, o("checkboxChanged", { checked: r.value, value: a.value }));
     };
-    return R(() => a.check, (t) => {
+    return q(() => a.check, (t) => {
       t && (r.value = t);
     }), (t, c) => t.loading ? (s(), n("div", yt, c[1] || (c[1] = [
       e("div", { class: "w-5 h-5 rounded bg-gray-200" }, null, -1),
@@ -128,7 +128,7 @@ const j = /* @__PURE__ */ B({
       ]),
       e("div", ft, [
         e("span", ht, [
-          q(t.$slots, "default")
+          R(t.$slots, "default")
         ])
       ])
     ]));
@@ -582,7 +582,7 @@ const zt = { class: "flex justify-between" }, Lt = {
 }, Ot = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end mt-1"
-}, At = { class: "py-1" }, Nt = ["onClick"], Pt = {
+}, Nt = { class: "py-1" }, At = ["onClick"], Pt = {
   key: 1,
   class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md inline-flex items-center relative text-left"
 }, me = /* @__PURE__ */ B({
@@ -645,7 +645,7 @@ const zt = { class: "flex justify-between" }, Lt = {
               class: y([{ "right-0": t.position === "right", "left-0": t.position === "left" }, "origin-top-right absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-10"])
             }, {
               default: v(() => [
-                e("div", At, [
+                e("div", Nt, [
                   (s(!0), n(k, null, $(t.items, (d, f) => (s(), _(u(be), { key: f }, {
                     default: v(() => [
                       e("a", {
@@ -654,7 +654,7 @@ const zt = { class: "flex justify-between" }, Lt = {
                           d.active ? "bg-gray-100 text-gray-900" : "text-gray-700",
                           "block px-4 py-2 text-sm cursor-pointer"
                         ])
-                      }, g(d.name), 11, Nt)
+                      }, g(d.name), 11, At)
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -675,7 +675,7 @@ const zt = { class: "flex justify-between" }, Lt = {
 }, Vt = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, qt = ["max", "disabled", "name", "placeholder", "type"], Rt = { class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, Ht = {
+}, Rt = ["max", "disabled", "name", "placeholder", "type"], qt = { class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, Ht = {
   key: 1,
   class: "animate-pulse"
 }, Ut = {
@@ -702,8 +702,8 @@ const zt = { class: "flex justify-between" }, Lt = {
   },
   emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"],
   setup(m, { emit: i }) {
-    const o = i, a = m, r = A(a.value);
-    R(() => a.value, (t) => {
+    const o = i, a = m, r = N(a.value);
+    q(() => a.value, (t) => {
       r.value = t, r.value && o("inputChanged", { name: a.name, value: r.value });
     });
     const l = (t) => {
@@ -751,7 +751,7 @@ const zt = { class: "flex justify-between" }, Lt = {
           placeholder: t.placeholder,
           type: t.type,
           onInput: l
-        }, null, 42, qt), [
+        }, null, 42, Rt), [
           [et, r.value]
         ]),
         t.rightAddOn ? (s(), n("span", {
@@ -759,7 +759,7 @@ const zt = { class: "flex justify-between" }, Lt = {
           onClick: c[2] || (c[2] = (d) => t.$emit("rightAddOnClicked")),
           class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 hover:bg-gray-200 text-gray-500 sm:text-sm cursor-pointer"
         }, g(t.rightAddOn), 1)) : b("", !0),
-        e("div", Rt, [
+        e("div", qt, [
           t.icon ? (s(), _(j, {
             key: 0,
             icon: t.icon,
@@ -827,7 +827,7 @@ const zt = { class: "flex justify-between" }, Lt = {
   },
   emits: ["filesUploaded"],
   setup(m, { emit: i }) {
-    let o = A("");
+    let o = N("");
     const a = i, r = m, l = (d) => {
       c(d.dataTransfer.files), a("filesUploaded", { id: r.id, files: d.dataTransfer.files });
     }, t = (d) => {
@@ -929,7 +929,7 @@ const zt = { class: "flex justify-between" }, Lt = {
   },
   emits: ["selectChanged"],
   setup(m, { emit: i }) {
-    const o = A(""), a = i, r = m, l = Y(() => o.value === "" ? r.items : r.items.filter((d) => d.name.toLowerCase().includes(o.value.toLowerCase()))), t = (d) => (d == null ? void 0 : d.name) ?? "", c = Y(() => r.select);
+    const o = N(""), a = i, r = m, l = Y(() => o.value === "" ? r.items : r.items.filter((d) => d.name.toLowerCase().includes(o.value.toLowerCase()))), t = (d) => (d == null ? void 0 : d.name) ?? "", c = Y(() => r.select);
     return (d, f) => d.loading ? (s(), n("div", is, [
       f[4] || (f[4] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       p(u(fe), {
@@ -989,7 +989,7 @@ const zt = { class: "flex justify-between" }, Lt = {
             class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
           }, {
             default: v(() => [
-              (s(!0), n(k, null, $(l.value, (h) => (s(), _(u(qe), {
+              (s(!0), n(k, null, $(l.value, (h) => (s(), _(u(Re), {
                 key: h.id,
                 value: h,
                 as: "template"
@@ -1078,7 +1078,7 @@ const zt = { class: "flex justify-between" }, Lt = {
         "px-4 py-3": l.size === "big"
       }, "inline-flex items-center rounded text-xs font-medium leading-none"])
     }, [
-      q(l.$slots, "default")
+      R(l.$slots, "default")
     ], 2));
   }
 }), cs = { key: 0 }, gs = { class: "flex justify-between" }, ps = {
@@ -1107,8 +1107,8 @@ const zt = { class: "flex justify-between" }, Lt = {
   setup(m, { emit: i }) {
     const o = i, a = m, r = (t) => {
       o("inputChanged", t.target.value);
-    }, l = A(a.value);
-    return R(() => a.value, (t) => {
+    }, l = N(a.value);
+    return q(() => a.value, (t) => {
       l.value = t, o("inputChanged", { name: a.name, value: l.value });
     }), (t, c) => t.loading ? (s(), n("div", hs, c[1] || (c[1] = [
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1),
@@ -1178,8 +1178,8 @@ const zt = { class: "flex justify-between" }, Lt = {
   },
   emits: ["toggleChanged", "actionClicked"],
   setup(m, { emit: i }) {
-    const o = m, a = A(o.checked);
-    return R(() => o.checked, (r) => a.value = r), (r, l) => r.loading ? (s(), n("div", ws, l[3] || (l[3] = [
+    const o = m, a = N(o.checked);
+    return q(() => o.checked, (r) => a.value = r), (r, l) => r.loading ? (s(), n("div", ws, l[3] || (l[3] = [
       e("div", { class: "relative bg-gray-200 rounded-full w-12 h-6 p-1 flex items-center" }, [
         e("div", { class: "rounded-full bg-gray-300 dark:bg-gray-400 h-4 w-4" })
       ], -1),
@@ -1299,7 +1299,7 @@ const zt = { class: "flex justify-between" }, Lt = {
                 "text-green-700": r.type === "success"
               }, "mt-2 text-sm"])
             }, [
-              q(r.$slots, "default")
+              R(r.$slots, "default")
             ], 2),
             e("div", Ss, [
               e("div", Bs, [
@@ -1331,10 +1331,10 @@ const zt = { class: "flex justify-between" }, Lt = {
 }, zs = {
   role: "list",
   class: "flex items-center space-x-4 text-xs"
-}, Ls = { key: 0 }, Os = ["onClick"], As = {
+}, Ls = { key: 0 }, Os = ["onClick"], Ns = {
   key: 1,
   class: "flex items-center"
-}, Ns = ["onClick"], Ps = {
+}, As = ["onClick"], Ps = {
   key: 1,
   class: "flex flex-row items-center animate-pulse"
 }, Ys = /* @__PURE__ */ B({
@@ -1364,7 +1364,7 @@ const zt = { class: "flex justify-between" }, Lt = {
               }),
               e("span", null, g(r.name), 1)
             ], 8, Os)
-          ])) : (s(), n("div", As, [
+          ])) : (s(), n("div", Ns, [
             p(u(te), {
               class: "flex-shrink-0 h-3 w-3 text-gray-400",
               "aria-hidden": "true"
@@ -1373,13 +1373,13 @@ const zt = { class: "flex justify-between" }, Lt = {
               onClick: (t) => o.$emit("breadCrumbClicked", r.routeName),
               class: y(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !r.current }]),
               "aria-current": "page"
-            }, g(r.name), 11, Ns)
+            }, g(r.name), 11, As)
           ]))
         ]))), 128))
       ])
     ]));
   }
-}), Is = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Fs = ["src"], Vs = { class: "font-bold text-center sm:text-left" }, qs = { class: "mt-1 text-xs text-center sm:text-left" }, Rs = {
+}), Is = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Fs = ["src"], Vs = { class: "font-bold text-center sm:text-left" }, Rs = { class: "mt-1 text-xs text-center sm:text-left" }, qs = {
   key: 0,
   class: "flex flex-wrap mt-4 justify-center sm:justify-start"
 }, Hs = {
@@ -1413,10 +1413,10 @@ const zt = { class: "flex justify-between" }, Lt = {
           }, null, 8, Fs),
           e("div", null, [
             e("h4", Vs, g(o.name), 1),
-            e("p", qs, g(o.type), 1)
+            e("p", Rs, g(o.type), 1)
           ])
         ]),
-        o.tags && ((r = o.tags) == null ? void 0 : r.length) > 0 ? (s(), n("div", Rs, [
+        o.tags && ((r = o.tags) == null ? void 0 : r.length) > 0 ? (s(), n("div", qs, [
           (s(!0), n(k, null, $(o.tags, (l) => (s(), _(H, {
             class: "mb-1 mr-1",
             key: l.name,
@@ -1446,7 +1446,7 @@ const zt = { class: "flex justify-between" }, Lt = {
       l.value.forEach((c) => {
         c.active = c.value === t.value;
       }), o("filterSelected", t);
-    }, l = A(a.items);
+    }, l = N(a.items);
     return (t, c) => (s(), _(me, {
       class: "text-nowrap",
       loading: t.loading,
@@ -1562,7 +1562,7 @@ const zt = { class: "flex justify-between" }, Lt = {
                             ])
                           ], 2),
                           e("div", Gs, [
-                            p(u(Re), {
+                            p(u(qe), {
                               as: "h3",
                               class: "text-lg font-medium leading-6 text-gray-900"
                             }, {
@@ -1572,7 +1572,7 @@ const zt = { class: "flex justify-between" }, Lt = {
                               _: 1
                             }),
                             e("div", Qs, [
-                              q(l.$slots, "default")
+                              R(l.$slots, "default")
                             ]),
                             l.actions ? (s(), n("div", Ks, [
                               (s(!0), n(k, null, $(l.actions, (c, d) => (s(), n("button", {
@@ -1848,8 +1848,8 @@ const se = (m, i) => {
       i === "next" && (m === "day" && (o = T(this.selectedDate).add(1, "day")), m === "month" && (o = T(this.selectedDate).add(1, "month")), m === "year" && (o = T(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", o);
     }
   }
-}, zo = { class: "dateSelector flex items-center text-white flex-row" }, Lo = { class: "pagination flex items-center my-1 md:my-0" }, Oo = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, Ao = { class: "pagination flex items-center my-1 sm:my-0" };
-function No(m, i, o, a, r, l) {
+}, zo = { class: "dateSelector flex items-center text-white flex-row" }, Lo = { class: "pagination flex items-center my-1 md:my-0" }, Oo = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, No = { class: "pagination flex items-center my-1 sm:my-0" };
+function Ao(m, i, o, a, r, l) {
   const t = Be("ChevronLeftIcon"), c = Be("ChevronRightIcon");
   return s(), n("div", zo, [
     e("div", Lo, [
@@ -1885,7 +1885,7 @@ function No(m, i, o, a, r, l) {
       ], 2)
     ]),
     e("div", Oo, g(l.formatedDate), 1),
-    e("div", Ao, [
+    e("div", No, [
       e("div", {
         class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
         onClick: i[3] || (i[3] = (d) => l.selectDate("day", "next"))
@@ -1910,15 +1910,15 @@ function No(m, i, o, a, r, l) {
     ])
   ]);
 }
-const Po = /* @__PURE__ */ se(To, [["render", No]]), Yo = {
+const Po = /* @__PURE__ */ se(To, [["render", Ao]]), Yo = {
   name: "SkeletonTable"
-}, Io = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Fo = { class: "flow-root" }, Vo = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, qo = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ro = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Ho = { class: "min-w-full divide-y divide-gray-300" }, Uo = { class: "divide-y divide-gray-200 bg-white" };
+}, Io = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Fo = { class: "flow-root" }, Vo = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Ro = { class: "inline-block min-w-full py-2 align-middle px-1" }, qo = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Ho = { class: "min-w-full divide-y divide-gray-300" }, Uo = { class: "divide-y divide-gray-200 bg-white" };
 function Eo(m, i, o, a, r, l) {
   return s(), n("div", Io, [
     e("div", Fo, [
       e("div", Vo, [
-        e("div", qo, [
-          e("div", Ro, [
+        e("div", Ro, [
+          e("div", qo, [
             e("table", Ho, [
               i[1] || (i[1] = e("thead", { class: "bg-gray-50" }, [
                 e("tr", null, [
@@ -2139,8 +2139,8 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
   },
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
   setup(m, { emit: i }) {
-    const o = m, a = i, r = A(/* @__PURE__ */ new Date()), l = A(o.today), t = A([]);
-    R(() => o.today, (x) => {
+    const o = m, a = i, r = N(/* @__PURE__ */ new Date()), l = N(o.today), t = N([]);
+    q(() => o.today, (x) => {
       l.value = x;
     });
     const c = Y(() => {
@@ -2155,7 +2155,7 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
       return I ? I.price : x.price;
     }, w = (x) => {
       t.value = x.target.checked ? o.rooms.map((I) => I.id) : [];
-    }, z = () => a("changeCategoryBulkPrices"), N = (x) => a("changeCategorySelectionPrice", x), M = (x) => a("changeCategoryUpgradePrice", x), S = (x) => a("tableAction", x), F = (x, I, P) => a("changeRoomPrice", { price: x, roomId: I, roomName: P });
+    }, z = () => a("changeCategoryBulkPrices"), A = (x) => a("changeCategorySelectionPrice", x), M = (x) => a("changeCategoryUpgradePrice", x), S = (x) => a("tableAction", x), F = (x, I, P) => a("changeRoomPrice", { price: x, roomId: I, roomName: P });
     return (x, I) => {
       var P, oe;
       return x.loading ? (s(), _(Ke, { key: 1 })) : (s(), n("div", nl, [
@@ -2205,7 +2205,7 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
                       class: "p-0"
                     }, [
                       p(le, {
-                        onClick: (X) => N(O),
+                        onClick: (X) => A(O),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer",
                         price: O,
                         currency: x.currency.symbol,
@@ -2220,7 +2220,7 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
                       class: "p-0"
                     }, [
                       p(le, {
-                        onClick: (X) => N(O),
+                        onClick: (X) => A(O),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer",
                         price: O,
                         currency: x.currency.symbol,
@@ -2287,7 +2287,7 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
                         value: O.name,
                         "onUpdate:modelValue": I[1] || (I[1] = (V) => t.value = V)
                       }, null, 8, jl), [
-                        [Ne, t.value]
+                        [Ae, t.value]
                       ]),
                       e("span", Tl, g(O.name), 1)
                     ]),
@@ -2314,10 +2314,10 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
       ]));
     };
   }
-}), Al = { class: "chart-header flex flex-row items-center w-full justify-between" }, Nl = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, Pl = {
+}), Nl = { class: "chart-header flex flex-row items-center w-full justify-between" }, Al = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, Pl = {
   key: 0,
   class: "flex items-center gap-x-2 grow"
-}, Yl = { class: "self-center ml-2" }, Il = { class: "self-center ml-2" }, Fl = { class: "self-center ml-2" }, Vl = { class: "hidden sm:flex items-center" }, ql = { class: "w-1/2 min-w-0 flex-1" }, Rl = ["max"], Hl = { class: "min-w-0 flex-1" }, Ul = ["max"], El = { class: "chart-content relative" }, Zl = /* @__PURE__ */ B({
+}, Yl = { class: "self-center ml-2" }, Il = { class: "self-center ml-2" }, Fl = { class: "self-center ml-2" }, Vl = { class: "hidden sm:flex items-center" }, Rl = { class: "w-1/2 min-w-0 flex-1" }, ql = ["max"], Hl = { class: "min-w-0 flex-1" }, Ul = ["max"], El = { class: "chart-content relative" }, Zl = /* @__PURE__ */ B({
   __name: "uiChart",
   props: {
     labels: {},
@@ -2339,9 +2339,9 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(m, { emit: i }) {
-    const o = i, a = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), r = m;
+    const o = i, a = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), r = m;
     let l = Q(r.dates || { from: "", to: a });
-    R(() => r.dates, (M) => {
+    q(() => r.dates, (M) => {
       M && (l = M);
     });
     let c = {
@@ -2402,15 +2402,15 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
     }), r.type === "area" && (c.tooltip = { intersect: !0, shared: !1 });
     const d = () => (c.chart.stacked = r.stacked, { ...c, ...r.options, plotOptions: { bar: { horizontal: r.horizontal } } }), f = () => {
       l.from !== "" && l.to !== "" && T(l.from).isBefore(T(l.to)) && o("selectedRange", { range: l, chartId: r.id });
-    }, h = Y(() => r.series), w = Y(() => d()), z = () => o("chartUpdated"), N = (M, S, F) => {
+    }, h = Y(() => r.series), w = Y(() => d()), z = () => o("chartUpdated"), A = (M, S, F) => {
       o("dataPointSelection", { id: r.id, chartContext: S, config: F, event: M });
     };
     return (M, S) => (s(), n(k, null, [
       C(e("div", {
         class: y(["h-[" + M.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
       }, [
-        e("div", Al, [
-          e("div", Nl, g(M.title), 1),
+        e("div", Nl, [
+          e("div", Al, g(M.title), 1),
           M.isNps && M.npsLiterals ? (s(), n("div", Pl, [
             p(H, {
               size: "small",
@@ -2459,7 +2459,7 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
             })
           ])) : b("", !0),
           e("div", Vl, [
-            e("div", ql, [
+            e("div", Rl, [
               C(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": S[0] || (S[0] = (F) => u(l).from = F),
@@ -2468,7 +2468,7 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
                 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, Rl), [
+              }, null, 40, ql), [
                 [ee, u(l).from]
               ])
             ]),
@@ -2503,7 +2503,7 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
             options: w.value,
             onUpdated: z,
             onMounted: z,
-            onDataPointSelection: N
+            onDataPointSelection: A
           }, null, 8, ["type", "series", "height", "options"])
         ], 512), [
           [D, !M.empty]
@@ -2621,7 +2621,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["changePage"],
   setup(m, { emit: i }) {
-    const o = i, a = m, r = A(3), l = Y(
+    const o = i, a = m, r = N(3), l = Y(
       () => Math.max(1, Number(a.current) - Number(r.value))
     ), t = Y(
       () => Math.min(Number(a.current) + Number(r.value), Number(a.total))
@@ -2637,18 +2637,18 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
     ]))) : (s(), n("div", Xl, [
       e("div", er, [
         e("a", tr, [
-          q(d.$slots, "previous")
+          R(d.$slots, "previous")
         ]),
         e("a", sr, [
-          q(d.$slots, "next")
+          R(d.$slots, "next")
         ])
       ]),
       e("div", or, [
         e("div", null, [
           e("p", lr, [
-            q(d.$slots, "showing"),
+            R(d.$slots, "showing"),
             e("span", rr, g(d.current + " "), 1),
-            q(d.$slots, "of"),
+            R(d.$slots, "of"),
             e("span", nr, g(d.total), 1)
           ])
         ]),
@@ -2659,7 +2659,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
               class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
               e("span", ir, [
-                q(d.$slots, "previous")
+                R(d.$slots, "previous")
               ]),
               p(u(Je), {
                 class: "h-5 w-5",
@@ -2681,7 +2681,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
               class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
               e("span", ur, [
-                q(d.$slots, "next")
+                R(d.$slots, "next")
               ]),
               p(u(te), {
                 class: "h-5 w-5",
@@ -2811,7 +2811,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
 }), Sr = { key: 0 }, Br = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Mr = { class: "ml-16 flex items-baseline pb-5" }, Dr = { class: "text-2xl font-semibold text-gray-900" }, jr = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, Tr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, zr = { class: "text-sm" }, Lr = { key: 1 }, Or = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Ar = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Xe = /* @__PURE__ */ B({
+}, Tr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, zr = { class: "text-sm" }, Lr = { key: 1 }, Or = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Nr = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Xe = /* @__PURE__ */ B({
   __name: "uiStats",
   props: {
     item: {},
@@ -2822,7 +2822,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
     return (o, a) => o.loading ? (s(), n("div", Lr, [
       e("div", Or, [
         e("dt", null, [
-          e("div", Ar, [
+          e("div", Nr, [
             p(j, {
               loading: o.loading,
               icon: o.item.icon,
@@ -2901,13 +2901,13 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       ], 2)
     ]));
   }
-}), Nr = {
+}), Ar = {
   key: 0,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, Pr = { class: "px-4 py-5 sm:px-6" }, Yr = { class: "text-lg font-medium leading-6 text-gray-900" }, Ir = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Fr = { class: "border-t border-gray-200" }, Vr = { class: "text-sm font-medium text-gray-500" }, qr = {
+}, Pr = { class: "px-4 py-5 sm:px-6" }, Yr = { class: "text-lg font-medium leading-6 text-gray-900" }, Ir = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Fr = { class: "border-t border-gray-200" }, Vr = { class: "text-sm font-medium text-gray-500" }, Rr = {
   key: 0,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal"
-}, Rr = ["onClick"], Hr = {
+}, qr = ["onClick"], Hr = {
   key: 2,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words"
 }, Ur = {
@@ -2940,7 +2940,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
           ]), 2)), 64))
         ])
       ])
-    ])) : (s(), n("div", Nr, [
+    ])) : (s(), n("div", Ar, [
       e("div", Pr, [
         e("h3", Yr, g(o.title), 1),
         e("p", Ir, g(o.subtitle), 1)
@@ -2952,7 +2952,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
             class: y(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [l % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, [
             e("dt", Vr, g(r.title), 1),
-            r.type === "tags" ? (s(), n("dd", qr, [
+            r.type === "tags" ? (s(), n("dd", Rr, [
               (s(!0), n(k, null, $(r.tags, (t, c) => (s(), _(H, {
                 loading: o.loading,
                 key: c,
@@ -2968,7 +2968,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
               key: 1,
               class: "mt-1 text-sm text-indigo-600 hover:text-indigo-400 sm:col-span-2 sm:mt-0 cursor-pointer",
               onClick: (t) => o.$emit("itemClicked", r.emits)
-            }, g(r.text), 9, Rr)) : (s(), n("dd", Hr, g(r.text), 1))
+            }, g(r.text), 9, qr)) : (s(), n("dd", Hr, g(r.text), 1))
           ], 2))), 128))
         ])
       ])
@@ -3032,7 +3032,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted"],
   setup(m, { emit: i }) {
-    let o = A([]), a = A(""), r = A(!1);
+    let o = N([]), a = N(""), r = N(!1);
     const l = i, t = m, c = Y(
       () => o.value.length > 0 && o.value.length < t.items.length
     ), d = (w, z) => {
@@ -3042,16 +3042,16 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
     }, h = (w) => {
       l("customEmit", w);
     };
-    return R(() => t.resetSelected, (w) => {
+    return q(() => t.resetSelected, (w) => {
       r.value = w, w && r.value && (o.value = [], r.value = !w, l("selectedItemsDeleted"));
     }), (w, z) => {
-      var N, M;
+      var A, M;
       return w.loading ? (s(), _(Ke, { key: 1 })) : (s(), n("div", Qr, [
         e("div", Kr, [
           e("div", Xr, [
             e("div", en, [
               e("div", tn, [
-                ((N = u(o)) == null ? void 0 : N.length) > 0 && ((M = w.actions) == null ? void 0 : M.length) > 0 ? (s(), n("div", sn, [
+                ((A = u(o)) == null ? void 0 : A.length) > 0 && ((M = w.actions) == null ? void 0 : M.length) > 0 ? (s(), n("div", sn, [
                   (s(!0), n(k, null, $(w.actions, (S, F) => (s(), n("button", {
                     onClick: (x) => w.$emit("tableAction", { action: S.id, items: u(o) }),
                     key: F,
@@ -3132,7 +3132,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                             class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 flex-wrap",
                             type: "checkbox"
                           }, null, 8, pn)), [
-                            [Ne, u(o)]
+                            [Ae, u(o)]
                           ]) : b("", !0)
                         ], 2),
                         (s(!0), n(k, null, $(S.row, (P, oe) => (s(), n("td", {
@@ -3233,7 +3233,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Tn = { class: "relative flex space-x-3" }, zn = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Ln = { class: "text-sm text-gray-500" }, On = ["onClick"], An = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Nn = ["datetime"], Pn = {
+}, Tn = { class: "relative flex space-x-3" }, zn = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Ln = { class: "text-sm text-gray-500" }, On = ["onClick"], Nn = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, An = ["datetime"], Pn = {
   key: 1,
   class: "bg-gray-50 px-4 py-4 sm:px-6 z-10"
 }, Yn = { class: "text-sm" }, In = {
@@ -3242,7 +3242,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
 }, Fn = {
   key: 1,
   class: "bg-white overflow-hidden shadow rounded-lg"
-}, Vn = { class: "px-4 py-5 sm:p-6 animate-pulse" }, qn = { class: "flow-root" }, Rn = {
+}, Vn = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Rn = { class: "flow-root" }, qn = {
   class: "-mb-8",
   role: "list"
 }, Hn = { class: "relative pb-8" }, Un = {
@@ -3268,8 +3268,8 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         ])
       ], -1)),
       e("div", Vn, [
-        e("div", qn, [
-          e("ul", Rn, [
+        e("div", Rn, [
+          e("ul", qn, [
             (s(), n(k, null, $(10, (t, c) => e("li", { key: c }, [
               e("div", Hn, [
                 t !== 10 ? (s(), n("span", Un)) : b("", !0),
@@ -3328,10 +3328,10 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                             L(" " + g(t == null ? void 0 : t.content), 1)
                           ])
                         ]),
-                        e("div", An, [
+                        e("div", Nn, [
                           e("time", {
                             datetime: t == null ? void 0 : t.datetime
-                          }, g(t == null ? void 0 : t.date), 9, Nn)
+                          }, g(t == null ? void 0 : t.date), 9, An)
                         ])
                       ])
                     ])
@@ -3729,7 +3729,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Ba = { class: "fixed inset-0 overflow-hidden" }, Ma = { class: "absolute inset-0 overflow-hidden" }, Da = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, ja = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, Ta = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, za = { class: "flex items-center justify-between" }, La = { class: "ml-3 flex h-7 items-center" }, Oa = { class: "mt-1" }, Aa = { class: "text-sm text-indigo-300" }, Na = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Pa = /* @__PURE__ */ B({
+}), Ba = { class: "fixed inset-0 overflow-hidden" }, Ma = { class: "absolute inset-0 overflow-hidden" }, Da = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, ja = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, Ta = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, za = { class: "flex items-center justify-between" }, La = { class: "ml-3 flex h-7 items-center" }, Oa = { class: "mt-1" }, Na = { class: "text-sm text-indigo-300" }, Aa = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Pa = /* @__PURE__ */ B({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -3768,7 +3768,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                           e("div", ja, [
                             e("div", Ta, [
                               e("div", za, [
-                                p(u(Re), { class: "text-base font-semibold leading-6 text-white" }, {
+                                p(u(qe), { class: "text-base font-semibold leading-6 text-white" }, {
                                   default: v(() => [
                                     L(g(o.title), 1)
                                   ]),
@@ -3790,11 +3790,11 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                                 ])
                               ]),
                               e("div", Oa, [
-                                e("p", Aa, g(o.description), 1)
+                                e("p", Na, g(o.description), 1)
                               ])
                             ]),
-                            e("div", Na, [
-                              q(o.$slots, "default")
+                            e("div", Aa, [
+                              R(o.$slots, "default")
                             ])
                           ])
                         ]),
@@ -3817,7 +3817,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   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"
-}, Fa = { 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" }, Va = ["src"], qa = ["onClick"], Ra = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Ha = { class: "flex items-center justify-between" }, Ua = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, Ea = {
+}, Fa = { 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" }, Va = ["src"], Ra = ["onClick"], qa = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Ha = { class: "flex items-center justify-between" }, Ua = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, Ea = {
   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"
@@ -3831,7 +3831,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["modalAction", "deleteImage", "imgClicked"],
   setup(m, { emit: i }) {
-    const o = i, a = A(!1), r = (l) => {
+    const o = i, a = N(!1), r = (l) => {
       a.value = !1, o("modalAction", l);
     };
     return (l, t) => (s(), n("div", Ya, [
@@ -3870,9 +3870,9 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
               type: "button",
               class: "absolute inset-0 focus:outline-none",
               onClick: (d) => l.$emit("imgClicked", c)
-            }, null, 8, qa)
+            }, null, 8, Ra)
           ]),
-          e("p", Ra, g(c.title), 1),
+          e("p", qa, g(c.title), 1),
           e("div", Ha, [
             e("p", Ua, g(c.size), 1),
             p(j, {
@@ -3912,8 +3912,8 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   emits: ["dragAndDropUpdated"],
   setup(m, { emit: i }) {
     const o = i, a = m;
-    let r = A(a.elements);
-    R(() => a.elements, (t) => {
+    let r = N(a.elements);
+    q(() => a.elements, (t) => {
       r.value = t;
     });
     const l = (t) => {
@@ -3972,10 +3972,10 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(m, { emit: i }) {
-    const o = i, a = m, r = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    const o = i, a = m, r = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let l = Q(a.dates || { from: "", to: r });
-    R(() => a.dates, (N) => {
-      N && (l = N);
+    q(() => a.dates, (A) => {
+      A && (l = A);
     });
     let t = {
       chart: {
@@ -4009,17 +4009,17 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         }
       }
     };
-    const c = () => ({ ...t, ...a.options }), d = Y(() => a.series), f = Y(() => c()), h = () => o("chartUpdated"), w = (N, M, S) => {
-      o("dataPointSelection", { id: a.id, chartContext: M, config: S, event: N });
+    const c = () => ({ ...t, ...a.options }), d = Y(() => a.series), f = Y(() => c()), h = () => o("chartUpdated"), w = (A, M, S) => {
+      o("dataPointSelection", { id: a.id, chartContext: M, config: S, event: A });
     }, z = () => {
       l.from !== "" && l.to !== "" && T(l.from).isBefore(T(l.to)) && o("selectedRange", { range: l, chartId: a.id });
     };
-    return (N, M) => (s(), n(k, null, [
+    return (A, M) => (s(), n(k, null, [
       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"])
+        class: y(["h-[" + A.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
         e("div", si, [
-          e("div", oi, g(N.title), 1),
+          e("div", oi, g(A.title), 1),
           e("div", li, [
             e("div", ri, [
               C(e("input", {
@@ -4050,9 +4050,9 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
             p(j, {
               class: "ml-4 cursor-pointer",
               size: "big",
-              loading: N.loading,
+              loading: A.loading,
               icon: u(Ue),
-              onClick: M[2] || (M[2] = (S) => N.$emit("maximizeChart", N.id))
+              onClick: M[2] || (M[2] = (S) => A.$emit("maximizeChart", A.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
@@ -4062,13 +4062,13 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
             type: "donut",
             series: d.value,
             options: f.value,
-            height: N.height - 80,
+            height: A.height - 80,
             onUpdated: h,
             onMounted: h,
             onDataPointSelection: w
           }, null, 8, ["series", "options", "height"])
         ], 512), [
-          [D, !N.empty]
+          [D, !A.empty]
         ]),
         C(e("div", ui, [
           p(j, {
@@ -4079,10 +4079,10 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
           }, null, 8, ["icon"]),
           M[3] || (M[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
-          [D, N.empty]
+          [D, A.empty]
         ])
       ], 2), [
-        [D, !N.loading]
+        [D, !A.loading]
       ]),
       C(e("div", ci, M[4] || (M[4] = [
         e("div", {
@@ -4111,7 +4111,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
           ])
         ], -1)
       ]), 512), [
-        [D, N.loading]
+        [D, A.loading]
       ])
     ], 64));
   }
@@ -4136,10 +4136,10 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["uiDateRangeButtonClicked"],
   setup(m, { emit: i }) {
-    const o = m, a = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    const o = m, a = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let r = Q(o.values || { from: "", to: a });
     const l = i;
-    R(() => o.values, (c) => {
+    q(() => o.values, (c) => {
       c && (r = c);
     });
     const t = () => {
@@ -4224,7 +4224,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["sliderUpdated"],
   setup(m, { emit: i }) {
-    const o = i, r = A(m.sliderValue);
+    const o = i, r = N(m.sliderValue);
     return (l, t) => (s(), n("div", null, [
       e("div", hi, [
         l.label ? (s(), n("label", yi, g(l.label), 1)) : b("", !0),
@@ -4359,17 +4359,17 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Oi = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Ai = { class: "bg-indigo-600 w-16 mr-6" }, Ni = ["onClick"], Pi = {
+}), Oi = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Ni = { class: "bg-indigo-600 w-16 mr-6" }, Ai = ["onClick"], Pi = {
   key: 0,
   class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
 }, Yi = { class: "flex h-16 shrink-0 items-center" }, Ii = ["src"], Fi = { class: "flex flex-1 flex-col" }, Vi = {
   key: 0,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, qi = {
+}, Ri = {
   role: "list",
   class: "ml-2 space-y-1"
-}, Ri = ["onClick"], Hi = {
+}, qi = ["onClick"], Hi = {
   key: 1,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
@@ -4389,7 +4389,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   emits: ["productBarClick", "sideBarClick"],
   setup(m, { emit: i }) {
     return (o, a) => (s(), n("div", Oi, [
-      e("div", Ai, [
+      e("div", Ni, [
         e("ul", null, [
           (s(!0), n(k, null, $(o.productsSidebar, (r, l) => (s(), n("li", {
             key: l,
@@ -4402,7 +4402,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
               color: "white",
               size: "bigger"
             }, null, 8, ["icon"])
-          ], 10, Ni))), 128))
+          ], 10, Ai))), 128))
         ])
       ]),
       o.loading ? (s(), n("div", Zi, [
@@ -4421,7 +4421,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         e("nav", Fi, [
           o.isFilterNavigation ? b("", !0) : (s(), n("ul", Vi, [
             e("li", null, [
-              e("ul", qi, [
+              e("ul", Ri, [
                 (s(!0), n(k, null, $(o.navigation, (r) => (s(), n("li", {
                   key: r.name
                 }, [
@@ -4494,7 +4494,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                       class: "shrink-0"
                     }, null, 8, ["icon"]),
                     L(" " + g(r.name), 1)
-                  ], 10, Ri))
+                  ], 10, qi))
                 ]))), 128))
               ])
             ])
@@ -4546,7 +4546,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["productBarClick", "sideBarClick", "selectChanged", "topBarClick"],
   setup(m, { emit: i }) {
-    const o = m, a = A(""), r = Y(() => a.value === "" ? o.topbar.selectItems : o.topbar.selectItems.filter((d) => d.name.toLowerCase().includes(a.value.toLowerCase()))), l = (d) => (d == null ? void 0 : d.name) ?? "", t = Y(() => o.topbar.selectedItem), c = A(!1);
+    const o = m, a = N(""), r = Y(() => a.value === "" ? o.topbar.selectItems : o.topbar.selectItems.filter((d) => d.name.toLowerCase().includes(a.value.toLowerCase()))), l = (d) => (d == null ? void 0 : d.name) ?? "", t = Y(() => o.topbar.selectedItem), c = N(!1);
     return (d, f) => (s(), n("div", null, [
       p(u(we), {
         as: "template",
@@ -4701,7 +4701,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                       class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
                     }, {
                       default: v(() => [
-                        (s(!0), n(k, null, $(r.value, (h) => (s(), _(u(qe), {
+                        (s(!0), n(k, null, $(r.value, (h) => (s(), _(u(Re), {
                           key: h.id,
                           value: h,
                           as: "template"
@@ -4806,7 +4806,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         ]),
         e("main", dd, [
           e("div", ud, [
-            q(d.$slots, "default")
+            R(d.$slots, "default")
           ])
         ])
       ])
@@ -4819,7 +4819,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
     loading: { type: Boolean, default: !0 }
   },
   setup(m) {
-    const i = m, o = () => i.dynamicStats.length <= 5 ? `lg:grid-cols-${i.dynamicStats.length}` : `lg:grid-cols-${Math.floor(i.dynamicStats.length / 2)} xl:grid-cols-${i.dynamicStats.length}`, a = A(0), r = A(o());
+    const i = m, o = () => i.dynamicStats.length <= 5 ? `lg:grid-cols-${i.dynamicStats.length}` : `lg:grid-cols-${Math.floor(i.dynamicStats.length / 2)} xl:grid-cols-${i.dynamicStats.length}`, a = N(0), r = N(o());
     return st(() => a.value += 1), (l, t) => (s(), n("div", {
       class: y([r.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: a.value
@@ -4843,9 +4843,9 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["smartFilterSelected", "smartInputChanged", "smartOptionSelected", "rightAddOnClicked"],
   setup(m, { emit: i }) {
-    const o = m, a = i, r = A(o.filterType);
+    const o = m, a = i, r = N(o.filterType);
     let l = Q(o.inputProps), t = Q(o.dropdownProps);
-    R(() => o.filterType, (h) => r.value = h), R(() => o.inputProps, (h) => l = h), R(() => o.dropdownProps, (h) => t = h);
+    q(() => o.filterType, (h) => r.value = h), q(() => o.inputProps, (h) => l = h), q(() => o.dropdownProps, (h) => t = h);
     const c = Y(() => r.value === "input" ? l : t), d = Y(() => r.value === "input" ? E : me), f = (h) => {
       r.value = h.type, a("smartFilterSelected", h);
     };
@@ -4855,18 +4855,14 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         loading: h.loading,
         onFilterSelected: f
       }, null, 8, ["items", "loading"]),
-      (s(), _(Ae(d.value), ot({
+      (s(), _(Ne(d.value), ot({
         class: [{ "rounded-md": !h.inputProps.rightAddOn, "rounded-l-md": h.inputProps.rightAddOn, "rounded-r-none": h.inputProps.rightAddOn }, "w-full mt-2 lg:mt-0 lg:mx-2 lg:grow"]
       }, c.value, {
         loading: h.loading,
         onInputChanged: w[0] || (w[0] = (z) => a("smartInputChanged", z)),
-        onOptionSelected: w[1] || (w[1] = (z) => a("smartOptionSelected", z))
+        onOptionSelected: w[1] || (w[1] = (z) => a("smartOptionSelected", z)),
+        onRightAddOnClicked: w[2] || (w[2] = (z) => a("rightAddOnClicked"))
       }), null, 16, ["class", "loading"])),
-      h.inputProps.rightAddOn && r.value === "input" ? (s(), n("span", {
-        key: 0,
-        onClick: w[2] || (w[2] = (z) => h.$emit("rightAddOnClicked")),
-        class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 hover:bg-gray-200 text-gray-500 sm:text-sm cursor-pointer"
-      }, g(h.inputProps.rightAddOn), 1)) : b("", !0),
       p(J, {
         class: "mt-2 lg:mt-0",
         loading: h.loading