@hotelinking/ui 14.47.11 → 14.47.13

package/dist/ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as M, createBlock as k, createElementBlock as n, openBlock as l, resolveDynamicComponent as Re, normalizeClass as y, computed as Y, createCommentVNode as b, renderSlot as E, createElementVNode as e, ref as I, watch as H, unref as c, withCtx as f, 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, computed as Y, createCommentVNode as b, renderSlot as E, createElementVNode as e, ref as N, watch as H, unref as c, withCtx as f, 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 { 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";
@@ -113,7 +113,7 @@ const O = /* @__PURE__ */ M({
   },
   emits: ["checkboxChanged"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = I(i.check), o = () => {
+    const r = u, i = p, s = N(i.check), o = () => {
       i.disabled || (s.value = !s.value, r("checkboxChanged", { checked: s.value, value: i.value }));
     };
     return H(() => i.check, (t) => {
@@ -741,7 +741,7 @@ const Jt = {
   },
   emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = I(i.value);
+    const r = u, i = p, s = N(i.value);
     H(() => i.value, (t) => {
       s.value = t, s.value && r("inputChanged", { name: i.name, value: s.value });
     });
@@ -866,7 +866,7 @@ const Jt = {
   },
   emits: ["filesUploaded"],
   setup(p, { emit: u }) {
-    let r = I("");
+    let r = N("");
     const i = u, s = p, o = (d) => {
       a(d.dataTransfer.files), i("filesUploaded", { id: s.id, files: d.dataTransfer.files });
     }, t = (d) => {
@@ -970,7 +970,7 @@ const Jt = {
   },
   emits: ["selectChanged"],
   setup(p, { expose: u, emit: r }) {
-    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) => {
+    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) => {
       s("selectChanged", v);
     }, h = Y({
       get: () => o.select,
@@ -1045,7 +1045,7 @@ const Jt = {
                 value: w,
                 as: "template"
               }, {
-                default: f(({ active: T, selected: x }) => [
+                default: f(({ active: T, selected: _ }) => [
                   e("li", {
                     class: y([
                       "relative cursor-default select-none py-2 pl-3 pr-9",
@@ -1053,9 +1053,9 @@ const Jt = {
                     ])
                   }, [
                     e("span", {
-                      class: y(["block truncate", x && "font-semibold"])
+                      class: y(["block truncate", _ && "font-semibold"])
                     }, g(w.name), 3),
-                    x ? (l(), n("span", {
+                    _ ? (l(), n("span", {
                       key: 0,
                       class: y([
                         "absolute inset-y-0 right-0 flex items-center pr-4",
@@ -1140,7 +1140,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
   },
   emits: ["selectChanged"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = I(""), o = I(r.select), t = Y(
+    const r = p, i = u, s = N(""), o = N(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);
@@ -1185,7 +1185,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
             }, "w-full rounded-md border py-2 pl-3 pr-10 shadow-sm focus:border-lime-400 focus:outline-none focus:ring-1 focus:ring-lime-400 sm:text-sm"]),
             onChange: h[0] || (h[0] = (v) => s.value = v.target.value),
             onBlur: h[1] || (h[1] = (v) => s.value = ""),
-            "display-value": (v) => v.name
+            "display-value": (v) => v.label || v.name
           }, null, 8, ["class", "display-value"]),
           m(c(Je), { class: "h-full absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
             default: f(() => [
@@ -1212,7 +1212,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
                   }, [
                     e("span", {
                       class: y(["block truncate", w && "font-semibold"])
-                    }, g(v.name), 3),
+                    }, g(v.label || v.name), 3),
                     w ? (l(), n("span", {
                       key: 0,
                       class: y(["absolute inset-y-0 right-0 flex items-center pr-4", j ? "text-black" : "text-lime-400"])
@@ -1314,7 +1314,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 = I(i.value);
+    }, o = N(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", Ol, a[1] || (a[1] = [
@@ -1386,7 +1386,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
   },
   emits: ["toggleChanged", "actionClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = I(r.checked);
+    const r = p, i = N(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" })
@@ -1651,7 +1651,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
       o.value.forEach((a) => {
         a.active = a.value === t.value;
       }), r("filterSelected", t);
-    }, o = I(i.items);
+    }, o = N(i.items);
     return (t, a) => (l(), k(he, {
       class: "text-nowrap",
       loading: t.loading,
@@ -2353,7 +2353,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 = I(/* @__PURE__ */ new Date()), o = I(r.today), t = I([]);
+    const r = p, i = u, s = N(/* @__PURE__ */ new Date()), o = N(r.today), t = N([]);
     H(() => r.today, (C) => {
       o.value = C;
     });
@@ -2365,11 +2365,11 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
     }), d = Y(() => t.value.length > 0 && t.value.length < r.rooms.length), h = (C) => {
       V(C).isBefore(s.value) || (o.value = C, i("dateChanged", o.value));
     }, v = (C) => {
-      let q = r.category.selectionPrices.find((N) => V(N.date).isSame(C.date));
+      let q = r.category.selectionPrices.find((P) => V(P.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), A = (C) => i("tableAction", C), F = (C, q, N) => i("changeRoomPrice", { price: C, roomId: q, roomName: N });
+    }, w = () => i("changeCategoryBulkPrices"), T = (C) => i("changeCategorySelectionPrice", C), _ = (C) => i("changeCategoryUpgradePrice", C), A = (C) => i("tableAction", C), F = (C, q, P) => i("changeRoomPrice", { price: C, roomId: q, roomName: P });
     return (C, q) => C.loading ? (l(), k(nt, { key: 1 })) : (l(), n("div", Co, [
       e("div", So, [
         e("div", Bo, [
@@ -2380,17 +2380,17 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                   e("th", To, [
                     m(to, {
                       selectedDate: o.value,
-                      onDateSelected: q[0] || (q[0] = (N) => h(N))
+                      onDateSelected: q[0] || (q[0] = (P) => h(P))
                     }, null, 8, ["selectedDate"])
                   ]),
-                  (l(!0), n($, null, S(a.value, (N, _) => (l(), n("th", {
+                  (l(!0), n($, null, S(a.value, (P, x) => (l(), n("th", {
                     scope: "col",
-                    key: _,
+                    key: x,
                     class: "text-sm font-semibold p-0"
                   }, [
                     m(ko, {
                       class: "border-l border-gray-200 px-6 py-3",
-                      day: N
+                      day: P
                     }, null, 8, ["day"])
                   ]))), 128))
                 ]),
@@ -2412,14 +2412,14 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                 ]),
                 C.type === "discounts" ? (l(), n("tr", Lo, [
                   e("td", Fo, g(C.literals.pricesDiscount), 1),
-                  (l(!0), n($, null, S(C.category.selectionPrices, (N, _) => (l(), n("td", {
-                    key: _,
+                  (l(!0), n($, null, S(C.category.selectionPrices, (P, x) => (l(), n("td", {
+                    key: x,
                     class: "p-0"
                   }, [
                     m(ie, {
-                      onClick: (P) => T(N),
+                      onClick: (I) => T(P),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                      price: N,
+                      price: P,
                       currency: C.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2427,14 +2427,14 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                 ])) : b("", !0),
                 C.type === "prices" ? (l(), n("tr", Oo, [
                   e("td", Ao, g(C.literals.pricesSelection), 1),
-                  (l(!0), n($, null, S(C.category.selectionPrices, (N, _) => (l(), n("td", {
-                    key: _,
+                  (l(!0), n($, null, S(C.category.selectionPrices, (P, x) => (l(), n("td", {
+                    key: x,
                     class: "p-0"
                   }, [
                     m(ie, {
-                      onClick: (P) => T(N),
+                      onClick: (I) => T(P),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                      price: N,
+                      price: P,
                       currency: C.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2442,14 +2442,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, (N, _) => (l(), n("td", {
-                    key: _,
+                  (l(!0), n($, null, S(C.category.upgradePrices, (P, x) => (l(), n("td", {
+                    key: x,
                     class: "p-0"
                   }, [
                     m(ie, {
-                      onClick: (P) => x(N),
+                      onClick: (I) => _(P),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer bg-gray-100",
-                      price: N,
+                      price: P,
                       currency: C.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2458,12 +2458,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, (N, _) => (l(), n("button", {
-                        onClick: (P) => A({ action: N.id, items: t.value }),
-                        key: _,
+                      (l(!0), n($, null, S(C.actions, (P, x) => (l(), n("button", {
+                        onClick: (I) => A({ action: P.id, items: t.value }),
+                        key: x,
                         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(N.name), 9, Yo))), 128))
+                      }, g(P.name), 9, Yo))), 128))
                     ])) : b("", !0),
                     e("span", null, g(C.literals.pricesSelection), 1)
                   ])
@@ -2487,8 +2487,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, (N) => (l(), n("tr", {
-                  key: N.name,
+                (l(!0), n($, null, S(C.rooms, (P) => (l(), n("tr", {
+                  key: P.name,
                   class: y([{ "even:bg-gray-100": C.type === "prices", "odd:bg-gray-100": C.type === "discounts" }])
                 }, [
                   e("td", Zo, [
@@ -2496,25 +2496,25 @@ 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: N.name,
-                      "onUpdate:modelValue": q[1] || (q[1] = (_) => t.value = _)
+                      value: P.name,
+                      "onUpdate:modelValue": q[1] || (q[1] = (x) => t.value = x)
                     }, null, 8, Wo), [
                       [Ee, t.value]
                     ]),
-                    e("span", Go, g(N.name), 1)
+                    e("span", Go, g(P.name), 1)
                   ]),
-                  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", {
+                  e("td", Qo, g(P.building), 1),
+                  e("td", Ko, g(P.floor), 1),
+                  (l(!0), n($, null, S(P.selectionPrices, (x, I) => (l(), n("td", {
                     class: "p-0",
-                    key: P
+                    key: I
                   }, [
                     m(ie, {
-                      onClick: (L) => F(_, N.id, N.name),
+                      onClick: (L) => F(x, P.id, P.name),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 cursor-pointer",
-                      price: _,
+                      price: x,
                       currency: C.currency.symbol,
-                      basePrice: v(_)
+                      basePrice: v(x)
                     }, null, 8, ["onClick", "price", "currency", "basePrice"])
                   ]))), 128))
                 ], 2))), 128))
@@ -2550,10 +2550,10 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(p, { emit: u }) {
-    const r = u, i = I((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), s = p;
+    const r = u, i = N((/* @__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);
+    H(() => s.dates, (_) => {
+      _ && (o = _);
     });
     let a = {
       chart: {
@@ -2566,7 +2566,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
       },
       colors: function() {
         return s.isNps ? [
-          function({ value: x, seriesIndex: A, dataPointIndex: F, w: C }) {
+          function({ value: _, seriesIndex: A, dataPointIndex: F, w: C }) {
             if (F <= 5) return "#F87171";
             if (F > 5 && F <= 7) return "#eab308";
             if (F >= 8) return "#84cc16";
@@ -2613,16 +2613,16 @@ 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 } } }), h = () => {
       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, A, F) => {
-      r("dataPointSelection", { id: s.id, chartContext: A, config: F, event: x });
+    }, v = Y(() => s.series), j = Y(() => d()), w = () => r("chartUpdated"), T = (_, A, F) => {
+      r("dataPointSelection", { id: s.id, chartContext: A, config: F, event: _ });
     };
-    return (x, A) => (l(), n($, null, [
+    return (_, A) => (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"])
+        class: y(["h-[" + _.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
       }, [
         e("div", er, [
-          e("div", tr, g(x.title), 1),
-          x.isNps && x.npsLiterals ? (l(), n("div", lr, [
+          e("div", tr, g(_.title), 1),
+          _.isNps && _.npsLiterals ? (l(), n("div", lr, [
             m(Z, {
               size: "small",
               color: "red",
@@ -2634,7 +2634,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                   loading: !1,
                   color: "red"
                 }, null, 8, ["icon"]),
-                e("span", sr, g(x.npsLiterals.unhappy), 1)
+                e("span", sr, g(_.npsLiterals.unhappy), 1)
               ]),
               _: 1
             }),
@@ -2649,7 +2649,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                   loading: !1,
                   color: "yellow"
                 }, null, 8, ["icon"]),
-                e("span", or, g(x.npsLiterals.neutral), 1)
+                e("span", or, g(_.npsLiterals.neutral), 1)
               ]),
               _: 1
             }),
@@ -2664,7 +2664,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                   loading: !1,
                   color: "green"
                 }, null, 8, ["icon"]),
-                e("span", rr, g(x.npsLiterals.happy), 1)
+                e("span", rr, g(_.npsLiterals.happy), 1)
               ]),
               _: 1
             })
@@ -2699,28 +2699,28 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
             m(O, {
               class: "ml-4 cursor-pointer",
               size: "big",
-              loading: x.loading,
+              loading: _.loading,
               icon: c(Xe),
-              onClick: A[2] || (A[2] = (F) => x.$emit("maximizeChart", x.id))
+              onClick: A[2] || (A[2] = (F) => _.$emit("maximizeChart", _.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
         B(e("div", cr, [
           m(c(ze), {
             class: "chart",
-            type: x.type,
+            type: _.type,
             series: v.value,
-            height: x.height,
+            height: _.height,
             options: j.value,
             onUpdated: w,
             onMounted: w,
             onDataPointSelection: T
           }, null, 8, ["type", "series", "height", "options"])
         ], 512), [
-          [D, !x.empty]
+          [D, !_.empty]
         ]),
         B(e("div", {
-          class: y(["h-[" + x.height + "px]", "w-full flex items-center justify-center flex-col"])
+          class: y(["h-[" + _.height + "px]", "w-full flex items-center justify-center flex-col"])
         }, [
           m(O, {
             icon: c(W),
@@ -2730,13 +2730,13 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
           }, null, 8, ["icon"]),
           A[3] || (A[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
         ], 2), [
-          [D, x.empty]
+          [D, _.empty]
         ])
       ], 2), [
-        [D, !x.loading]
+        [D, !_.loading]
       ]),
       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"])
+        class: y(["h-[" + _.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
       }, A[4] || (A[4] = [
         e("div", {
           role: "status",
@@ -2764,7 +2764,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
           ])
         ], -1)
       ]), 2), [
-        [D, x.loading]
+        [D, _.loading]
       ])
     ], 64));
   }
@@ -2833,7 +2833,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["changePage"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = I(3), o = Y(
+    const r = u, i = p, s = N(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))
@@ -3428,7 +3428,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted"],
   setup(p, { emit: u }) {
-    let r = I([]), i = I(""), s = I(!1);
+    let r = N([]), i = N(""), s = N(!1);
     const o = u, t = p, a = Y(
       () => r.value.length > 0 && r.value.length < t.items.length
     ), d = (w, T) => {
@@ -3446,12 +3446,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           e("div", Ia, [
             e("div", Na, [
               c(r)?.length > 0 && w.actions?.length > 0 ? (l(), n("div", Pa, [
-                (l(!0), n($, null, S(w.actions, (x, A) => (l(), n("button", {
-                  onClick: (F) => w.$emit("tableAction", { action: x.id, items: c(r) }),
+                (l(!0), n($, null, S(w.actions, (_, A) => (l(), n("button", {
+                  onClick: (F) => w.$emit("tableAction", { action: _.id, items: c(r) }),
                   key: A,
                   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, Va))), 128))
+                }, g(_.name), 9, Va))), 128))
               ])) : b("", !0),
               e("table", Ya, [
                 e("thead", qa, [
@@ -3469,38 +3469,38 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         onChange: h
                       }, null, 40, Ra)) : b("", !0)
                     ], 2),
-                    (l(!0), n($, null, S(w.header, (x, A) => B((l(), n("th", {
+                    (l(!0), n($, null, S(w.header, (_, A) => B((l(), n("th", {
                       key: A,
                       class: "py-3.5 pr-3 text-left font-semibold relative",
                       scope: "col",
-                      onMouseover: (F) => d(x.name, !0),
-                      onMouseleave: (F) => d(x.name, !1)
+                      onMouseover: (F) => d(_.name, !0),
+                      onMouseleave: (F) => d(_.name, !1)
                     }, [
-                      x.tooltip ? B((l(), k(La, {
+                      _.tooltip ? B((l(), k(La, {
                         key: 0,
-                        tip: x.tooltip
+                        tip: _.tooltip
                       }, null, 8, ["tip"])), [
-                        [D, c(i) === x.name]
+                        [D, c(i) === _.name]
                       ]) : b("", !0),
-                      x.value ? (l(), n("button", {
+                      _.value ? (l(), n("button", {
                         key: 1,
                         class: "group flex items-center uppercase text-xs relative text-nowrap",
-                        onClick: (F) => o("orderBy", { value: x.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
+                        onClick: (F) => o("orderBy", { value: _.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
                       }, [
-                        e("span", null, g(x.name), 1),
+                        e("span", null, g(_.name), 1),
                         e("span", {
                           class: y([[
-                            x.value === w.orderedBy ? "bg-black text-white group-hover:bg-lime-400 group-hover:text-black" : "group-hover:visible group-focus:visible"
+                            _.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(O, {
                             icon: w.orderDirection === "asc" ? c(oe) : c(st),
                             loading: w.loading,
-                            color: x.value === w.orderedBy ? "white" : "primary"
+                            color: _.value === w.orderedBy ? "white" : "primary"
                           }, null, 8, ["icon", "loading", "color"])
                         ], 2)
                       ], 8, Ua)) : (l(), n("p", Ha, [
-                        e("span", null, g(x.name), 1)
+                        e("span", null, g(_.name), 1)
                       ]))
                     ], 40, Ea)), [
                       [D, j(A)]
@@ -3508,32 +3508,32 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                   ])
                 ]),
                 e("tbody", Za, [
-                  (l(!0), n($, null, S(w.items, (x, A) => (l(), n("tr", {
-                    key: x.id,
+                  (l(!0), n($, null, S(w.items, (_, A) => (l(), n("tr", {
+                    key: _.id,
                     class: y([
-                      c(r).includes(x.id) && "bg-gray-50",
+                      c(r).includes(_.id) && "bg-gray-50",
                       A % 2 == 0 ? void 0 : "bg-gray-50"
                     ])
                   }, [
                     e("td", {
                       class: y([w.actions?.length > 0 ? "w-2" : "w-0", "relative"])
                     }, [
-                      c(r).includes(x.id) ? (l(), n("div", Ja)) : b("", !0),
+                      c(r).includes(_.id) ? (l(), n("div", Ja)) : b("", !0),
                       w.actions?.length > 0 ? B((l(), n("input", {
                         key: 1,
                         "onUpdate:modelValue": T[0] || (T[0] = (F) => xe(r) ? r.value = F : r = F),
-                        value: x.id,
+                        value: _.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"
                       }, null, 8, Wa)), [
                         [Ee, c(r)]
                       ]) : b("", !0)
                     ], 2),
-                    (l(!0), n($, null, S(x.row, (F, C) => B((l(), n("td", {
+                    (l(!0), n($, null, S(_.row, (F, 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" : ""
+                        c(r).includes(_.id) ? "text-black font-bold" : ""
                       ])
                     }, [
                       typeof F == "object" && F.type === "tag" ? (l(), k(Z, {
@@ -4232,7 +4232,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["modalAction", "deleteImage", "imgClicked"],
   setup(p, { emit: u }) {
-    const r = u, i = I(!1), s = (o) => {
+    const r = u, i = N(!1), s = (o) => {
       i.value = !1, r("modalAction", o);
     };
     return (o, t) => (l(), n("div", _i, [
@@ -4313,7 +4313,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["dragAndDropUpdated"],
   setup(p, { emit: u }) {
     const r = u, i = p;
-    let s = I(i.elements);
+    let s = N(i.elements);
     H(() => i.elements, (t) => {
       s.value = t;
     });
@@ -4373,7 +4373,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 = I((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    const r = u, i = p, s = N((/* @__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);
@@ -4410,12 +4410,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         }
       }
     };
-    const a = () => ({ ...t, ...i.options }), d = Y(() => i.series), h = Y(() => a()), v = () => r("chartUpdated"), j = (T, x, A) => {
-      r("dataPointSelection", { id: i.id, chartContext: x, config: A, event: T });
+    const a = () => ({ ...t, ...i.options }), d = Y(() => i.series), h = Y(() => a()), v = () => r("chartUpdated"), j = (T, _, A) => {
+      r("dataPointSelection", { id: i.id, chartContext: _, config: A, event: T });
     }, w = () => {
       o.from !== "" && o.to !== "" && V(o.from).isBefore(V(o.to)) && r("selectedRange", { range: o, chartId: i.id });
     };
-    return (T, x) => (l(), n($, null, [
+    return (T, _) => (l(), n($, null, [
       B(e("div", {
         class: y(["h-[" + T.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
@@ -4425,7 +4425,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             e("div", Ei, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": x[0] || (x[0] = (A) => c(o).from = A),
+                "onUpdate:modelValue": _[0] || (_[0] = (A) => c(o).from = A),
                 max: s.value.toString(),
                 onChange: w,
                 name: "from",
@@ -4438,7 +4438,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             e("div", Hi, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": x[1] || (x[1] = (A) => c(o).to = A),
+                "onUpdate:modelValue": _[1] || (_[1] = (A) => c(o).to = A),
                 max: s.value.toString(),
                 onChange: w,
                 name: "to",
@@ -4453,7 +4453,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               size: "big",
               loading: T.loading,
               icon: c(Xe),
-              onClick: x[2] || (x[2] = (A) => T.$emit("maximizeChart", T.id))
+              onClick: _[2] || (_[2] = (A) => T.$emit("maximizeChart", T.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
@@ -4478,14 +4478,14 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             loading: !1,
             size: "huge"
           }, null, 8, ["icon"]),
-          x[3] || (x[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
+          _[3] || (_[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
           [D, T.empty]
         ])
       ], 2), [
         [D, !T.loading]
       ]),
-      B(e("div", Gi, x[4] || (x[4] = [
+      B(e("div", Gi, _[4] || (_[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4537,7 +4537,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["uiDateRangeButtonClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = I((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    const r = p, i = N((/* @__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) => {
@@ -4627,7 +4627,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["sliderUpdated"],
   setup(p, { emit: u }) {
-    const r = u, s = I(p.sliderValue);
+    const r = u, s = N(p.sliderValue);
     return (o, t) => (l(), n("div", null, [
       e("div", td, [
         o.label ? (l(), n("label", ld, g(o.label), 1)) : b("", !0),
@@ -4770,7 +4770,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 = I(r.sidebarOpen), o = () => {
+    const r = p, i = u, s = N(r.sidebarOpen), o = () => {
       s.value = !s.value, i("sidebarToggle", s.value);
     };
     return (t, a) => (l(), n("div", null, [
@@ -4995,7 +4995,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 = I(0), s = I(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 = N(0), s = N(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
@@ -5033,7 +5033,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["selectChanged"],
   setup(p, { emit: u }) {
     const r = u, i = p;
-    let s = I(Array.isArray(i.select) ? i.select : i.select ? [i.select] : []);
+    let s = N(Array.isArray(i.select) ? i.select : i.select ? [i.select] : []);
     const o = (a) => {
       r("selectChanged", a);
     };
@@ -5196,7 +5196,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 = I(r.items[0].props), t = (a) => {
+    const r = p, i = u, s = pt(J), o = N(r.items[0].props), t = (a) => {
       switch (a.type) {
         case "uiInput":
           s.value = J, i("smartFilterSelected", a.value);
@@ -5255,7 +5255,7 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
   },
   emits: ["smartFilterMultipleSent", "smartFilterSelected", "smartInputChanged", "smartSelectChanged", "smartOptionSelected", "rightAddOnClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = I([JSON.parse(JSON.stringify(r))]), o = I([{ name: r.items[0].name, value: null }]), t = () => {
+    const r = p, i = u, s = N([JSON.parse(JSON.stringify(r))]), o = N([{ 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();
@@ -5376,88 +5376,92 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
   },
   emits: ["smartFiltersSent", "smartFiltersCleared", "smartFilterDeleted"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = I({ id: "1", name: r.literals.and }), o = ae([]), t = I(r.availableCategories[0]), a = (_) => _ ? _ === "uiInput" ? r.literals.contains : r.literals.is : "", d = (_) => {
-      o.splice(0, o.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 L = r.availableCategories.find((R) => R.name === P.category);
+    const r = p, i = u, s = N({ id: "1", name: r.literals.and }), o = ae([]), t = N(r.availableCategories[0] || {}), a = (x) => x ? x === "uiInput" ? r.literals.contains : r.literals.is : "", d = (x) => {
+      o.splice(0, o.length), x.logicOperator === "and" || x.logicOperator === r.literals.and ? s.value = { id: "1", name: r.literals.and } : (x.logicOperator === "or" || x.logicOperator === r.literals.or) && (s.value = { id: "2", name: r.literals.or }), x.filters.forEach((I) => {
+        const L = r.availableCategories.find((R) => R.name === I.name);
         if (L) {
           const R = {
-            id: Date.now().toString() + Math.random().toString(36).substr(2, 9),
-            name: P.category,
-            type: P.type,
+            label: I.label,
+            name: I.name,
+            type: I.type,
             props: { ...L.defaultProps }
           };
-          if (P.type === "uiInput")
-            R.props.value = P.value || "";
-          else if (P.type === "uiSelect") {
-            const G = L.defaultProps.items?.find((ut) => ut.name === P.value);
+          if (I.type === "uiInput")
+            R.props.value = I.value || "";
+          else if (I.type === "uiSelect") {
+            const G = L.defaultProps.items?.find((ut) => ut.name === I.value);
             G ? R.props.select = G : L.defaultProps.items && L.defaultProps.items.length > 0 && (R.props.select = L.defaultProps.items[0]);
           }
           o.push(R);
         }
       });
     };
-    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((L) => L.id === t.value.id) || (t.value = _[0]));
-    }, { deep: !0 }), H(() => r.filters, (_) => {
-      _ && d(_);
+    H(() => r.literals, (x) => {
+      s.value.id === "1" ? s.value.name = x.and : s.value.id === "2" && (s.value.name = x.or);
+    }, { deep: !0 }), H(() => r.availableCategories, (x) => {
+      x.length > 0 && (!t.value.name || !x.some((I) => I.name === t.value.name)) && (t.value = x[0]);
+    }, { deep: !0, immediate: !0 }), H(() => r.filters, (x) => {
+      x && d(x);
     }, { deep: !0, immediate: !0 });
     const h = Y(() => [
       { id: "1", name: r.literals.and },
       { id: "2", name: r.literals.or }
-    ]), v = Y(() => r.availableCategories.map((_) => ({
-      id: _.id,
-      name: _.name
+    ]), v = Y(() => r.availableCategories.map((x) => ({
+      id: x.name,
+      name: x.name,
+      label: x.label
     }))), j = Y(() => ({
-      id: t.value.id,
+      id: t.value.name,
+      label: t.value.label,
       name: t.value.name
-    })), w = Y(() => o.map((_) => _.type === "uiInput" ? {
-      name: _.name,
+    })), w = Y(() => o.map((x) => x.type === "uiInput" ? {
+      name: x.name,
       operator: r.literals.contains,
-      value: _.props.value || ""
-    } : _.type === "uiSelect" ? {
-      name: _.name,
+      value: x.props.value || ""
+    } : x.type === "uiSelect" ? {
+      name: x.name,
       operator: r.literals.is,
-      value: _.props.select?.name || ""
+      value: x.props.select?.name || ""
     } : {
-      name: _.name,
+      name: x.name,
       operator: r.literals.contains,
       value: ""
-    })), T = (_) => {
-      s.value = Array.isArray(_) ? _[0] || { id: "1", name: r.literals.and } : _;
-    }, x = (_) => {
-      const P = Array.isArray(_) ? _[0] : _, L = r.availableCategories.find((R) => R.id === P.id);
+    })), T = (x) => {
+      s.value = Array.isArray(x) ? x[0] || { id: "1", name: r.literals.and } : x;
+    }, _ = (x) => {
+      const I = Array.isArray(x) ? x[0] : x, L = r.availableCategories.find((R) => R.name === I.id);
       L && (t.value = L);
     }, A = () => {
-      if (!t.value) return;
-      const _ = {
-        id: Date.now().toString(),
+      if (!t.value || !t.value.name)
+        return;
+      const x = {
+        label: t.value.label,
         name: t.value.name,
         type: t.value.componentType,
         props: { ...t.value.defaultProps }
       };
-      o.push(_);
-    }, F = (_, P) => {
-      if (_ < 0 || _ >= o.length) return;
-      const L = o[_];
-      L.type === "uiInput" ? typeof P == "string" && (L.props.value = P) : L.type === "uiSelect" && (Array.isArray(P) ? L.props.select = P[0] : typeof P == "object" && P !== null && (L.props.select = P));
-    }, C = (_) => {
-      _ >= 0 && _ < o.length && (o.splice(_, 1), i("smartFilterDeleted", _));
+      o.push(x);
+    }, F = (x, I) => {
+      if (x < 0 || x >= o.length) return;
+      const L = o[x];
+      L.type === "uiInput" ? typeof I == "string" && (L.props.value = I) : L.type === "uiSelect" && (Array.isArray(I) ? L.props.select = I[0] : typeof I == "object" && I !== null && (L.props.select = I));
+    }, C = (x) => {
+      x >= 0 && x < o.length && (o.splice(x, 1), i("smartFilterDeleted", x));
     }, q = () => {
       o.splice(0, o.length), i("smartFiltersCleared");
-    }, N = () => {
-      const P = {
+    }, P = () => {
+      const I = {
         logicOperator: s.value.id === "1" ? "and" : "or",
         filters: o.map((L) => ({
-          category: L.id,
+          name: L.name,
+          label: L.label,
           type: L.type,
           value: L.type === "uiInput" ? L.props.value : L.props.select?.id
         }))
       };
-      i("smartFiltersSent", P);
+      i("smartFiltersSent", I);
     };
-    return (_, P) => (l(), k(c(_t), { class: "relative" }, {
+    return (x, I) => (l(), k(c(_t), { class: "relative" }, {
       default: f(() => [
         m(c($t), { class: "inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none" }, {
           default: f(() => [
@@ -5492,14 +5496,14 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                         class: "w-60",
                         items: v.value,
                         select: j.value,
-                        onSelectChanged: x
+                        onSelectChanged: _
                       }, null, 8, ["items", "select"]),
                       m(U, {
                         loading: !1,
                         onClick: A,
-                        disabled: !t.value
+                        disabled: !t.value || !t.value.name
                       }, {
-                        default: f(() => P[0] || (P[0] = [
+                        default: f(() => I[0] || (I[0] = [
                           z(" Agregar Filtro ", -1)
                         ])),
                         _: 1,
@@ -5508,7 +5512,7 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                     ]),
                     (l(!0), n($, null, S(o, (L, R) => (l(), n("div", {
                       class: "flex items-center gap-x-2 w-full",
-                      key: L.id
+                      key: L.name
                     }, [
                       m(Z, {
                         loading: !1,
@@ -5516,7 +5520,7 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                         color: "gray"
                       }, {
                         default: f(() => [
-                          z(g(L.name), 1)
+                          z(g(L.label), 1)
                         ]),
                         _: 2
                       }, 1024),
@@ -5590,7 +5594,7 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                     m(U, {
                       loading: !1,
                       icon: c(At),
-                      onClick: N
+                      onClick: P
                     }, {
                       default: f(() => [
                         z(g(r.literals.filter), 1)