@hotelinking/ui 9.41.35 → 9.41.36

package/dist/ui.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as B, openBlock as s, createBlock as _, resolveDynamicComponent as qe, normalizeClass as h, createElementBlock as n, createCommentVNode as b, renderSlot as F, createElementVNode as e, ref as A, watch as W, computed as P, unref as c, withCtx as v, toDisplayString as u, createVNode as g, createTextVNode as D, Transition as re, Fragment as k, renderList as $, withDirectives as C, vModelDynamic as He, vShow as S, withModifiers as xe, vModelText as Ue, createStaticVNode as Q, resolveComponent as ke, vModelCheckbox as Ce, isRef as Be, reactive as Me, TransitionGroup as Ee, onMounted as Ze } from "vue";
+import { defineComponent as B, openBlock as s, createBlock as _, resolveDynamicComponent as qe, normalizeClass as h, createElementBlock as n, createCommentVNode as b, renderSlot as F, createElementVNode as e, ref as A, watch as W, computed as O, unref as c, withCtx as v, toDisplayString as u, createVNode as g, createTextVNode as D, Transition as re, Fragment as k, renderList as $, withDirectives as C, vModelDynamic as He, vShow as S, withModifiers as xe, vModelText as Ue, createStaticVNode as Q, resolveComponent as ke, vModelCheckbox as Ce, isRef as Be, reactive as Me, TransitionGroup as Ee, onMounted as Ze } from "vue";
 import { Menu as de, MenuButton as ue, MenuItems as ce, MenuItem as ge, Combobox as Se, ComboboxLabel as Je, ComboboxInput as je, ComboboxButton as De, ComboboxOptions as Te, ComboboxOption as ze, SwitchGroup as Ge, Switch as We, SwitchLabel as Qe, TransitionRoot as pe, Dialog as me, TransitionChild as J, DialogPanel as fe, DialogTitle as Le, Disclosure as ye, DisclosureButton as U, DisclosurePanel as he } from "@headlessui/vue";
-import z from "dayjs";
+import L from "dayjs";
 import ve from "vue3-apexcharts";
 import Ke from "vue3-draggable";
 import Xe from "@vueform/slider";
@@ -580,7 +580,7 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["optionSelected"],
   setup(p, { emit: i }) {
-    const l = i, a = p, r = P(() => {
+    const l = i, a = p, r = O(() => {
       let t = a.items.find((m) => m.active === !0);
       return t ? t.name : a.label;
     }), o = (t) => {
@@ -909,7 +909,7 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["selectChanged"],
   setup(p, { emit: i }) {
-    const l = A(""), a = i, r = p, o = P(() => l.value === "" ? r.items : r.items.filter((d) => d.name.toLowerCase().includes(l.value.toLowerCase()))), t = (d) => (d == null ? void 0 : d.name) ?? "", m = P(() => r.select);
+    const l = A(""), a = i, r = p, o = O(() => l.value === "" ? r.items : r.items.filter((d) => d.name.toLowerCase().includes(l.value.toLowerCase()))), t = (d) => (d == null ? void 0 : d.name) ?? "", m = O(() => r.select);
     return (d, f) => d.loading ? (s(), n("div", Kt, [
       f[4] || (f[4] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       g(c(ie), {
@@ -1592,7 +1592,7 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["closeNotification"],
   setup(p, { emit: i }) {
-    const l = p, a = P(() => l.show);
+    const l = p, a = O(() => l.show);
     return (r, o) => (s(), n("div", {
       "aria-live": "assertive",
       class: h([{ fixed: r.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
@@ -1726,7 +1726,7 @@ function gl(p) {
 var pl = { exports: {} };
 (function(p, i) {
   (function(l, a) {
-    p.exports = a(z);
+    p.exports = a(L);
   })(ee, function(l) {
     function a(t) {
       return t && typeof t == "object" && "default" in t ? t : { default: t };
@@ -1740,7 +1740,7 @@ var pl = { exports: {} };
 var ml = { exports: {} };
 (function(p, i) {
   (function(l, a) {
-    p.exports = a(z);
+    p.exports = a(L);
   })(ee, function(l) {
     function a(d) {
       return d && typeof d == "object" && "default" in d ? d : { default: d };
@@ -1770,7 +1770,7 @@ var fl = { exports: {} };
 var yl = { exports: {} };
 (function(p, i) {
   (function(l, a) {
-    p.exports = a(z);
+    p.exports = a(L);
   })(ee, function(l) {
     function a(t) {
       return t && typeof t == "object" && "default" in t ? t : { default: t };
@@ -1791,13 +1791,13 @@ const te = (p, i) => {
   components: { ChevronLeftIcon: Pe, ChevronRightIcon: X },
   computed: {
     currentDate() {
-      return z(this.selectedDate).locale("es");
+      return L(this.selectedDate).locale("es");
     },
     today() {
-      return z(/* @__PURE__ */ new Date()).locale("es");
+      return L(/* @__PURE__ */ new Date()).locale("es");
     },
     formatedDate() {
-      return z(this.currentDate).locale("es").format("DD MMM YYYY");
+      return L(this.currentDate).locale("es").format("DD MMM YYYY");
     }
   },
   props: {
@@ -1811,9 +1811,9 @@ const te = (p, i) => {
       let l;
       if (i === "previous") {
         if (this.currentDate <= this.today) return;
-        p === "day" && (l = z(this.currentDate).subtract(1, "day")), p === "month" && (l = z(this.currentDate).subtract(1, "month")), p === "year" && (l = z(this.currentDate).subtract(1, "year")), l <= this.today && (l = this.currentDate = this.today);
+        p === "day" && (l = L(this.currentDate).subtract(1, "day")), p === "month" && (l = L(this.currentDate).subtract(1, "month")), p === "year" && (l = L(this.currentDate).subtract(1, "year")), l <= this.today && (l = this.currentDate = this.today);
       }
-      i === "next" && (p === "day" && (l = z(this.selectedDate).add(1, "day")), p === "month" && (l = z(this.selectedDate).add(1, "month")), p === "year" && (l = z(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", l);
+      i === "next" && (p === "day" && (l = L(this.selectedDate).add(1, "day")), p === "month" && (l = L(this.selectedDate).add(1, "month")), p === "year" && (l = L(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", l);
     }
   }
 }, vl = { class: "dateSelector flex items-center text-white flex-row" }, bl = { class: "pagination flex items-center my-1 md:my-0" }, wl = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, xl = { class: "pagination flex items-center my-1 sm:my-0" };
@@ -1981,12 +1981,12 @@ const Nl = /* @__PURE__ */ gl(Ll), Al = {
   },
   computed: {
     currentDay() {
-      return z.extend(Nl), {
-        dayName: z(this.day).locale("es").format("ddd"),
-        day: z(this.day).locale("es").format("DD"),
-        month: z(this.day).locale("es").format("MMM."),
-        isWeekend: z(this.day).format("d") == 6 || z(this.day).format("d") == 0,
-        isToday: z(this.day).isToday()
+      return L.extend(Nl), {
+        dayName: L(this.day).locale("es").format("ddd"),
+        day: L(this.day).locale("es").format("DD"),
+        month: L(this.day).locale("es").format("MMM."),
+        isWeekend: L(this.day).format("d") == 6 || L(this.day).format("d") == 0,
+        isToday: L(this.day).isToday()
       };
     }
   }
@@ -2020,7 +2020,7 @@ const Fl = /* @__PURE__ */ te(Al, [["render", Vl]]), Il = {
   computed: {
     currentDay() {
       return {
-        isWeekend: z(this.price.date).format("d") == 6 || z(this.price.date).format("d") == 0,
+        isWeekend: L(this.price.date).format("d") == 6 || L(this.price.date).format("d") == 0,
         price: this.price.price
       };
     }
@@ -2104,20 +2104,20 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
   },
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
   setup(p, { emit: i }) {
-    const l = p, a = i, r = A(/* @__PURE__ */ new Date()), o = A(/* @__PURE__ */ new Date()), t = A([]), m = P(() => {
+    const l = p, a = i, r = A(/* @__PURE__ */ new Date()), o = A(/* @__PURE__ */ new Date()), t = A([]), m = O(() => {
       let x = [];
-      for (let O = 0; O < 14; O++)
-        x.push(z(o.value).add(O, "day"));
+      for (let Y = 0; Y < 14; Y++)
+        x.push(L(o.value).add(Y, "day"));
       return x;
-    }), d = P(() => t.value.length > 0 && t.value.length < l.rooms.length), f = (x) => {
-      z(x).isBefore(r.value) || (o.value = x, a("dateChanged", o.value));
+    }), d = O(() => t.value.length > 0 && t.value.length < l.rooms.length), f = (x) => {
+      L(x).isBefore(r.value) || (o.value = x, a("dateChanged", o.value));
     }, y = (x) => {
-      let O = l.category.selectionPrices.find((N) => z(N.date).isSame(x.date));
-      return O ? O.price : x.price;
+      let Y = l.category.selectionPrices.find((N) => L(N.date).isSame(x.date));
+      return Y ? Y.price : x.price;
     }, w = (x) => {
-      t.value = x.target.checked ? l.rooms.map((O) => O.id) : [];
-    }, M = () => a("changeCategoryBulkPrices"), Y = (x) => a("changeCategorySelectionPrice", x), I = (x) => a("changeCategoryUpgradePrice", x), T = (x) => a("tableAction", x), H = (x) => a("changeRoomPrice", x);
-    return (x, O) => {
+      t.value = x.target.checked ? l.rooms.map((Y) => Y.id) : [];
+    }, M = () => a("changeCategoryBulkPrices"), P = (x) => a("changeCategorySelectionPrice", x), I = (x) => a("changeCategoryUpgradePrice", x), z = (x) => a("tableAction", x), H = (x, Y, N) => a("changeRoomPrice", { price: x, roomId: Y, roomName: N });
+    return (x, Y) => {
       var N, se;
       return x.loading ? (s(), _(Fe, { key: 1 })) : (s(), n("div", Hl, [
         e("div", Ul, [
@@ -2129,17 +2129,17 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
                     e("th", Wl, [
                       g(_l, {
                         selectedDate: o.value,
-                        onDateSelected: O[0] || (O[0] = (L) => f(L))
+                        onDateSelected: Y[0] || (Y[0] = (T) => f(T))
                       }, null, 8, ["selectedDate"])
                     ]),
-                    (s(!0), n(k, null, $(m.value, (L, V) => (s(), n("th", {
+                    (s(!0), n(k, null, $(m.value, (T, V) => (s(), n("th", {
                       scope: "col",
                       key: V,
                       class: "text-sm font-semibold text-gray-900 p-0"
                     }, [
                       g(Fl, {
                         class: "border-l border-gray-200 px-6 py-3",
-                        day: L
+                        day: T
                       }, null, 8, ["day"])
                     ]))), 128))
                   ]),
@@ -2161,14 +2161,14 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
                   ]),
                   x.type === "discounts" ? (s(), n("tr", Kl, [
                     e("td", Xl, u(x.literals.pricesDiscount), 1),
-                    (s(!0), n(k, null, $(x.category.selectionPrices, (L, V) => (s(), n("td", {
+                    (s(!0), n(k, null, $(x.category.selectionPrices, (T, V) => (s(), n("td", {
                       key: V,
                       class: "p-0"
                     }, [
                       g(le, {
-                        onClick: (K) => Y(L),
+                        onClick: (K) => P(T),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer",
-                        price: L,
+                        price: T,
                         currency: x.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
@@ -2176,14 +2176,14 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
                   ])) : b("", !0),
                   x.type === "prices" ? (s(), n("tr", eo, [
                     e("td", to, u(x.literals.pricesSelection), 1),
-                    (s(!0), n(k, null, $(x.category.selectionPrices, (L, V) => (s(), n("td", {
+                    (s(!0), n(k, null, $(x.category.selectionPrices, (T, V) => (s(), n("td", {
                       key: V,
                       class: "p-0"
                     }, [
                       g(le, {
-                        onClick: (K) => Y(L),
+                        onClick: (K) => P(T),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer",
-                        price: L,
+                        price: T,
                         currency: x.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
@@ -2191,14 +2191,14 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
                   ])) : b("", !0),
                   x.type === "prices" ? (s(), n("tr", so, [
                     e("td", lo, u(x.literals.pricesUpgrade), 1),
-                    (s(!0), n(k, null, $(x.category.upgradePrices, (L, V) => (s(), n("td", {
+                    (s(!0), n(k, null, $(x.category.upgradePrices, (T, V) => (s(), n("td", {
                       key: V,
                       class: "p-0"
                     }, [
                       g(le, {
-                        onClick: (K) => I(L),
+                        onClick: (K) => I(T),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer bg-gray-100",
-                        price: L,
+                        price: T,
                         currency: x.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
@@ -2207,12 +2207,12 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
                   e("tr", null, [
                     e("th", oo, [
                       ((N = t.value) == null ? void 0 : N.length) > 0 && ((se = x.actions) == null ? void 0 : se.length) > 0 ? (s(), n("div", ro, [
-                        (s(!0), n(k, null, $(x.actions, (L, V) => (s(), n("button", {
-                          onClick: (K) => T({ action: L.id, items: t.value }),
+                        (s(!0), n(k, null, $(x.actions, (T, V) => (s(), n("button", {
+                          onClick: (K) => z({ action: T.id, items: t.value }),
                           key: V,
                           type: "button",
                           class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
-                        }, u(L.name), 9, no))), 128))
+                        }, u(T.name), 9, no))), 128))
                       ])) : b("", !0),
                       e("span", null, u(x.literals.pricesSelection), 1)
                     ])
@@ -2230,14 +2230,14 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
                     ]),
                     e("th", co, u(x.literals.building), 1),
                     e("th", go, u(x.literals.floor), 1),
-                    O[2] || (O[2] = e("th", {
+                    Y[2] || (Y[2] = e("th", {
                       colspan: "14",
                       scope: "colgroup",
                       class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
                     }, null, -1))
                   ]),
-                  (s(!0), n(k, null, $(x.rooms, (L) => (s(), n("tr", {
-                    key: L.name,
+                  (s(!0), n(k, null, $(x.rooms, (T) => (s(), n("tr", {
+                    key: T.name,
                     class: h([{ "even:bg-gray-100": x.type === "prices", "odd:bg-gray-100": x.type === "discounts" }])
                   }, [
                     e("td", po, [
@@ -2245,21 +2245,21 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
                       C(e("input", {
                         type: "checkbox",
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600",
-                        value: L.name,
-                        "onUpdate:modelValue": O[1] || (O[1] = (V) => t.value = V)
+                        value: T.name,
+                        "onUpdate:modelValue": Y[1] || (Y[1] = (V) => t.value = V)
                       }, null, 8, fo), [
                         [Ce, t.value]
                       ]),
-                      e("span", yo, u(L.name), 1)
+                      e("span", yo, u(T.name), 1)
                     ]),
-                    e("td", ho, u(L.building), 1),
-                    e("td", vo, u(L.floor), 1),
-                    (s(!0), n(k, null, $(L.selectionPrices, (V, K) => (s(), n("td", {
+                    e("td", ho, u(T.building), 1),
+                    e("td", vo, u(T.floor), 1),
+                    (s(!0), n(k, null, $(T.selectionPrices, (V, K) => (s(), n("td", {
                       class: "p-0",
                       key: K
                     }, [
                       g(le, {
-                        onClick: (Hi) => H(V),
+                        onClick: (Hi) => H(V, T.id, T.name),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer",
                         price: V,
                         currency: x.currency.symbol,
@@ -2281,7 +2281,7 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
   emits: ["rangeSelected"],
   setup(p, { emit: i }) {
     const l = i, a = p;
-    let r = P(() => a.range);
+    let r = O(() => a.range);
     const o = (t) => {
       r = t, l("rangeSelected", t);
     };
@@ -2340,7 +2340,7 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
       },
       colors: function() {
         return a.isNps ? [
-          function({ value: M, seriesIndex: Y, dataPointIndex: I, w: T }) {
+          function({ value: M, seriesIndex: P, dataPointIndex: I, w: z }) {
             if (I <= 5) return "#F87171";
             if (I > 5 && I <= 7) return "#eab308";
             if (I >= 8) return "#84cc16";
@@ -2387,10 +2387,10 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
     }), a.type === "area" && (o.tooltip = { intersect: !0, shared: !1 });
     const t = () => (o.chart.stacked = a.stacked, { ...o, ...a.options, plotOptions: { bar: { horizontal: a.horizontal } } }), m = (M) => {
       l("selectedRange", { range: M, chartId: a.id });
-    }, d = P(() => a.series), f = P(() => t()), y = () => l("chartUpdated"), w = (M, Y, I) => {
-      l("dataPointSelection", { id: a.id, chartContext: Y, config: I, event: M });
+    }, d = O(() => a.series), f = O(() => t()), y = () => l("chartUpdated"), w = (M, P, I) => {
+      l("dataPointSelection", { id: a.id, chartContext: P, config: I, event: M });
     };
-    return (M, Y) => (s(), n(k, null, [
+    return (M, P) => (s(), n(k, null, [
       C(e("div", {
         class: h(["h-[" + M.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
@@ -2408,7 +2408,7 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
                   loading: !1,
                   color: "red"
                 }, null, 8, ["icon"]),
-                Y[0] || (Y[0] = D()),
+                P[0] || (P[0] = D()),
                 e("span", $o, u(M.npsLiterals.unhappy), 1)
               ]),
               _: 1
@@ -2424,7 +2424,7 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
                   loading: !1,
                   color: "yellow"
                 }, null, 8, ["icon"]),
-                Y[1] || (Y[1] = D()),
+                P[1] || (P[1] = D()),
                 e("span", Co, u(M.npsLiterals.neutral), 1)
               ]),
               _: 1
@@ -2440,7 +2440,7 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
                   loading: !1,
                   color: "green"
                 }, null, 8, ["icon"]),
-                Y[2] || (Y[2] = D()),
+                P[2] || (P[2] = D()),
                 e("span", Bo, u(M.npsLiterals.happy), 1)
               ]),
               _: 1
@@ -2472,14 +2472,14 @@ const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
             loading: !1,
             size: "huge"
           }, null, 8, ["icon"]),
-          Y[3] || (Y[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
+          P[3] || (P[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
           [S, M.empty]
         ])
       ], 2), [
         [S, !M.loading]
       ]),
-      C(e("div", jo, Y[4] || (Y[4] = [
+      C(e("div", jo, P[4] || (P[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -2574,11 +2574,11 @@ const No = /* @__PURE__ */ te(To, [["render", Lo]]), Ao = /* @__PURE__ */ B({
   },
   emits: ["changePage"],
   setup(p, { emit: i }) {
-    const l = i, a = p, r = A(3), o = P(
+    const l = i, a = p, r = A(3), o = O(
       () => Math.max(1, Number(a.current) - Number(r.value))
-    ), t = P(
+    ), t = O(
       () => Math.min(Number(a.current) + Number(r.value), Number(a.total))
-    ), m = P(() => {
+    ), m = O(() => {
       let d = [];
       for (let f = Number(o.value); f <= Number(t.value); f++)
         d.push(f);
@@ -2986,7 +2986,7 @@ const No = /* @__PURE__ */ te(To, [["render", Lo]]), Ao = /* @__PURE__ */ B({
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted"],
   setup(p, { emit: i }) {
     let l = A([]), a = A(""), r = A(!1);
-    const o = i, t = p, m = P(
+    const o = i, t = p, m = O(
       () => l.value.length > 0 && l.value.length < t.items.length
     ), d = (w, M) => {
       a.value !== w && M && (a.value = w), M || (a.value = void 0);
@@ -2998,19 +2998,19 @@ const No = /* @__PURE__ */ te(To, [["render", Lo]]), Ao = /* @__PURE__ */ B({
     return W(() => t.resetSelected, (w) => {
       r.value = w, w && r.value && (l.value = [], r.value = !w, o("selectedItemsDeleted"));
     }), (w, M) => {
-      var Y, I;
+      var P, I;
       return w.loading ? (s(), _(Fe, { key: 1 })) : (s(), n("div", Nr, [
         e("div", Ar, [
           e("div", Yr, [
             e("div", Pr, [
               e("div", Or, [
-                ((Y = c(l)) == null ? void 0 : Y.length) > 0 && ((I = w.actions) == null ? void 0 : I.length) > 0 ? (s(), n("div", Vr, [
-                  (s(!0), n(k, null, $(w.actions, (T, H) => (s(), n("button", {
-                    onClick: (x) => w.$emit("tableAction", { action: T.id, items: c(l) }),
+                ((P = c(l)) == null ? void 0 : P.length) > 0 && ((I = w.actions) == null ? void 0 : I.length) > 0 ? (s(), n("div", Vr, [
+                  (s(!0), n(k, null, $(w.actions, (z, H) => (s(), n("button", {
+                    onClick: (x) => w.$emit("tableAction", { action: z.id, items: c(l) }),
                     key: H,
                     type: "button",
                     class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
-                  }, u(T.name), 9, Fr))), 128))
+                  }, u(z.name), 9, Fr))), 128))
                 ])) : b("", !0),
                 e("table", Ir, [
                   e("thead", Rr, [
@@ -3028,71 +3028,71 @@ const No = /* @__PURE__ */ te(To, [["render", Lo]]), Ao = /* @__PURE__ */ B({
                           onChange: f
                         }, null, 40, qr)) : b("", !0)
                       ], 2),
-                      (s(!0), n(k, null, $(w.header, (T, H) => (s(), n("th", {
+                      (s(!0), n(k, null, $(w.header, (z, H) => (s(), n("th", {
                         key: H,
                         class: "py-3.5 pr-3 text-left font-semibold text-gray-900 relative",
                         scope: "col",
-                        onMouseover: (x) => d(T.name, !0),
-                        onMouseleave: (x) => d(T.name, !1)
+                        onMouseover: (x) => d(z.name, !0),
+                        onMouseleave: (x) => d(z.name, !1)
                       }, [
-                        T.tooltip ? C((s(), _(Lr, {
+                        z.tooltip ? C((s(), _(Lr, {
                           key: 0,
-                          tip: T.tooltip
+                          tip: z.tooltip
                         }, null, 8, ["tip"])), [
-                          [S, c(a) === T.name]
+                          [S, c(a) === z.name]
                         ]) : b("", !0),
-                        T.value ? (s(), n("button", {
+                        z.value ? (s(), n("button", {
                           key: 1,
                           class: "group flex items-center uppercase text-xs relative text-nowrap",
-                          onClick: (x) => o("orderBy", { value: T.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
+                          onClick: (x) => o("orderBy", { value: z.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
                         }, [
-                          e("span", null, u(T.name), 1),
+                          e("span", null, u(z.name), 1),
                           e("span", {
                             class: h([[
-                              T.value === w.orderedBy ? "bg-indigo-600 text-white group-hover:bg-gray-300" : "text-gray-400 group-hover:visible group-focus:visible"
+                              z.value === w.orderedBy ? "bg-indigo-600 text-white group-hover:bg-gray-300" : "text-gray-400 group-hover:visible group-focus:visible"
                             ], "ml-2 flex-none rounded group-hover:bg-indigo-200 group-hover:text-white"])
                           }, [
                             g(j, {
                               icon: w.orderDirection === "asc" ? c(oe) : c(pt),
                               loading: w.loading,
-                              color: T.value === w.orderedBy ? "white" : "primary"
+                              color: z.value === w.orderedBy ? "white" : "primary"
                             }, null, 8, ["icon", "loading", "color"])
                           ], 2)
                         ], 8, Ur)) : (s(), n("p", Er, [
-                          e("span", null, u(T.name), 1)
+                          e("span", null, u(z.name), 1)
                         ]))
                       ], 40, Hr))), 128))
                     ])
                   ]),
                   e("tbody", Zr, [
-                    (s(!0), n(k, null, $(w.items, (T, H) => {
-                      var x, O;
+                    (s(!0), n(k, null, $(w.items, (z, H) => {
+                      var x, Y;
                       return s(), n("tr", {
-                        key: T.id,
+                        key: z.id,
                         class: h([
-                          c(l).includes(T.id) && "bg-gray-50",
+                          c(l).includes(z.id) && "bg-gray-50",
                           H % 2 === 0 ? void 0 : "bg-gray-50"
                         ])
                       }, [
                         e("td", {
                           class: h([((x = w.actions) == null ? void 0 : x.length) > 0 ? "w-2" : "w-0", "relative"])
                         }, [
-                          c(l).includes(T.id) ? (s(), n("div", Jr)) : b("", !0),
-                          ((O = w.actions) == null ? void 0 : O.length) > 0 ? C((s(), n("input", {
+                          c(l).includes(z.id) ? (s(), n("div", Jr)) : b("", !0),
+                          ((Y = w.actions) == null ? void 0 : Y.length) > 0 ? C((s(), n("input", {
                             key: 1,
                             "onUpdate:modelValue": M[0] || (M[0] = (N) => Be(l) ? l.value = N : l = N),
-                            value: T.id,
+                            value: z.id,
                             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, Gr)), [
                             [Ce, c(l)]
                           ]) : b("", !0)
                         ], 2),
-                        (s(!0), n(k, null, $(T.row, (N, se) => (s(), n("td", {
+                        (s(!0), n(k, null, $(z.row, (N, se) => (s(), n("td", {
                           key: se,
                           class: h([
                             "whitespace-nowrap py-4 pr-3 text-sm",
-                            c(l).includes(T.id) ? "text-indigo-600" : "text-gray-900"
+                            c(l).includes(z.id) ? "text-indigo-600" : "text-gray-900"
                           ])
                         }, [
                           typeof N == "object" && N.type === "tag" ? (s(), _(R, {
@@ -3107,7 +3107,7 @@ const No = /* @__PURE__ */ te(To, [["render", Lo]]), Ao = /* @__PURE__ */ B({
                           }, 1032, ["loading", "color"])) : typeof N == "object" && N.type === "link" ? (s(), n("span", {
                             key: 1,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
-                            onClick: (L) => y(N)
+                            onClick: (T) => y(N)
                           }, u(N.content), 9, Wr)) : typeof N == "object" && N.type === "href" ? (s(), n("a", {
                             key: 2,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
@@ -3540,7 +3540,7 @@ const No = /* @__PURE__ */ te(To, [["render", Lo]]), Ao = /* @__PURE__ */ B({
         }
       }
     };
-    const o = P(() => ({ ...a.options, ...r })), t = P(() => a.series), m = () => l("chartUpdated"), d = (f, y, w) => {
+    const o = O(() => ({ ...a.options, ...r })), t = O(() => a.series), m = () => l("chartUpdated"), d = (f, y, w) => {
       l("dataPointSelection", { id: a.id, chartContext: y, config: w, event: f });
     };
     return (f, y) => (s(), n(k, null, [
@@ -3928,7 +3928,7 @@ const No = /* @__PURE__ */ te(To, [["render", Lo]]), Ao = /* @__PURE__ */ B({
         }
       }
     };
-    const o = () => ({ ...r, ...a.options }), t = P(() => a.series), m = P(() => o()), d = () => l("chartUpdated"), f = (y, w, M) => {
+    const o = () => ({ ...r, ...a.options }), t = O(() => a.series), m = O(() => o()), d = () => l("chartUpdated"), f = (y, w, M) => {
       l("dataPointSelection", { id: a.id, chartContext: w, config: M, event: y });
     };
     return (y, w) => (s(), n(k, null, [
@@ -4428,7 +4428,7 @@ const No = /* @__PURE__ */ te(To, [["render", Lo]]), Ao = /* @__PURE__ */ B({
   },
   emits: ["productBarClick", "sideBarClick", "selectChanged", "topBarClick"],
   setup(p, { emit: i }) {
-    const l = p, a = A(""), r = P(() => a.value === "" ? l.topbar.selectItems : l.topbar.selectItems.filter((d) => d.name.toLowerCase().includes(a.value.toLowerCase()))), o = (d) => (d == null ? void 0 : d.name) ?? "", t = P(() => l.topbar.selectedItem), m = A(!1);
+    const l = p, a = A(""), r = O(() => a.value === "" ? l.topbar.selectItems : l.topbar.selectItems.filter((d) => d.name.toLowerCase().includes(a.value.toLowerCase()))), o = (d) => (d == null ? void 0 : d.name) ?? "", t = O(() => l.topbar.selectedItem), m = A(!1);
     return (d, f) => (s(), n("div", null, [
       g(c(pe), {
         as: "template",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hotelinking/ui",
   "private": false,
-  "version": "9.41.35",
+  "version": "9.41.36",
   "files": [
     "dist"
   ],