@hotelinking/ui 14.47.5 → 14.47.7

package/dist/ui.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as M, createBlock as k, createElementBlock as n, openBlock as l, resolveDynamicComponent as Re, normalizeClass as y, createCommentVNode as b, renderSlot as E, createElementVNode as e, ref as N, watch as H, computed as Y, unref as c, withCtx as h, createVNode as m, toDisplayString as g, createTextVNode as z, Transition as re, Fragment as $, renderList as S, withDirectives as B, vModelDynamic as ct, vShow as D, withModifiers as ye, vModelText as se, createStaticVNode as te, resolveComponent as Fe, vModelCheckbox as Ee, reactive as ae, isRef as xe, TransitionGroup as gt, onMounted as mt, shallowRef as pt, mergeProps as ve } from "vue";
+import { defineComponent as M, createBlock as k, createElementBlock as n, openBlock as l, resolveDynamicComponent as Re, normalizeClass as y, createCommentVNode as b, renderSlot as E, createElementVNode as e, ref as I, watch as H, computed as Y, unref as c, withCtx as h, createVNode as m, toDisplayString as g, createTextVNode as L, Transition as re, Fragment as $, renderList as S, withDirectives as B, vModelDynamic as ct, vShow as D, withModifiers as ye, vModelText as se, createStaticVNode as te, resolveComponent as Oe, vModelCheckbox as Ee, reactive as ae, isRef as xe, TransitionGroup as gt, onMounted as mt, shallowRef as pt, mergeProps as ve } from "vue";
 import { Menu as _e, MenuButton as $e, MenuItems as Ce, MenuItem as Se, Combobox as Ue, ComboboxLabel as He, ComboboxInput as Ze, ComboboxButton as Je, ComboboxOptions as We, ComboboxOption as Ge, SwitchGroup as ft, Switch as ht, SwitchLabel as yt, TransitionRoot as Be, Dialog as Me, TransitionChild as X, DialogPanel as je, DialogTitle as Qe, Disclosure as De, DisclosureButton as Q, DisclosurePanel as Te, Listbox as vt, ListboxLabel as bt, ListboxButton as wt, ListboxOptions as kt, ListboxOption as xt, Popover as _t, PopoverButton as $t, PopoverPanel as Ct } from "@headlessui/vue";
 import V from "dayjs";
 import ze from "vue3-apexcharts";
 import St from "vue3-draggable";
 import Bt from "@vueform/slider";
-const F = /* @__PURE__ */ M({
+const A = /* @__PURE__ */ M({
   __name: "uiIcon",
   props: {
     icon: {},
@@ -55,7 +55,7 @@ const F = /* @__PURE__ */ M({
   },
   setup(p) {
     return (u, r) => u.loading ? (l(), n("button", jt, [
-      u.icon ? (l(), k(F, {
+      u.icon ? (l(), k(A, {
         key: 0,
         icon: u.icon,
         color: "white",
@@ -79,7 +79,7 @@ const F = /* @__PURE__ */ M({
       }, "group inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 text-nowrap"]),
       type: "button"
     }, [
-      u.icon ? (l(), k(F, {
+      u.icon ? (l(), k(A, {
         key: 0,
         icon: u.icon,
         class: "-ml-0.5 mr-2",
@@ -92,7 +92,7 @@ const F = /* @__PURE__ */ M({
 }), Dt = {
   key: 0,
   class: "relative flex items-start"
-}, Tt = { class: "flex items-center h-5" }, zt = ["checked", "value", "disabled"], Lt = { class: "ml-3 text-sm" }, Ft = { class: "text-black" }, At = {
+}, Tt = { class: "flex items-center h-5" }, zt = ["checked", "value", "disabled"], Lt = { class: "ml-3 text-sm" }, Ot = { class: "text-black" }, At = {
   key: 1,
   class: "flex items-center animate-pulse"
 }, Ke = /* @__PURE__ */ M({
@@ -106,7 +106,7 @@ const F = /* @__PURE__ */ M({
   },
   emits: ["checkboxChanged"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = N(i.check), o = () => {
+    const r = u, i = p, s = I(i.check), o = () => {
       i.disabled || (s.value = !s.value, r("checkboxChanged", { checked: s.value, value: i.value }));
     };
     return H(() => i.check, (t) => {
@@ -126,14 +126,14 @@ const F = /* @__PURE__ */ M({
         }, null, 40, zt)
       ]),
       e("div", Lt, [
-        e("span", Ft, [
+        e("span", Ot, [
           E(t.$slots, "default")
         ])
       ])
     ]));
   }
 });
-function Ot(p, u) {
+function Ft(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -642,7 +642,7 @@ const Jt = {
           ], 2),
           m(c($e), { class: "text-black inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-black" }, {
             default: h(() => [
-              z(g(s.value) + " ", 1),
+              L(g(s.value) + " ", 1),
               t.verticalPosition === "bottom" ? (l(), k(c(oe), {
                 key: 0,
                 "aria-hidden": "true",
@@ -734,7 +734,7 @@ const Jt = {
   },
   emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = N(i.value);
+    const r = u, i = p, s = I(i.value);
     H(() => i.value, (t) => {
       s.value = t, s.value && r("inputChanged", { name: i.name, value: s.value });
     });
@@ -792,27 +792,27 @@ const Jt = {
           class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-black bg-black hover:bg-lime-400 hover:text-black text-white sm:text-sm cursor-pointer"
         }, g(t.rightAddOn), 1)) : b("", !0),
         e("div", ol, [
-          t.icon ? (l(), k(F, {
+          t.icon ? (l(), k(A, {
             key: 0,
             icon: t.icon,
             color: t.color,
             loading: t.loading
           }, null, 8, ["icon", "color", "loading"])) : b("", !0),
-          B(m(F, {
+          B(m(A, {
             icon: c(Le),
             color: "green",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
             [D, t.color === "green"]
           ]),
-          B(m(F, {
+          B(m(A, {
             icon: c(W),
             color: "yellow",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
             [D, t.color === "yellow"]
           ]),
-          B(m(F, {
+          B(m(A, {
             icon: c(K),
             color: "red",
             loading: t.loading
@@ -859,7 +859,7 @@ const Jt = {
   },
   emits: ["filesUploaded"],
   setup(p, { emit: u }) {
-    let r = N("");
+    let r = I("");
     const i = u, s = p, o = (d) => {
       a(d.dataTransfer.files), i("filesUploaded", { id: s.id, files: d.dataTransfer.files });
     }, t = (d) => {
@@ -896,7 +896,7 @@ const Jt = {
         onDrop: ye(o, ["prevent"])
       }, [
         e("div", cl, [
-          m(F, {
+          m(A, {
             icon: d.icon,
             size: "massive",
             color: "black",
@@ -929,13 +929,13 @@ const Jt = {
         ])
       ], 34),
       B(e("p", yl, [
-        m(F, {
+        m(A, {
           icon: c(fe),
           color: "red",
           class: "mr-2",
           loading: d.loading
         }, null, 8, ["icon", "loading"]),
-        z(" " + g(d.error), 1)
+        L(" " + g(d.error), 1)
       ], 512), [
         [D, d.error]
       ])
@@ -963,7 +963,7 @@ const Jt = {
   },
   emits: ["selectChanged"],
   setup(p, { expose: u, emit: r }) {
-    const i = N(""), s = r, o = p, t = Y(() => i.value === "" ? o.items : o.items.filter((v) => v.name.toLowerCase().includes(i.value.toLowerCase()))), a = (v) => v?.name ?? "", d = (v) => {
+    const i = I(""), s = r, o = p, t = Y(() => i.value === "" ? o.items : o.items.filter((v) => v.name.toLowerCase().includes(i.value.toLowerCase()))), a = (v) => v?.name ?? "", d = (v) => {
       s("selectChanged", v);
     }, f = Y({
       get: () => o.select,
@@ -993,7 +993,7 @@ const Jt = {
         e("div", wl, [
           m(c(He), { class: "block text-sm font-medium" }, {
             default: h(() => [
-              z(g(v.label), 1)
+              L(g(v.label), 1)
             ]),
             _: 1
           }),
@@ -1133,7 +1133,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
   },
   emits: ["selectChanged"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N(""), o = N(r.select), t = Y(
+    const r = p, i = u, s = I(""), o = I(r.select), t = Y(
       () => s.value === "" ? r.items : r.items.filter((d) => d.name.toLowerCase().includes(s.value.toLowerCase()))
     ), a = (d) => {
       s.value = "", i("selectChanged", d);
@@ -1150,7 +1150,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
         e("div", Bl, [
           m(c(He), { class: "block text-sm font-medium" }, {
             default: h(() => [
-              z(g(d.label), 1)
+              L(g(d.label), 1)
             ]),
             _: 1
           }),
@@ -1287,10 +1287,10 @@ const Bl = { class: "flex justify-between" }, Ml = {
   key: 1,
   "data-test": "required",
   class: "text-[10px] uppercase justify-self-end"
-}, Fl = ["disabled", "placeholder"], Al = {
+}, Ol = ["disabled", "placeholder"], Al = {
   key: 1,
   class: "animate-pulse"
-}, Ol = /* @__PURE__ */ M({
+}, Fl = /* @__PURE__ */ M({
   __name: "uiTextArea",
   props: {
     name: {},
@@ -1307,7 +1307,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
   setup(p, { emit: u }) {
     const r = u, i = p, s = (t) => {
       r("inputChanged", t.target.value);
-    }, o = N(i.value);
+    }, o = I(i.value);
     return H(() => i.value, (t) => {
       o.value = t, r("inputChanged", { name: i.name, value: o.value });
     }), (t, a) => t.loading ? (l(), n("div", Al, a[1] || (a[1] = [
@@ -1339,7 +1339,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
             "text-green-600": t.color === "green"
           }]),
           onChange: s
-        }, null, 42, Fl), [
+        }, null, 42, Ol), [
           [se, o.value]
         ])
       ], 2),
@@ -1351,13 +1351,13 @@ const Bl = { class: "flex justify-between" }, Ml = {
           "text-green-600": t.color === "green"
         }, "mt-2 text-xs flex flex-row items-center"])
       }, [
-        m(F, {
+        m(A, {
           icon: c(fe),
           color: "red",
           class: "mr-2",
           loading: !1
         }, null, 8, ["icon"]),
-        z(" " + g(t.error), 1)
+        L(" " + g(t.error), 1)
       ], 2), [
         [D, t.error]
       ])
@@ -1379,7 +1379,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
   },
   emits: ["toggleChanged", "actionClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = N(r.checked);
+    const r = p, i = I(r.checked);
     return H(() => r.checked, (s) => i.value = s), (s, o) => s.loading ? (l(), n("div", Pl, o[3] || (o[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" })
@@ -1623,7 +1623,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
           loading: r.loading
         }, {
           default: h(() => [
-            z(g(s.name), 1)
+            L(g(s.name), 1)
           ]),
           _: 2
         }, 1032, ["color", "loading"]))), 128))
@@ -1644,7 +1644,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
       o.value.forEach((a) => {
         a.active = a.value === t.value;
       }), r("filterSelected", t);
-    }, o = N(i.items);
+    }, o = I(i.items);
     return (t, a) => (l(), k(he, {
       class: "text-nowrap",
       loading: t.loading,
@@ -1725,7 +1725,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
                             onClick: t[0] || (t[0] = (a) => s("close"))
                           }, [
                             t[3] || (t[3] = e("span", { class: "sr-only" }, "X", -1)),
-                            m(F, {
+                            m(A, {
                               icon: c(K),
                               "aria-hidden": "true",
                               loading: o.loading
@@ -1772,7 +1772,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
                               class: "text-lg font-medium leading-6"
                             }, {
                               default: h(() => [
-                                z(g(o.title), 1)
+                                L(g(o.title), 1)
                               ]),
                               _: 1
                             }),
@@ -1892,7 +1892,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
   key: 0,
   role: "list",
   class: "divide-y divide-gray-100"
-}, Ds = { class: "min-w-0" }, Ts = { class: "flex items-start gap-x-3" }, zs = { class: "text-sm font-semibold leading-6 text-gray-900" }, Ls = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Fs = { class: "truncate" }, As = { class: "flex flex-none items-center gap-x-4" }, Os = ["href"], Is = { class: "sr-only" }, Ns = {
+}, Ds = { class: "min-w-0" }, Ts = { class: "flex items-start gap-x-3" }, zs = { class: "text-sm font-semibold leading-6 text-gray-900" }, Ls = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Os = { class: "truncate" }, As = { class: "flex flex-none items-center gap-x-4" }, Fs = ["href"], Is = { class: "sr-only" }, Ns = {
   key: 1,
   class: "divide-y divide-gray-100 animate-pulse"
 }, Ps = /* @__PURE__ */ M({
@@ -1929,7 +1929,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
             }, g(i.statusLiteral), 3)
           ]),
           e("div", Ls, [
-            e("p", Fs, g(i.description), 1)
+            e("p", Os, g(i.description), 1)
           ])
         ]),
         e("div", As, [
@@ -1937,9 +1937,9 @@ const Bl = { class: "flex justify-between" }, Ml = {
             href: i.href,
             class: "hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"
           }, [
-            z(g(i.action), 1),
+            L(g(i.action), 1),
             e("span", Is, ", " + g(i.name), 1)
-          ], 8, Os)
+          ], 8, Fs)
         ])
       ]))), 128))
     ]));
@@ -1948,9 +1948,9 @@ const Bl = { class: "flex justify-between" }, Ml = {
 function Vs(p) {
   return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
 }
-var de = { exports: {} }, Ys = de.exports, Oe;
+var de = { exports: {} }, Ys = de.exports, Fe;
 function qs() {
-  return Oe || (Oe = 1, function(p, u) {
+  return Fe || (Fe = 1, function(p, u) {
     (function(r, i) {
       p.exports = i(V);
     })(Ys, function(r) {
@@ -2055,7 +2055,7 @@ const le = (p, u) => {
   }
 }, Gs = { class: "dateSelector flex items-center flex-row" }, Qs = { class: "pagination flex items-center my-1 md:my-0" }, Ks = { class: "date mx-4 font-bold text-center text-black select-none uppercase" }, Xs = { class: "pagination flex items-center my-1 sm:my-0" };
 function eo(p, u, r, i, s, o) {
-  const t = Fe("ChevronLeftIcon"), a = Fe("ChevronRightIcon");
+  const t = Oe("ChevronLeftIcon"), a = Oe("ChevronRightIcon");
   return l(), n("div", Gs, [
     e("div", Qs, [
       e("div", {
@@ -2182,7 +2182,7 @@ function co(p, u, r, i, s, o) {
                     }, [
                       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" }),
                       e("span", { class: "sr-only" }, [
-                        z(", {"),
+                        L(", {"),
                         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })
                       ])
                     ])
@@ -2292,10 +2292,10 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold"
-}, Lo = { key: 0 }, Fo = {
+}, Lo = { key: 0 }, Oo = {
   colspan: "6",
   class: "pl-4"
-}, Ao = { key: 1 }, Oo = {
+}, Ao = { key: 1 }, Fo = {
   colspan: "6",
   class: "pl-4"
 }, Io = { key: 2 }, No = {
@@ -2346,7 +2346,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
   },
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N(/* @__PURE__ */ new Date()), o = N(r.today), t = N([]);
+    const r = p, i = u, s = I(/* @__PURE__ */ new Date()), o = I(r.today), t = I([]);
     H(() => r.today, (C) => {
       o.value = C;
     });
@@ -2358,11 +2358,11 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
     }), d = Y(() => t.value.length > 0 && t.value.length < r.rooms.length), f = (C) => {
       V(C).isBefore(s.value) || (o.value = C, i("dateChanged", o.value));
     }, v = (C) => {
-      let q = r.category.selectionPrices.find((P) => V(P.date).isSame(C.date));
+      let q = r.category.selectionPrices.find((N) => V(N.date).isSame(C.date));
       return q ? q.price : C.price;
     }, j = (C) => {
       t.value = C.target.checked ? r.rooms.map((q) => q.id) : [];
-    }, w = () => i("changeCategoryBulkPrices"), T = (C) => i("changeCategorySelectionPrice", C), x = (C) => i("changeCategoryUpgradePrice", C), I = (C) => i("tableAction", C), L = (C, q, P) => i("changeRoomPrice", { price: C, roomId: q, roomName: P });
+    }, w = () => i("changeCategoryBulkPrices"), T = (C) => i("changeCategorySelectionPrice", C), x = (C) => i("changeCategoryUpgradePrice", C), F = (C) => i("tableAction", C), O = (C, q, N) => i("changeRoomPrice", { price: C, roomId: q, roomName: N });
     return (C, q) => C.loading ? (l(), k(nt, { key: 1 })) : (l(), n("div", Co, [
       e("div", So, [
         e("div", Bo, [
@@ -2373,17 +2373,17 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                   e("th", To, [
                     m(to, {
                       selectedDate: o.value,
-                      onDateSelected: q[0] || (q[0] = (P) => f(P))
+                      onDateSelected: q[0] || (q[0] = (N) => f(N))
                     }, null, 8, ["selectedDate"])
                   ]),
-                  (l(!0), n($, null, S(a.value, (P, _) => (l(), n("th", {
+                  (l(!0), n($, null, S(a.value, (N, _) => (l(), n("th", {
                     scope: "col",
                     key: _,
                     class: "text-sm font-semibold p-0"
                   }, [
                     m(ko, {
                       class: "border-l border-gray-200 px-6 py-3",
-                      day: P
+                      day: N
                     }, null, 8, ["day"])
                   ]))), 128))
                 ]),
@@ -2397,37 +2397,37 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                       onClick: w
                     }, {
                       default: h(() => [
-                        z(g(C.literals.changeInBulk), 1)
+                        L(g(C.literals.changeInBulk), 1)
                       ]),
                       _: 1
                     }, 8, ["loading"])
                   ])
                 ]),
                 C.type === "discounts" ? (l(), n("tr", Lo, [
-                  e("td", Fo, g(C.literals.pricesDiscount), 1),
-                  (l(!0), n($, null, S(C.category.selectionPrices, (P, _) => (l(), n("td", {
+                  e("td", Oo, g(C.literals.pricesDiscount), 1),
+                  (l(!0), n($, null, S(C.category.selectionPrices, (N, _) => (l(), n("td", {
                     key: _,
                     class: "p-0"
                   }, [
                     m(ie, {
-                      onClick: (A) => T(P),
+                      onClick: (P) => T(N),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                      price: P,
+                      price: N,
                       currency: C.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
                   ]))), 128))
                 ])) : b("", !0),
                 C.type === "prices" ? (l(), n("tr", Ao, [
-                  e("td", Oo, g(C.literals.pricesSelection), 1),
-                  (l(!0), n($, null, S(C.category.selectionPrices, (P, _) => (l(), n("td", {
+                  e("td", Fo, g(C.literals.pricesSelection), 1),
+                  (l(!0), n($, null, S(C.category.selectionPrices, (N, _) => (l(), n("td", {
                     key: _,
                     class: "p-0"
                   }, [
                     m(ie, {
-                      onClick: (A) => T(P),
+                      onClick: (P) => T(N),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                      price: P,
+                      price: N,
                       currency: C.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2435,14 +2435,14 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                 ])) : b("", !0),
                 C.type === "prices" ? (l(), n("tr", Io, [
                   e("td", No, g(C.literals.pricesUpgrade), 1),
-                  (l(!0), n($, null, S(C.category.upgradePrices, (P, _) => (l(), n("td", {
+                  (l(!0), n($, null, S(C.category.upgradePrices, (N, _) => (l(), n("td", {
                     key: _,
                     class: "p-0"
                   }, [
                     m(ie, {
-                      onClick: (A) => x(P),
+                      onClick: (P) => x(N),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer bg-gray-100",
-                      price: P,
+                      price: N,
                       currency: C.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2451,12 +2451,12 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                 e("tr", null, [
                   e("th", Po, [
                     t.value?.length > 0 && C.actions?.length > 0 ? (l(), n("div", Vo, [
-                      (l(!0), n($, null, S(C.actions, (P, _) => (l(), n("button", {
-                        onClick: (A) => I({ action: P.id, items: t.value }),
+                      (l(!0), n($, null, S(C.actions, (N, _) => (l(), n("button", {
+                        onClick: (P) => F({ action: N.id, items: t.value }),
                         key: _,
                         type: "button",
                         class: "inline-flex items-center rounded bg-lime-400 hover:bg-black hover:text-white px-2.5 py-1.5 text-xs font-medium shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
-                      }, g(P.name), 9, Yo))), 128))
+                      }, g(N.name), 9, Yo))), 128))
                     ])) : b("", !0),
                     e("span", null, g(C.literals.pricesSelection), 1)
                   ])
@@ -2480,8 +2480,8 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                     class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold"
                   }, null, -1))
                 ]),
-                (l(!0), n($, null, S(C.rooms, (P) => (l(), n("tr", {
-                  key: P.name,
+                (l(!0), n($, null, S(C.rooms, (N) => (l(), n("tr", {
+                  key: N.name,
                   class: y([{ "even:bg-gray-100": C.type === "prices", "odd:bg-gray-100": C.type === "discounts" }])
                 }, [
                   e("td", Zo, [
@@ -2489,21 +2489,21 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                     B(e("input", {
                       type: "checkbox",
                       class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-lime-400 focus:ring-lime-400",
-                      value: P.name,
+                      value: N.name,
                       "onUpdate:modelValue": q[1] || (q[1] = (_) => t.value = _)
                     }, null, 8, Wo), [
                       [Ee, t.value]
                     ]),
-                    e("span", Go, g(P.name), 1)
+                    e("span", Go, g(N.name), 1)
                   ]),
-                  e("td", Qo, g(P.building), 1),
-                  e("td", Ko, g(P.floor), 1),
-                  (l(!0), n($, null, S(P.selectionPrices, (_, A) => (l(), n("td", {
+                  e("td", Qo, g(N.building), 1),
+                  e("td", Ko, g(N.floor), 1),
+                  (l(!0), n($, null, S(N.selectionPrices, (_, P) => (l(), n("td", {
                     class: "p-0",
-                    key: A
+                    key: P
                   }, [
                     m(ie, {
-                      onClick: (O) => L(_, P.id, P.name),
+                      onClick: (z) => O(_, N.id, N.name),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 cursor-pointer",
                       price: _,
                       currency: C.currency.symbol,
@@ -2543,7 +2543,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(p, { emit: u }) {
-    const r = u, i = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), s = p;
+    const r = u, i = I((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), s = p;
     let o = ae(s.dates || { from: "", to: i });
     H(() => s.dates, (x) => {
       x && (o = x);
@@ -2559,10 +2559,10 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
       },
       colors: function() {
         return s.isNps ? [
-          function({ value: x, seriesIndex: I, dataPointIndex: L, w: C }) {
-            if (L <= 5) return "#F87171";
-            if (L > 5 && L <= 7) return "#eab308";
-            if (L >= 8) return "#84cc16";
+          function({ value: x, seriesIndex: F, dataPointIndex: O, w: C }) {
+            if (O <= 5) return "#F87171";
+            if (O > 5 && O <= 7) return "#eab308";
+            if (O >= 8) return "#84cc16";
           }
         ] : [
           "#000000",
@@ -2606,10 +2606,10 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
     }), s.type === "area" && (a.tooltip = { intersect: !1, shared: !0 });
     const d = () => (a.chart.stacked = s.stacked, s.options && (s.options.xaxis.hideOverlappingLabels = !0, s.options.xaxis.decimalsInFloat = 2, s.options.xaxis.tickAmount = 10), { ...a, ...s.options, plotOptions: { bar: { horizontal: s.horizontal } } }), f = () => {
       o.from !== "" && o.to !== "" && V(o.from).isBefore(V(o.to)) && r("selectedRange", { range: o, chartId: s.id });
-    }, v = Y(() => s.series), j = Y(() => d()), w = () => r("chartUpdated"), T = (x, I, L) => {
-      r("dataPointSelection", { id: s.id, chartContext: I, config: L, event: x });
+    }, v = Y(() => s.series), j = Y(() => d()), w = () => r("chartUpdated"), T = (x, F, O) => {
+      r("dataPointSelection", { id: s.id, chartContext: F, config: O, event: x });
     };
-    return (x, I) => (l(), n($, null, [
+    return (x, F) => (l(), n($, null, [
       B(e("div", {
         class: y(["h-[" + x.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
       }, [
@@ -2622,7 +2622,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
               loading: !1
             }, {
               default: h(() => [
-                m(F, {
+                m(A, {
                   icon: c(Rt),
                   loading: !1,
                   color: "red"
@@ -2637,7 +2637,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
               loading: !1
             }, {
               default: h(() => [
-                m(F, {
+                m(A, {
                   icon: c(qt),
                   loading: !1,
                   color: "yellow"
@@ -2652,7 +2652,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
               loading: !1
             }, {
               default: h(() => [
-                m(F, {
+                m(A, {
                   icon: c(Et),
                   loading: !1,
                   color: "green"
@@ -2666,7 +2666,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
             e("div", nr, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": I[0] || (I[0] = (L) => c(o).from = L),
+                "onUpdate:modelValue": F[0] || (F[0] = (O) => c(o).from = O),
                 max: i.value.toString(),
                 onChange: f,
                 name: "from",
@@ -2679,7 +2679,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
             e("div", dr, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": I[1] || (I[1] = (L) => c(o).to = L),
+                "onUpdate:modelValue": F[1] || (F[1] = (O) => c(o).to = O),
                 max: i.value.toString(),
                 onChange: f,
                 name: "to",
@@ -2689,12 +2689,12 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                 [se, c(o).to]
               ])
             ]),
-            m(F, {
+            m(A, {
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: x.loading,
               icon: c(Xe),
-              onClick: I[2] || (I[2] = (L) => x.$emit("maximizeChart", x.id))
+              onClick: F[2] || (F[2] = (O) => x.$emit("maximizeChart", x.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
@@ -2715,13 +2715,13 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
         B(e("div", {
           class: y(["h-[" + x.height + "px]", "w-full flex items-center justify-center flex-col"])
         }, [
-          m(F, {
+          m(A, {
             icon: c(W),
             color: "gray",
             loading: !1,
             size: "massive"
           }, null, 8, ["icon"]),
-          I[3] || (I[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
+          F[3] || (F[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
         ], 2), [
           [D, x.empty]
         ])
@@ -2730,7 +2730,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
       ]),
       B(e("div", {
         class: y(["h-[" + x.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
-      }, I[4] || (I[4] = [
+      }, F[4] || (F[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -2826,7 +2826,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["changePage"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = N(3), o = Y(
+    const r = u, i = p, s = I(3), o = Y(
       () => Math.max(1, Number(i.current) - Number(s.value))
     ), t = Y(
       () => Math.min(Number(i.current) + Number(s.value), Number(i.total))
@@ -2906,7 +2906,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Lr = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, Fr = { class: "flex flex-col flex-grow overflow-y-auto" }, Ar = { class: "grow flex flex-col" }, Or = {
+}), Lr = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, Or = { class: "flex flex-col flex-grow overflow-y-auto" }, Ar = { class: "grow flex flex-col" }, Fr = {
   class: "flex-1 space-y-1",
   "aria-label": "Sidebar"
 }, Ir = { key: 0 }, Nr = ["onClick"], Pr = {
@@ -2937,9 +2937,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   setup(p, { emit: u }) {
     const r = p, i = u, s = Y(() => r.navigation ? Array.isArray(r.navigation) ? r.navigation : [r.navigation] : []);
     return (o, t) => (l(), n("div", Lr, [
-      e("div", Fr, [
+      e("div", Or, [
         e("div", Ar, [
-          e("nav", Or, [
+          e("nav", Fr, [
             o.loading ? (l(), n($, { key: 1 }, S(5, (a) => e("div", Er, t[1] || (t[1] = [
               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 dark:bg-gray-300 grow" }, null, -1)
@@ -2956,7 +2956,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     class: y([a.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"])
                   }, {
                     default: h(() => [
-                      a.icon ? (l(), k(F, {
+                      a.icon ? (l(), k(A, {
                         key: 0,
                         loading: o.loading,
                         icon: a.icon,
@@ -3000,7 +3000,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"
                   ])
                 }, [
-                  a.icon ? (l(), k(F, {
+                  a.icon ? (l(), k(A, {
                     key: 0,
                     loading: o.loading,
                     icon: a.icon,
@@ -3097,7 +3097,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         class: y([t.current ? "bg-lime-100" : "hover:bg-lime-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
                       }, {
                         default: h(() => [
-                          m(F, {
+                          m(A, {
                             icon: t.icon,
                             color: "primary",
                             size: "big",
@@ -3105,7 +3105,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                             "aria-hidden": "true",
                             class: "shrink-0"
                           }, null, 8, ["icon"]),
-                          z(" " + g(t.name) + " ", 1),
+                          L(" " + g(t.name) + " ", 1),
                           m(c(ne), {
                             class: y([t.children.some((a) => a.current) || t.current ? "rotate-90 text-black" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
                             "aria-hidden": "true"
@@ -3129,7 +3129,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                                 class: y([a.current ? "bg-lime-100" : "hover:bg-lime-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
                               }, {
                                 default: h(() => [
-                                  z(g(a.name), 1)
+                                  L(g(a.name), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["onClick", "class"])
@@ -3147,7 +3147,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     onClick: (a) => s.$emit("sideBarClick", t.id),
                     class: y([t.current ? "bg-lime-100" : "hover:bg-lime-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
                   }, [
-                    m(F, {
+                    m(A, {
                       icon: t.icon,
                       color: "primary",
                       size: "big",
@@ -3155,7 +3155,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                       "aria-hidden": "true",
                       class: "shrink-0"
                     }, null, 8, ["icon"]),
-                    z(" " + g(t.name), 1)
+                    L(" " + g(t.name), 1)
                   ], 10, ta))
                 ]))), 128))
               ])
@@ -3184,7 +3184,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 loading: d.loading
               }, {
                 default: h(() => [
-                  z(g(d.text), 1)
+                  L(g(d.text), 1)
                 ]),
                 _: 2
               }, 1032, ["value", "loading"]))), 256))
@@ -3209,7 +3209,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       e("div", fa, [
         e("dt", null, [
           e("div", ha, [
-            m(F, {
+            m(A, {
               loading: r.loading,
               icon: r.item.icon,
               class: "h-6 w-6 text-white",
@@ -3236,7 +3236,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               "bg-yellow-400": r.item.color === "yellow"
             }])
           }, [
-            m(F, {
+            m(A, {
               icon: r.item.icon,
               class: "h-6 w-6",
               "aria-hidden": "true",
@@ -3269,7 +3269,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               class: "self-center flex-shrink-0 h-3 w-3 text-red-500",
               "aria-hidden": "true"
             })) : b("", !0),
-            z(" " + g(r.item.change), 1)
+            L(" " + g(r.item.change), 1)
           ], 2)) : b("", !0),
           B(e("div", ga, [
             e("div", ma, [
@@ -3344,7 +3344,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 class: "mr-2 mb-2"
               }, {
                 default: h(() => [
-                  z(g(o.text), 1)
+                  L(g(o.text), 1)
                 ]),
                 _: 2
               }, 1032, ["loading", "color"]))), 128))
@@ -3384,7 +3384,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         })
       ], -1)),
       e("div", null, [
-        m(F, {
+        m(A, {
           icon: c(Zt),
           loading: !1,
           color: "white",
@@ -3394,7 +3394,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       e("span", Da, g(p.tip), 1)
     ]));
   }
-}, za = { key: 0 }, La = { class: "flex flex-col" }, Fa = { class: "-my-2 overflow-x-auto" }, Aa = { class: "inline-block min-w-full py-2 align-middle px-1" }, Oa = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Ia = {
+}, za = { key: 0 }, La = { class: "flex flex-col" }, Oa = { class: "-my-2 overflow-x-auto" }, Aa = { class: "inline-block min-w-full py-2 align-middle px-1" }, Fa = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Ia = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow rounded px-4 py-1 z-10"
 }, Na = ["onClick"], Pa = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Va = { class: "bg-lime-50" }, Ya = ["checked", "indeterminate"], qa = ["onMouseover", "onMouseleave"], Ra = ["onClick"], Ea = {
@@ -3417,7 +3417,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted"],
   setup(p, { emit: u }) {
-    let r = N([]), i = N(""), s = N(!1);
+    let r = I([]), i = I(""), s = I(!1);
     const o = u, t = p, a = Y(
       () => r.value.length > 0 && r.value.length < t.items.length
     ), d = (w, T) => {
@@ -3431,13 +3431,13 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       s.value = w, w && s.value && (r.value = [], s.value = !w, o("selectedItemsDeleted"));
     }), (w, T) => w.loading ? (l(), k(nt, { key: 1 })) : (l(), n("div", za, [
       e("div", La, [
-        e("div", Fa, [
+        e("div", Oa, [
           e("div", Aa, [
-            e("div", Oa, [
+            e("div", Fa, [
               c(r)?.length > 0 && w.actions?.length > 0 ? (l(), n("div", Ia, [
-                (l(!0), n($, null, S(w.actions, (x, I) => (l(), n("button", {
-                  onClick: (L) => w.$emit("tableAction", { action: x.id, items: c(r) }),
-                  key: I,
+                (l(!0), n($, null, S(w.actions, (x, F) => (l(), n("button", {
+                  onClick: (O) => w.$emit("tableAction", { action: x.id, items: c(r) }),
+                  key: F,
                   type: "button",
                   class: "inline-flex items-center rounded bg-lime-400 hover:bg-black px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
                 }, g(x.name), 9, Na))), 128))
@@ -3458,12 +3458,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         onChange: f
                       }, null, 40, Ya)) : b("", !0)
                     ], 2),
-                    (l(!0), n($, null, S(w.header, (x, I) => B((l(), n("th", {
-                      key: I,
+                    (l(!0), n($, null, S(w.header, (x, F) => B((l(), n("th", {
+                      key: F,
                       class: "py-3.5 pr-3 text-left font-semibold relative",
                       scope: "col",
-                      onMouseover: (L) => d(x.name, !0),
-                      onMouseleave: (L) => d(x.name, !1)
+                      onMouseover: (O) => d(x.name, !0),
+                      onMouseleave: (O) => d(x.name, !1)
                     }, [
                       x.tooltip ? B((l(), k(Ta, {
                         key: 0,
@@ -3474,7 +3474,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                       x.value ? (l(), n("button", {
                         key: 1,
                         class: "group flex items-center uppercase text-xs relative text-nowrap",
-                        onClick: (L) => o("orderBy", { value: x.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
+                        onClick: (O) => o("orderBy", { value: x.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
                       }, [
                         e("span", null, g(x.name), 1),
                         e("span", {
@@ -3482,7 +3482,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                             x.value === w.orderedBy ? "bg-black text-white group-hover:bg-lime-400 group-hover:text-black" : "group-hover:visible group-focus:visible"
                           ], "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
                         }, [
-                          m(F, {
+                          m(A, {
                             icon: w.orderDirection === "asc" ? c(oe) : c(st),
                             loading: w.loading,
                             color: x.value === w.orderedBy ? "white" : "primary"
@@ -3492,16 +3492,16 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         e("span", null, g(x.name), 1)
                       ]))
                     ], 40, qa)), [
-                      [D, j(I)]
+                      [D, j(F)]
                     ])), 128))
                   ])
                 ]),
                 e("tbody", Ua, [
-                  (l(!0), n($, null, S(w.items, (x, I) => (l(), n("tr", {
+                  (l(!0), n($, null, S(w.items, (x, F) => (l(), n("tr", {
                     key: x.id,
                     class: y([
                       c(r).includes(x.id) && "bg-gray-50",
-                      I % 2 == 0 ? void 0 : "bg-gray-50"
+                      F % 2 == 0 ? void 0 : "bg-gray-50"
                     ])
                   }, [
                     e("td", {
@@ -3510,7 +3510,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                       c(r).includes(x.id) ? (l(), n("div", Ha)) : b("", !0),
                       w.actions?.length > 0 ? B((l(), n("input", {
                         key: 1,
-                        "onUpdate:modelValue": T[0] || (T[0] = (L) => xe(r) ? r.value = L : r = L),
+                        "onUpdate:modelValue": T[0] || (T[0] = (O) => xe(r) ? r.value = O : r = O),
                         value: x.id,
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-black focus:ring-lime-400 flex-wrap",
                         type: "checkbox"
@@ -3518,31 +3518,31 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         [Ee, c(r)]
                       ]) : b("", !0)
                     ], 2),
-                    (l(!0), n($, null, S(x.row, (L, C) => B((l(), n("td", {
+                    (l(!0), n($, null, S(x.row, (O, C) => B((l(), n("td", {
                       key: C,
                       class: y([
                         "whitespace-nowrap py-4 pr-3 text-sm",
                         c(r).includes(x.id) ? "text-black font-bold" : ""
                       ])
                     }, [
-                      typeof L == "object" && L.type === "tag" ? (l(), k(Z, {
+                      typeof O == "object" && O.type === "tag" ? (l(), k(Z, {
                         key: 0,
                         loading: w.loading,
-                        color: L.color
+                        color: O.color
                       }, {
                         default: h(() => [
-                          z(g(L.content), 1)
+                          L(g(O.content), 1)
                         ]),
                         _: 2
-                      }, 1032, ["loading", "color"])) : typeof L == "object" && L.type === "link" ? (l(), n("span", {
+                      }, 1032, ["loading", "color"])) : typeof O == "object" && O.type === "link" ? (l(), n("span", {
                         key: 1,
                         class: "text-black font-bold underline hover:text-lime-400 cursor-pointer",
-                        onClick: (q) => v(L)
-                      }, g(L.content), 9, Ja)) : typeof L == "object" && L.type === "href" ? (l(), n("a", {
+                        onClick: (q) => v(O)
+                      }, g(O.content), 9, Ja)) : typeof O == "object" && O.type === "href" ? (l(), n("a", {
                         key: 2,
                         class: "text-black font-bold underline hover:text-lime-400 cursor-pointer",
-                        href: L.href
-                      }, g(L.content), 9, Wa)) : (l(), n("span", Ga, g(L), 1))
+                        href: O.href
+                      }, g(O.content), 9, Wa)) : (l(), n("span", Ga, g(O), 1))
                     ], 2)), [
                       [D, j(C)]
                     ])), 128))
@@ -3595,7 +3595,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               ]),
               "aria-current": t.current ? "page" : void 0
             }, [
-              z(g(t.name) + " ", 1),
+              L(g(t.name) + " ", 1),
               t.count ? (l(), n("span", {
                 key: 0,
                 class: y([
@@ -3694,7 +3694,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                           "bg-yellow-400": t?.iconBackground === "warning"
                         }, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
                       }, [
-                        m(F, {
+                        m(A, {
                           loading: s.loading,
                           icon: t?.icon,
                           "aria-hidden": "true",
@@ -3710,7 +3710,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                             onClick: (d) => s.$emit("timelineEventClicked", t.linkId),
                             class: "font-medium text-black hover:text-lime-400 cursor-pointer"
                           }, g(t?.target), 9, fn),
-                          z(" " + g(t?.content), 1)
+                          L(" " + g(t?.content), 1)
                         ])
                       ]),
                       e("div", hn, [
@@ -3735,7 +3735,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           }, g(s.timeline.footerText), 1)
         ])
       ])) : (l(), n("div", wn, [
-        m(F, {
+        m(A, {
           icon: c(W),
           color: "gray",
           loading: !1,
@@ -3745,7 +3745,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ]))
     ], 2));
   }
-}), Mn = { class: "mx-auto px-6 lg:px-8" }, jn = { class: "flex justify-between h-20" }, Dn = { class: "flex" }, Tn = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, zn = ["src"], Ln = { class: "flex items-center" }, Fn = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, An = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, On = ["src"], In = ["onClick"], Nn = { class: "pt-2 pb-3 space-y-1" }, Pn = ["onClick"], Vn = { class: "pt-4 pb-3 border-t border-gray-200" }, Yn = { class: "flex items-center px-4 sm:px-6" }, qn = { class: "flex-shrink-0" }, Rn = ["src"], En = {
+}), Mn = { class: "mx-auto px-6 lg:px-8" }, jn = { class: "flex justify-between h-20" }, Dn = { class: "flex" }, Tn = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, zn = ["src"], Ln = { class: "flex items-center" }, On = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, An = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Fn = ["src"], In = ["onClick"], Nn = { class: "pt-2 pb-3 space-y-1" }, Pn = ["onClick"], Vn = { class: "pt-4 pb-3 border-t border-gray-200" }, Yn = { class: "flex items-center px-4 sm:px-6" }, qn = { class: "flex-shrink-0" }, Rn = ["src"], En = {
   key: 0,
   class: "ml-3"
 }, Un = { class: "text-base font-medium text-gray-800" }, Hn = { class: "text-sm font-medium text-gray-500" }, Zn = { class: "mt-3 space-y-1" }, Jn = ["onClick"], Wn = /* @__PURE__ */ M({
@@ -3799,7 +3799,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               ])
             ]),
             e("div", Ln, [
-              e("div", Fn, [
+              e("div", On, [
                 m(c(_e), {
                   as: "div",
                   class: "ml-3 relative"
@@ -3816,7 +3816,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                           e("img", {
                             class: "h-10 w-10 rounded-full",
                             src: s.accountLogo
-                          }, null, 8, On)
+                          }, null, 8, Fn)
                         ]),
                         _: 1
                       }, 512), [
@@ -4031,7 +4031,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           [D, !f.empty]
         ]),
         B(e("div", ti, [
-          m(F, {
+          m(A, {
             icon: c(W),
             color: "gray",
             loading: !1,
@@ -4087,7 +4087,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["action", "noResultsOptionSelected"],
   setup(p) {
     return (u, r) => (l(), n("div", oi, [
-      m(F, {
+      m(A, {
         class: "mx-auto",
         loading: !1,
         icon: c(W),
@@ -4104,7 +4104,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             onClick: (o) => u.$emit("action", i.action)
           }, {
             default: h(() => [
-              z(g(i.text), 1)
+              L(g(i.text), 1)
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
@@ -4159,7 +4159,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                               e("div", fi, [
                                 m(c(Qe), { class: "text-base font-semibold leading-6" }, {
                                   default: h(() => [
-                                    z(g(r.title), 1)
+                                    L(g(r.title), 1)
                                   ]),
                                   _: 1
                                 }),
@@ -4221,7 +4221,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["modalAction", "deleteImage", "imgClicked"],
   setup(p, { emit: u }) {
-    const r = u, i = N(!1), s = (o) => {
+    const r = u, i = I(!1), s = (o) => {
       i.value = !1, r("modalAction", o);
     };
     return (o, t) => (l(), n("div", ki, [
@@ -4265,7 +4265,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           e("p", Si, g(a.title), 1),
           e("div", Bi, [
             e("p", Mi, g(a.size), 1),
-            m(F, {
+            m(A, {
               class: "cursor-pointer",
               icon: c(pe),
               color: "red",
@@ -4284,13 +4284,13 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         size: "small"
       }, {
         default: h(() => [
-          z(g(o.literals.deleteAllImages), 1)
+          L(g(o.literals.deleteAllImages), 1)
         ]),
         _: 1
       })) : b("", !0)
     ]));
   }
-}), Ti = { 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" }, zi = { class: "flex flex-row items-center w-full" }, Li = { class: "content text-sm grow" }, Fi = { class: "font-bold" }, Ai = { key: 0 }, Oi = { class: "font-bold text-gray-400" }, Ii = {
+}), Ti = { 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" }, zi = { class: "flex flex-row items-center w-full" }, Li = { class: "content text-sm grow" }, Oi = { class: "font-bold" }, Ai = { key: 0 }, Fi = { class: "font-bold text-gray-400" }, Ii = {
   key: 1,
   class: "animate-pulse"
 }, Ni = /* @__PURE__ */ M({
@@ -4302,7 +4302,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["dragAndDropUpdated"],
   setup(p, { emit: u }) {
     const r = u, i = p;
-    let s = N(i.elements);
+    let s = I(i.elements);
     H(() => i.elements, (t) => {
       s.value = t;
     });
@@ -4322,7 +4322,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       item: h(({ item: d }) => [
         e("div", Ti, [
           e("div", zi, [
-            m(F, {
+            m(A, {
               icon: c(Vt),
               loading: !1,
               color: "gray",
@@ -4330,10 +4330,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               size: "big"
             }, null, 8, ["icon"]),
             e("div", Li, [
-              e("p", Fi, g(d.name), 1),
+              e("p", Oi, g(d.name), 1),
               d.description ? (l(), n("p", Ai, g(d.description), 1)) : b("", !0)
             ]),
-            e("div", Oi, g(c(s).indexOf(d) + 1), 1)
+            e("div", Fi, g(c(s).indexOf(d) + 1), 1)
           ])
         ])
       ]),
@@ -4362,7 +4362,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    const r = u, i = p, s = I((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let o = ae(i.dates || { from: "", to: s });
     H(() => i.dates, (T) => {
       T && (o = T);
@@ -4399,8 +4399,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         }
       }
     };
-    const a = () => ({ ...t, ...i.options }), d = Y(() => i.series), f = Y(() => a()), v = () => r("chartUpdated"), j = (T, x, I) => {
-      r("dataPointSelection", { id: i.id, chartContext: x, config: I, event: T });
+    const a = () => ({ ...t, ...i.options }), d = Y(() => i.series), f = Y(() => a()), v = () => r("chartUpdated"), j = (T, x, F) => {
+      r("dataPointSelection", { id: i.id, chartContext: x, config: F, event: T });
     }, w = () => {
       o.from !== "" && o.to !== "" && V(o.from).isBefore(V(o.to)) && r("selectedRange", { range: o, chartId: i.id });
     };
@@ -4414,7 +4414,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             e("div", qi, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": x[0] || (x[0] = (I) => c(o).from = I),
+                "onUpdate:modelValue": x[0] || (x[0] = (F) => c(o).from = F),
                 max: s.value.toString(),
                 onChange: w,
                 name: "from",
@@ -4427,7 +4427,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             e("div", Ei, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": x[1] || (x[1] = (I) => c(o).to = I),
+                "onUpdate:modelValue": x[1] || (x[1] = (F) => c(o).to = F),
                 max: s.value.toString(),
                 onChange: w,
                 name: "to",
@@ -4437,12 +4437,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 [se, c(o).to]
               ])
             ]),
-            m(F, {
+            m(A, {
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: T.loading,
               icon: c(Xe),
-              onClick: x[2] || (x[2] = (I) => T.$emit("maximizeChart", T.id))
+              onClick: x[2] || (x[2] = (F) => T.$emit("maximizeChart", T.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
@@ -4461,7 +4461,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           [D, !T.empty]
         ]),
         B(e("div", Zi, [
-          m(F, {
+          m(A, {
             icon: c(W),
             color: "gray",
             loading: !1,
@@ -4526,7 +4526,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["uiDateRangeButtonClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    const r = p, i = I((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let s = ae(r.values || { from: "", to: i });
     const o = u;
     H(() => r.values, (a) => {
@@ -4546,7 +4546,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       }),
       m(U, { loading: !0 }, {
         default: h(() => d[2] || (d[2] = [
-          z("Search")
+          L("Search")
         ])),
         _: 1,
         __: [2]
@@ -4587,7 +4587,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         onClick: t
       }, {
         default: h(() => [
-          z(g(a.literals.search), 1)
+          L(g(a.literals.search), 1)
         ]),
         _: 1
       }, 8, ["disabled", "class"])
@@ -4616,7 +4616,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["sliderUpdated"],
   setup(p, { emit: u }) {
-    const r = u, s = N(p.sliderValue);
+    const r = u, s = I(p.sliderValue);
     return (o, t) => (l(), n("div", null, [
       e("div", Xi, [
         o.label ? (l(), n("label", ed, g(o.label), 1)) : b("", !0),
@@ -4677,7 +4677,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     return (r, i) => r.loading ? (l(), n("div", cd, [
       e("div", gd, [
         e("div", md, [
-          m(F, {
+          m(A, {
             icon: r.icon,
             size: "huge",
             class: "text-white",
@@ -4696,7 +4696,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               onTagEvent: i[2] || (i[2] = (t) => r.$emit("deviceStatusTagClicked", t))
             }, {
               default: h(() => [
-                z(g(s.name), 1)
+                L(g(s.name), 1)
               ]),
               _: 2
             }, 1032, ["loading", "event", "color"]))), 128))
@@ -4714,7 +4714,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             "bg-gray-100": r.color === "light"
           }])
         }, [
-          m(F, {
+          m(A, {
             icon: r.icon,
             size: "huge",
             color: "black",
@@ -4723,7 +4723,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           }, null, 8, ["icon"])
         ], 2),
         e("h3", id, [
-          z(g(r.name) + " ", 1),
+          L(g(r.name) + " ", 1),
           B(e("span", {
             class: "text-black hover:text-lime-400 underline cursor-pointer",
             onClick: i[0] || (i[0] = (s) => r.$emit("deviceStatusQtyClicked", r.id))
@@ -4741,7 +4741,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               onTagEvent: i[1] || (i[1] = (t) => r.$emit("deviceStatusTagClicked", t))
             }, {
               default: h(() => [
-                z(g(s.name), 1)
+                L(g(s.name), 1)
               ]),
               _: 2
             }, 1032, ["event", "color"]))), 128))
@@ -4759,7 +4759,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["productBarClick", "sideBarClick", "selectChanged", "topBarClick", "checkboxChanged", "inputChanged", "sidebarToggle", "bellClick"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N(r.sidebarOpen), o = () => {
+    const r = p, i = u, s = I(r.sidebarOpen), o = () => {
       s.value = !s.value, i("sidebarToggle", s.value);
     };
     return (t, a) => (l(), n("div", null, [
@@ -4984,7 +4984,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     loading: { type: Boolean, default: !0 }
   },
   setup(p) {
-    const u = p, r = () => u.dynamicStats.length <= 5 ? `lg:grid-cols-${u.dynamicStats.length}` : `lg:grid-cols-${Math.floor(u.dynamicStats.length / 2)} xl:grid-cols-${u.dynamicStats.length}`, i = N(0), s = N(r());
+    const u = p, r = () => u.dynamicStats.length <= 5 ? `lg:grid-cols-${u.dynamicStats.length}` : `lg:grid-cols-${Math.floor(u.dynamicStats.length / 2)} xl:grid-cols-${u.dynamicStats.length}`, i = I(0), s = I(r());
     return mt(() => i.value += 1), (o, t) => (l(), n("div", {
       class: y([s.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: i.value
@@ -4999,7 +4999,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
 }), zd = { class: "flex justify-between" }, Ld = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end place-self-center"
-}, Fd = { class: "relative" }, Ad = { class: "block flex flex-wrap gap-2" }, Od = {
+}, Od = { class: "relative" }, Ad = { class: "block flex flex-wrap gap-2" }, Fd = {
   key: 0,
   class: "p-0.5"
 }, Id = ["onClick"], Nd = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, Pd = {
@@ -5022,7 +5022,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["selectChanged"],
   setup(p, { emit: u }) {
     const r = u, i = p;
-    let s = N(Array.isArray(i.select) ? i.select : i.select ? [i.select] : []);
+    let s = I(Array.isArray(i.select) ? i.select : i.select ? [i.select] : []);
     const o = (a) => {
       r("selectChanged", a);
     };
@@ -5051,13 +5051,13 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         e("div", zd, [
           m(c(bt), { class: "block text-sm font-medium" }, {
             default: h(() => [
-              z(g(a.label), 1)
+              L(g(a.label), 1)
             ]),
             _: 1
           }),
           a.requiredText ? (l(), n("span", Ld, g(a.requiredText), 1)) : b("", !0)
         ]),
-        e("div", Fd, [
+        e("div", Od, [
           m(c(wt), {
             class: y([{
               "mt-1": a.requiredText || a.label,
@@ -5077,7 +5077,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           }, {
             default: h(() => [
               e("span", Ad, [
-                c(s).length === 0 ? (l(), n("span", Od, "...")) : b("", !0),
+                c(s).length === 0 ? (l(), n("span", Fd, "...")) : b("", !0),
                 (l(!0), n($, null, S(c(s), (f) => (l(), n("span", {
                   key: f.id,
                   class: "flex items-center gap-1 rounded text-xs font-medium bg-lime-400 text-black border border-lime-200 px-2 py-0.5"
@@ -5185,7 +5185,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["smartFilterSelected", "smartInputChanged", "smartSelectChanged", "smartOptionSelected", "rightAddOnClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = pt(J), o = N(r.items[0].props), t = (a) => {
+    const r = p, i = u, s = pt(J), o = I(r.items[0].props), t = (a) => {
       switch (a.type) {
         case "uiInput":
           s.value = J, i("smartFilterSelected", a.value);
@@ -5222,7 +5222,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         loading: a.loading
       }, {
         default: h(() => [
-          z(g(a.buttonLiteral), 1)
+          L(g(a.buttonLiteral), 1)
         ]),
         _: 1
       }, 8, ["loading"])) : b("", !0)
@@ -5244,7 +5244,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
   },
   emits: ["smartFilterMultipleSent", "smartFilterSelected", "smartInputChanged", "smartSelectChanged", "smartOptionSelected", "rightAddOnClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N([JSON.parse(JSON.stringify(r))]), o = N([{ name: r.items[0].name, value: null }]), t = () => {
+    const r = p, i = u, s = I([JSON.parse(JSON.stringify(r))]), o = I([{ name: r.items[0].name, value: null }]), t = () => {
       s.value.push(JSON.parse(JSON.stringify(r))), o.value.push({ name: r.items[0].name, value: null });
     }, a = () => {
       o.value.pop(), s.value.pop();
@@ -5274,7 +5274,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
           onClick: t
         }, {
           default: h(() => [
-            z(g(v.addLiteral), 1)
+            L(g(v.addLiteral), 1)
           ]),
           _: 1
         }, 8, ["icon"])) : b("", !0)
@@ -5303,7 +5303,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
           onClick: a
         }, {
           default: h(() => [
-            z(g(v.removeLiteral), 1)
+            L(g(v.removeLiteral), 1)
           ]),
           _: 1
         }, 8, ["icon"])) : b("", !0),
@@ -5315,7 +5315,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
           onClick: t
         }, {
           default: h(() => [
-            z(g(v.addLiteral), 1)
+            L(g(v.addLiteral), 1)
           ]),
           _: 1
         }, 8, ["icon"])) : b("", !0)
@@ -5327,7 +5327,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
           color: "secondary"
         }, {
           default: h(() => [
-            z(g(v.buttonLiteral), 1)
+            L(g(v.buttonLiteral), 1)
           ]),
           _: 1
         }),
@@ -5338,7 +5338,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
           onClick: f
         }, {
           default: h(() => [
-            z(g(v.removeLiteral), 1)
+            L(g(v.removeLiteral), 1)
           ]),
           _: 1
         })
@@ -5365,26 +5365,26 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
   },
   emits: ["smartFiltersSent"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N({ id: "1", name: r.literals.and }), o = N({
+    const r = p, i = u, s = I({ id: "1", name: r.literals.and }), o = I({
       id: "1",
       name: "Nombre",
       componentType: "uiInput",
       defaultProps: { name: "nombre", value: "" }
     }), t = ae([]), a = (_) => _ ? _ === "uiInput" ? r.literals.contains : r.literals.is : "", d = (_) => {
-      t.splice(0, t.length), _.logicOperator === r.literals.and ? s.value = { id: "1", name: r.literals.and } : _.logicOperator === r.literals.or && (s.value = { id: "2", name: r.literals.or }), _.filters.forEach((A) => {
-        const O = r.availableCategories.find((R) => R.name === A.category);
-        if (O) {
+      t.splice(0, t.length), _.logicOperator === "and" || _.logicOperator === r.literals.and ? s.value = { id: "1", name: r.literals.and } : (_.logicOperator === "or" || _.logicOperator === r.literals.or) && (s.value = { id: "2", name: r.literals.or }), _.filters.forEach((P) => {
+        const z = r.availableCategories.find((R) => R.name === P.category);
+        if (z) {
           const R = {
             id: Date.now().toString() + Math.random().toString(36).substr(2, 9),
-            name: A.category,
-            type: A.type,
-            props: { ...O.defaultProps }
+            name: P.category,
+            type: P.type,
+            props: { ...z.defaultProps }
           };
-          if (A.type === "uiInput")
-            R.props.value = A.value || "";
-          else if (A.type === "uiSelect") {
-            const G = O.defaultProps.items?.find((ut) => ut.name === A.value);
-            G ? R.props.select = G : O.defaultProps.items && O.defaultProps.items.length > 0 && (R.props.select = O.defaultProps.items[0]);
+          if (P.type === "uiInput")
+            R.props.value = P.value || "";
+          else if (P.type === "uiSelect") {
+            const G = z.defaultProps.items?.find((ut) => ut.name === P.value);
+            G ? R.props.select = G : z.defaultProps.items && z.defaultProps.items.length > 0 && (R.props.select = z.defaultProps.items[0]);
           }
           t.push(R);
         }
@@ -5393,7 +5393,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
     H(() => r.literals, (_) => {
       s.value.id === "1" ? s.value.name = _.and : s.value.id === "2" && (s.value.name = _.or);
     }, { deep: !0 }), H(() => r.availableCategories, (_) => {
-      _.length > 0 && (_.some((O) => O.id === o.value.id) || (o.value = _[0]));
+      _.length > 0 && (_.some((z) => z.id === o.value.id) || (o.value = _[0]));
     }, { deep: !0 }), H(() => r.filters, (_) => {
       _ && d(_);
     }, { deep: !0, immediate: !0 });
@@ -5421,9 +5421,9 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
     })), T = (_) => {
       s.value = Array.isArray(_) ? _[0] || { id: "1", name: r.literals.and } : _;
     }, x = (_) => {
-      const A = Array.isArray(_) ? _[0] : _, O = r.availableCategories.find((R) => R.id === A.id);
-      O && (o.value = O);
-    }, I = () => {
+      const P = Array.isArray(_) ? _[0] : _, z = r.availableCategories.find((R) => R.id === P.id);
+      z && (o.value = z);
+    }, F = () => {
       if (!o.value) return;
       const _ = {
         id: Date.now().toString(),
@@ -5432,32 +5432,32 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
         props: { ...o.value.defaultProps }
       };
       t.push(_);
-    }, L = (_, A) => {
+    }, O = (_, P) => {
       if (_ < 0 || _ >= t.length) return;
-      const O = t[_];
-      O.type === "uiInput" ? typeof A == "string" && (O.props.value = A) : O.type === "uiSelect" && (Array.isArray(A) ? O.props.select = A[0] : typeof A == "object" && A !== null && (O.props.select = A));
+      const z = t[_];
+      z.type === "uiInput" ? typeof P == "string" && (z.props.value = P) : z.type === "uiSelect" && (Array.isArray(P) ? z.props.select = P[0] : typeof P == "object" && P !== null && (z.props.select = P));
     }, C = (_) => {
       _ >= 0 && _ < t.length && t.splice(_, 1);
     }, q = () => {
       t.splice(0, t.length);
-    }, P = () => {
-      const _ = {
-        logicOperator: s.value.name,
-        filters: t.map((A) => ({
-          category: A.name,
-          type: A.type,
-          value: A.type === "uiInput" ? A.props.value : A.props.select?.name
+    }, N = () => {
+      const P = {
+        logicOperator: s.value.id === "1" ? "and" : "or",
+        filters: t.map((z) => ({
+          category: z.name,
+          type: z.type,
+          value: z.type === "uiInput" ? z.props.value : z.props.select?.name
         }))
       };
-      i("smartFiltersSent", _);
+      i("smartFiltersSent", P);
     };
-    return (_, A) => (l(), k(c(_t), { class: "relative" }, {
+    return (_, P) => (l(), k(c(_t), { class: "relative" }, {
       default: h(() => [
         m(c($t), { class: "inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none" }, {
           default: h(() => [
             e("span", null, g(r.literals.filters) + ": ", 1),
-            (l(!0), n($, null, S(w.value, (O, R) => (l(), n($, { key: R }, [
-              e("span", Zd, g(O.name) + " " + g(O.operator) + ": " + g(O.value), 1),
+            (l(!0), n($, null, S(w.value, (z, R) => (l(), n($, { key: R }, [
+              e("span", Zd, g(z.name) + " " + g(z.operator) + ": " + g(z.value), 1),
               R < w.value.length - 1 ? (l(), n("span", Jd, g(s.value.name), 1)) : b("", !0)
             ], 64))), 128)),
             m(c(oe), {
@@ -5490,45 +5490,45 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
                       }, null, 8, ["items", "select"]),
                       m(U, {
                         loading: !1,
-                        onClick: I,
+                        onClick: F,
                         disabled: !o.value
                       }, {
-                        default: h(() => A[0] || (A[0] = [
-                          z(" Agregar Filtro ")
+                        default: h(() => P[0] || (P[0] = [
+                          L(" Agregar Filtro ")
                         ])),
                         _: 1,
                         __: [0]
                       }, 8, ["disabled"])
                     ]),
-                    (l(!0), n($, null, S(t, (O, R) => (l(), n("div", {
+                    (l(!0), n($, null, S(t, (z, R) => (l(), n("div", {
                       class: "flex items-center gap-x-2 w-full",
-                      key: O.id
+                      key: z.id
                     }, [
-                      e("div", Kd, g(O.name), 1),
+                      e("div", Kd, g(z.name), 1),
                       m(Z, {
                         loading: !1,
                         size: "big",
                         color: "gray"
                       }, {
                         default: h(() => [
-                          z(g(a(O.type)), 1)
+                          L(g(a(z.type)), 1)
                         ]),
                         _: 2
                       }, 1024),
-                      O.type === "uiSelect" ? (l(), k(ee, {
+                      z.type === "uiSelect" ? (l(), k(ee, {
                         key: 0,
                         class: "grow",
                         loading: !1,
-                        items: O.props.items || [],
-                        select: O.props.select || O.props.items?.[0] || { id: "0", name: "Select..." },
-                        onSelectChanged: (G) => L(R, G)
-                      }, null, 8, ["items", "select", "onSelectChanged"])) : O.type === "uiInput" ? (l(), k(J, {
+                        items: z.props.items || [],
+                        select: z.props.select || z.props.items?.[0] || { id: "0", name: "Select..." },
+                        onSelectChanged: (G) => O(R, G)
+                      }, null, 8, ["items", "select", "onSelectChanged"])) : z.type === "uiInput" ? (l(), k(J, {
                         key: 1,
                         class: "grow",
                         loading: !1,
-                        name: O.props.name || "",
-                        value: O.props.value || "",
-                        onInput: (G) => L(R, G.target.value)
+                        name: z.props.name || "",
+                        value: z.props.value || "",
+                        onInput: (G) => O(R, G.target.value)
                       }, null, 8, ["name", "value", "onInput"])) : b("", !0),
                       R === 0 ? (l(), k(ee, {
                         key: 2,
@@ -5546,11 +5546,11 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
                         class: "uppercase"
                       }, {
                         default: h(() => [
-                          z(g(s.value.name), 1)
+                          L(g(s.value.name), 1)
                         ]),
                         _: 1
                       })) : b("", !0),
-                      m(F, {
+                      m(A, {
                         icon: c(pe),
                         color: "red",
                         loading: !1,
@@ -5568,17 +5568,17 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
                       onClick: q
                     }, {
                       default: h(() => [
-                        z(g(r.literals.deleteAll), 1)
+                        L(g(r.literals.deleteAll), 1)
                       ]),
                       _: 1
                     }, 8, ["icon"]),
                     m(U, {
                       loading: !1,
-                      icon: c(Ot),
-                      onClick: P
+                      icon: c(Ft),
+                      onClick: N
                     }, {
                       default: h(() => [
-                        z(g(r.literals.filter), 1)
+                        L(g(r.literals.filter), 1)
                       ]),
                       _: 1
                     }, 8, ["icon"])
@@ -5612,7 +5612,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
   uiFooter: hr,
   uiFunnelChartV2: si,
   uiGallery: Di,
-  uiIcon: F,
+  uiIcon: A,
   uiInput: J,
   uiInputFile: bl,
   uiLoadingScreen: yr,
@@ -5638,7 +5638,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
   uiTabs: on,
   uiTag: Z,
   uiTaskList: Ps,
-  uiTextArea: Ol,
+  uiTextArea: Fl,
   uiTimeline: Bn,
   uiToggle: Vl,
   uiTopbar: Wn,
@@ -5689,7 +5689,7 @@ export {
   hr as uiFooter,
   si as uiFunnelChartV2,
   Di as uiGallery,
-  F as uiIcon,
+  A as uiIcon,
   J as uiInput,
   bl as uiInputFile,
   yr as uiLoadingScreen,
@@ -5715,7 +5715,7 @@ export {
   on as uiTabs,
   Z as uiTag,
   Ps as uiTaskList,
-  Ol as uiTextArea,
+  Fl as uiTextArea,
   Bn as uiTimeline,
   Vl as uiToggle,
   Wn as uiTopbar,