@oneclick.dev/cms-core-modules 0.0.34 → 0.0.35

package/dist/index.mjs

@@ -820,8 +820,8 @@ const ho = {
             var k, b;
             const D = t.options.columnResizeDirection === "rtl" ? -1 : 1, E = (M - ((k = V == null ? void 0 : V.startOffset) != null ? k : 0)) * D, O = Math.max(E / ((b = V == null ? void 0 : V.startSize) != null ? b : 0), -0.999999);
             return V.columnSizingStart.forEach((L) => {
-              let [ee, B] = L;
-              a[ee] = Math.round(Math.max(B + B * O, 0) * 100) / 100;
+              let [ee, j] = L;
+              a[ee] = Math.round(Math.max(j + j * O, 0) * 100) / 100;
             }), {
               ...V,
               deltaOffset: E,
@@ -2270,7 +2270,7 @@ const Hd = /* @__PURE__ */ ce({
   __name: "DataTable",
   setup(e, { expose: t }) {
     const { Button: n, Checkbox: o } = Ya, { $dragAndDrop: r } = useNuxtApp(), { formatCurrency: i } = Xa(), s = se("integrationId", oe("")), u = se("resourcePath", oe("")), l = se("table"), a = se("data"), c = se("columns"), p = se("sortMode", oe(!1)), v = se("sortModeProperty", oe("")), m = se("filters", oe([])), g = se("itemActions", oe([])), _ = ve(() => {
-      var Q;
+      var J;
       let F = [];
       return p.value ? F.push({
         id: "drag-handle",
@@ -2309,11 +2309,11 @@ const Hd = /* @__PURE__ */ ce({
         }),
         enableSorting: !1,
         enableHiding: !1
-      }), (Q = c.value) == null || Q.forEach((T) => {
+      }), (J = c.value) == null || J.forEach((T) => {
         let te = !!m.value.find((A) => A.property === T.property);
         T.visible && (T.type === "text" ? F.push({
           id: T.property,
-          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, j) => R == null ? void 0 : R[j], A) : A[T.property],
+          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, B) => R == null ? void 0 : R[B], A) : A[T.property],
           header: ({ column: A }) => Xe(n, {
             variant: "ghost",
             disabled: p.value,
@@ -2322,32 +2322,32 @@ const Hd = /* @__PURE__ */ ce({
           cell: ({ row: A }) => Xe("div", {}, A.getValue(T.property)),
           ...te ? {
             enableColumnFilter: !0,
-            filterFn: (A, R, j) => {
-              if (!Array.isArray(j) || j.length === 0) return !0;
+            filterFn: (A, R, B) => {
+              if (!Array.isArray(B) || B.length === 0) return !0;
               const G = A.getValue(R);
-              return j.includes(G);
+              return B.includes(G);
             }
           } : {}
         }) : T.type === "number" ? F.push({
           id: T.property,
-          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, j) => R == null ? void 0 : R[j], A) : A[T.property],
+          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, B) => R == null ? void 0 : R[B], A) : A[T.property],
           header: ({ column: A }) => Xe(n, {
             variant: "ghost",
             disabled: p.value,
             onClick: () => A.toggleSorting(A.getIsSorted() === "asc")
           }, () => [T.label, Xe(Tr, { class: "ml-2 size-4" })]),
           cell: ({ row: A }) => {
-            var R, j;
-            return Xe("div", { class: "" }, isNaN(A.getValue(T.property)) ? A.getValue(T.property) : (j = (R = parseFloat(A.getValue(T.property))) == null ? void 0 : R.toFixed(2)) == null ? void 0 : j.replace(".00", ""));
+            var R, B;
+            return Xe("div", { class: "" }, isNaN(A.getValue(T.property)) ? A.getValue(T.property) : (B = (R = parseFloat(A.getValue(T.property))) == null ? void 0 : R.toFixed(2)) == null ? void 0 : B.replace(".00", ""));
           }
         }) : T.type === "date" ? F.push({
           id: T.property,
-          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, j) => R == null ? void 0 : R[j], A) : A[T.property],
+          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, B) => R == null ? void 0 : R[B], A) : A[T.property],
           header: T.label,
           cell: ({ row: A }) => Xe("div", { class: "" }, A.getValue(T.property))
         }) : T.type === "datetime" ? F.push({
           id: T.property,
-          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, j) => R == null ? void 0 : R[j], A) : A[T.property],
+          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, B) => R == null ? void 0 : R[B], A) : A[T.property],
           header: T.label,
           cell: ({ row: A }) => {
             var R;
@@ -2355,32 +2355,32 @@ const Hd = /* @__PURE__ */ ce({
           }
         }) : T.type === "boolean" ? F.push({
           id: T.property,
-          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, j) => R == null ? void 0 : R[j], A) : A[T.property],
+          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, B) => R == null ? void 0 : R[B], A) : A[T.property],
           header: T.label,
           cell: ({ row: A }) => Xe(o, { defaultValue: A.getValue(T.property), disabled: !0, class: "border-ring disabled:cursor-default disabled:opacity-100" })
         }) : T.type === "URL" ? F.push({
           id: T.property,
-          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, j) => R == null ? void 0 : R[j], A) : A[T.property],
+          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, B) => R == null ? void 0 : R[B], A) : A[T.property],
           header: T.label,
           cell: ({ row: A }) => Xe("a", { href: A.getValue(T.property), target: "_blank", class: "text-primary" }, A.getValue(T.property))
         }) : T.type === "email" ? F.push({
           id: T.property,
-          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, j) => R == null ? void 0 : R[j], A) : A[T.property],
+          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, B) => R == null ? void 0 : R[B], A) : A[T.property],
           header: T.label,
           cell: ({ row: A }) => Xe("a", { href: `mailto:${A.getValue(T.property)}`, class: "text-primary" }, A.getValue(T.property))
         }) : T.type === "phone" ? F.push({
           id: T.property,
-          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, j) => R == null ? void 0 : R[j], A) : A[T.property],
+          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, B) => R == null ? void 0 : R[B], A) : A[T.property],
           header: T.label,
           cell: ({ row: A }) => Xe("a", { href: `tel:${A.getValue(T.property)}`, class: "text-primary" }, A.getValue(T.property))
         }) : T.type === "currency" ? F.push({
           id: T.property,
-          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, j) => R == null ? void 0 : R[j], A) : A[T.property],
+          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, B) => R == null ? void 0 : R[B], A) : A[T.property],
           header: T.label,
           cell: ({ row: A }) => Xe("div", { class: "" }, i(A.getValue(T.property)))
         }) : T.type === "image" && F.push({
           id: T.property,
-          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, j) => R == null ? void 0 : R[j], A) : A[T.property],
+          accessorFn: (A) => T.property.includes(".") ? T.property.split(".").reduce((R, B) => R == null ? void 0 : R[B], A) : A[T.property],
           header: T.label,
           cell: ({ row: A }) => A.getValue(T.property) ? Xe("img", { src: A.getValue(T.property), alt: T.label, class: "size-16 object-cover" }) : ""
         }));
@@ -2403,12 +2403,12 @@ const Hd = /* @__PURE__ */ ce({
       onGlobalFilterChange(F) {
         Cn(F, I);
       },
-      globalFilterFn: (F, Q, T) => {
+      globalFilterFn: (F, J, T) => {
         const te = T.toLowerCase();
         return c.value.map((R) => R.property).some((R) => {
           var G;
-          const j = (G = F.original) == null ? void 0 : G[R];
-          return typeof j == "string" && j.toLowerCase().includes(te);
+          const B = (G = F.original) == null ? void 0 : G[R];
+          return typeof B == "string" && B.toLowerCase().includes(te);
         });
       },
       getCoreRowModel: xd(),
@@ -2450,14 +2450,14 @@ const Hd = /* @__PURE__ */ ce({
       };
       l.value = Ed(F);
     }), me(p, (F) => {
-      var Q;
-      F ? ee() : (Q = l == null ? void 0 : l.value) == null || Q.setPageSize(L.value);
+      var J;
+      F ? ee() : (J = l == null ? void 0 : l.value) == null || J.setPageSize(L.value);
     });
     const [E, O] = r([], {
       plugins: [$o()]
     }), L = oe(0), ee = () => {
-      var F, Q;
-      L.value = (F = l == null ? void 0 : l.value) == null ? void 0 : F.getState().pagination.pageSize, (Q = l == null ? void 0 : l.value) == null || Q.setPageSize(1e4), O.value = ((a == null ? void 0 : a.value) ?? []).slice().sort((T, te) => {
+      var F, J;
+      L.value = (F = l == null ? void 0 : l.value) == null ? void 0 : F.getState().pagination.pageSize, (J = l == null ? void 0 : l.value) == null || J.setPageSize(1e4), O.value = ((a == null ? void 0 : a.value) ?? []).slice().sort((T, te) => {
         const A = T[v.value] ?? 0, R = te[v.value] ?? 0;
         return A - R;
       }).map((T, te) => ({
@@ -2468,20 +2468,20 @@ const Hd = /* @__PURE__ */ ce({
           [v.value]: te
         },
         getVisibleCells: () => {
-          var A, R, j;
-          return (j = (R = (A = l == null ? void 0 : l.value) == null ? void 0 : A.getRowModel().rows) == null ? void 0 : R.find((G) => G.original.id === T.id)) == null ? void 0 : j.getVisibleCells();
+          var A, R, B;
+          return (B = (R = (A = l == null ? void 0 : l.value) == null ? void 0 : A.getRowModel().rows) == null ? void 0 : R.find((G) => G.original.id === T.id)) == null ? void 0 : B.getVisibleCells();
         }
       }));
     };
     return t({
       saveSortMode: async () => {
         const { update: F } = ri(s.value);
-        a.value.forEach((Q) => {
-          Q[v.value] !== O.value.findIndex((T) => T.id === Q.id) && (Q[v.value] = O.value.findIndex((T) => T.id === Q.id), F(u.value, Q.id, { [v.value]: Q[v.value] }));
+        a.value.forEach((J) => {
+          J[v.value] !== O.value.findIndex((T) => T.id === J.id) && (J[v.value] = O.value.findIndex((T) => T.id === J.id), F(u.value, J.id, { [v.value]: J[v.value] }));
         });
       }
-    }), (F, Q) => {
-      const T = y("TableHead"), te = y("TableRow"), A = y("TableHeader"), R = y("TableCell"), j = y("TableBody"), G = y("Table");
+    }), (F, J) => {
+      const T = y("TableHead"), te = y("TableRow"), A = y("TableHeader"), R = y("TableCell"), B = y("TableBody"), G = y("Table");
       return w(), P(le, null, [
         S("div", Gd, [
           d(G, null, {
@@ -2510,7 +2510,7 @@ const Hd = /* @__PURE__ */ ce({
                 ]),
                 _: 1
               }),
-              d(j, {
+              d(B, {
                 ref_key: "dragContainer",
                 ref: E
               }, {
@@ -2563,7 +2563,7 @@ const Hd = /* @__PURE__ */ ce({
                           colspan: 999,
                           class: "h-24 text-center"
                         }, {
-                          default: f(() => Q[0] || (Q[0] = [
+                          default: f(() => J[0] || (J[0] = [
                             C(" No results. ")
                           ])),
                           _: 1,
@@ -2616,7 +2616,7 @@ const Hd = /* @__PURE__ */ ce({
     return t({
       openDialog: a
     }), (g, _) => {
-      const I = y("DialogTitle"), x = y("DialogDescription"), M = y("DialogHeader"), V = y("Label"), k = y("Input"), b = y("SelectValue"), D = y("SelectTrigger"), E = y("SelectItem"), O = y("SelectContent"), L = y("Select"), ee = y("ComboboxTrigger"), B = y("ComboboxInput"), F = y("ComboboxAnchor"), Q = y("ComboboxItem"), T = y("ComboboxGroup"), te = y("ComboboxList"), A = y("Combobox"), R = y("Button"), j = y("DialogFooter"), G = y("DialogScrollContent"), U = y("Dialog");
+      const I = y("DialogTitle"), x = y("DialogDescription"), M = y("DialogHeader"), V = y("Label"), k = y("Input"), b = y("SelectValue"), D = y("SelectTrigger"), E = y("SelectItem"), O = y("SelectContent"), L = y("Select"), ee = y("ComboboxTrigger"), j = y("ComboboxInput"), F = y("ComboboxAnchor"), J = y("ComboboxItem"), T = y("ComboboxGroup"), te = y("ComboboxList"), A = y("Combobox"), R = y("Button"), B = y("DialogFooter"), G = y("DialogScrollContent"), U = y("Dialog");
       return w(), Z(U, {
         open: i.value,
         "onUpdate:open": _[4] || (_[4] = (q) => i.value = q)
@@ -2749,7 +2749,7 @@ const Hd = /* @__PURE__ */ ce({
                               ]),
                               _: 1
                             }),
-                            d(B, {
+                            d(j, {
                               modelValue: l.field,
                               "onUpdate:modelValue": _[2] || (_[2] = ($) => l.field = $),
                               hideIcon: "",
@@ -2763,7 +2763,7 @@ const Hd = /* @__PURE__ */ ce({
                         default: f(() => [
                           d(T, null, {
                             default: f(() => [
-                              (w(!0), P(le, null, Ie(h(r), ($) => (w(), Z(Q, {
+                              (w(!0), P(le, null, Ie(h(r), ($) => (w(), Z(J, {
                                 key: $.property,
                                 value: $.property,
                                 onSelect: () => {
@@ -2827,7 +2827,7 @@ const Hd = /* @__PURE__ */ ce({
                                   ]),
                                   _: 1
                                 }),
-                                d(B, {
+                                d(j, {
                                   modelValue: $.field,
                                   "onUpdate:modelValue": (H) => $.field = H,
                                   hideIcon: "",
@@ -2841,7 +2841,7 @@ const Hd = /* @__PURE__ */ ce({
                             default: f(() => [
                               d(T, null, {
                                 default: f(() => [
-                                  (w(!0), P(le, null, Ie(h(r), (H) => (w(), Z(Q, {
+                                  (w(!0), P(le, null, Ie(h(r), (H) => (w(), Z(J, {
                                     key: H.property,
                                     value: H.property,
                                     onSelect: () => {
@@ -2986,7 +2986,7 @@ const Hd = /* @__PURE__ */ ce({
                     __: [24]
                   })
                 ]),
-                d(j, null, {
+                d(B, null, {
                   default: f(() => [
                     s.value === "edit" ? (w(), Z(R, {
                       key: 0,
@@ -3173,7 +3173,7 @@ const Hd = /* @__PURE__ */ ce({
       n("columns", s.value), i.value = s.value, c(), u.value = !1;
     };
     return (m, g) => {
-      const _ = y("DropdownMenuItem"), I = y("DialogTrigger"), x = y("DialogTitle"), M = y("DialogDescription"), V = y("DialogHeader"), k = y("Button"), b = y("PopoverTrigger"), D = y("Label"), E = y("Input"), O = y("Checkbox"), L = y("SelectValue"), ee = y("SelectTrigger"), B = y("SelectLabel"), F = y("SelectItem"), Q = y("SelectGroup"), T = y("SelectContent"), te = y("Select"), A = y("PopoverContent"), R = y("Popover"), j = y("DialogFooter"), G = y("DialogScrollContent"), U = y("Dialog");
+      const _ = y("DropdownMenuItem"), I = y("DialogTrigger"), x = y("DialogTitle"), M = y("DialogDescription"), V = y("DialogHeader"), k = y("Button"), b = y("PopoverTrigger"), D = y("Label"), E = y("Input"), O = y("Checkbox"), L = y("SelectValue"), ee = y("SelectTrigger"), j = y("SelectLabel"), F = y("SelectItem"), J = y("SelectGroup"), T = y("SelectContent"), te = y("Select"), A = y("PopoverContent"), R = y("Popover"), B = y("DialogFooter"), G = y("DialogScrollContent"), U = y("Dialog");
       return w(), Z(U, {
         open: u.value,
         "onUpdate:open": [
@@ -3319,9 +3319,9 @@ const Hd = /* @__PURE__ */ ce({
                                 }),
                                 d(T, null, {
                                   default: f(() => [
-                                    d(Q, null, {
+                                    d(J, null, {
                                       default: f(() => [
-                                        d(B, null, {
+                                        d(j, null, {
                                           default: f(() => g[15] || (g[15] = [
                                             C("Types")
                                           ])),
@@ -3515,9 +3515,9 @@ const Hd = /* @__PURE__ */ ce({
                         }),
                         d(T, null, {
                           default: f(() => [
-                            d(Q, null, {
+                            d(J, null, {
                               default: f(() => [
-                                d(B, null, {
+                                d(j, null, {
                                   default: f(() => g[32] || (g[32] = [
                                     C("Types")
                                   ])),
@@ -3619,7 +3619,7 @@ const Hd = /* @__PURE__ */ ce({
                   ])
                 ]))), 128))
               ]),
-              d(j, null, {
+              d(B, null, {
                 default: f(() => [
                   d(k, { onClick: v }, {
                     default: f(() => g[43] || (g[43] = [
@@ -3759,8 +3759,8 @@ const Hd = /* @__PURE__ */ ce({
       o("saved", { field: l.value }), c();
     };
     return (v, m) => {
-      const g = y("DialogTrigger"), _ = y("DialogTitle"), I = y("DialogDescription"), x = y("DialogHeader"), M = y("Label"), V = y("ComboboxTrigger"), k = y("ComboboxInput"), b = y("ComboboxAnchor"), D = y("ComboboxItem"), E = y("ComboboxGroup"), O = y("ComboboxList"), L = y("Combobox"), ee = y("Button"), B = y("DialogFooter"), F = y("DialogScrollContent"), Q = y("Dialog");
-      return w(), Z(Q, {
+      const g = y("DialogTrigger"), _ = y("DialogTitle"), I = y("DialogDescription"), x = y("DialogHeader"), M = y("Label"), V = y("ComboboxTrigger"), k = y("ComboboxInput"), b = y("ComboboxAnchor"), D = y("ComboboxItem"), E = y("ComboboxGroup"), O = y("ComboboxList"), L = y("Combobox"), ee = y("Button"), j = y("DialogFooter"), F = y("DialogScrollContent"), J = y("Dialog");
+      return w(), Z(J, {
         open: u.value,
         "onUpdate:open": [
           m[3] || (m[3] = (T) => u.value = T),
@@ -3862,7 +3862,7 @@ const Hd = /* @__PURE__ */ ce({
                   _: 1
                 }, 8, ["modelValue"])
               ]),
-              d(B, null, {
+              d(j, null, {
                 default: f(() => [
                   S("div", kc, [
                     r.savedField ? (w(), Z(ee, {
@@ -4609,7 +4609,7 @@ const nf = ["disabled"], of = { class: "flex flex-col items-start gap-4 py-4" },
       o("saved", { field: a.value, defaultDate: c.value }), v();
     };
     return (g, _) => {
-      const I = y("DialogTrigger"), x = y("DialogTitle"), M = y("DialogDescription"), V = y("DialogHeader"), k = y("Label"), b = y("ComboboxTrigger"), D = y("ComboboxInput"), E = y("ComboboxAnchor"), O = y("ComboboxItem"), L = y("ComboboxGroup"), ee = y("ComboboxList"), B = y("Combobox"), F = y("SelectValue"), Q = y("SelectTrigger"), T = y("SelectItem"), te = y("SelectLabel"), A = y("SelectGroup"), R = y("SelectContent"), j = y("Select"), G = y("Button"), U = y("DialogFooter"), q = y("DialogScrollContent"), $ = y("Dialog");
+      const I = y("DialogTrigger"), x = y("DialogTitle"), M = y("DialogDescription"), V = y("DialogHeader"), k = y("Label"), b = y("ComboboxTrigger"), D = y("ComboboxInput"), E = y("ComboboxAnchor"), O = y("ComboboxItem"), L = y("ComboboxGroup"), ee = y("ComboboxList"), j = y("Combobox"), F = y("SelectValue"), J = y("SelectTrigger"), T = y("SelectItem"), te = y("SelectLabel"), A = y("SelectGroup"), R = y("SelectContent"), B = y("Select"), G = y("Button"), U = y("DialogFooter"), q = y("DialogScrollContent"), $ = y("Dialog");
       return w(), Z($, {
         open: l.value,
         "onUpdate:open": [
@@ -4651,7 +4651,7 @@ const nf = ["disabled"], of = { class: "flex flex-col items-start gap-4 py-4" },
                 _: 1
               }),
               S("div", of, [
-                d(B, {
+                d(j, {
                   by: "label",
                   class: "w-full",
                   resetSearchTermOnBlur: !1,
@@ -4720,12 +4720,12 @@ const nf = ["disabled"], of = { class: "flex flex-col items-start gap-4 py-4" },
                     _: 1,
                     __: [8]
                   }),
-                  d(j, {
+                  d(B, {
                     modelValue: c.value,
                     "onUpdate:modelValue": _[3] || (_[3] = (H) => c.value = H)
                   }, {
                     default: f(() => [
-                      d(Q, { class: "w-[180px]" }, {
+                      d(J, { class: "w-[180px]" }, {
                         default: f(() => [
                           d(F, { placeholder: "Select a fruit" })
                         ]),
@@ -4908,12 +4908,12 @@ const nf = ["disabled"], of = { class: "flex flex-col items-start gap-4 py-4" },
       const I = await t("dateRangeFilter");
       c.value = (I == null ? void 0 : I.field) ?? "", p.value = (I == null ? void 0 : I.defaultDate) ?? "today", m(p.value), _();
     }), (I, x) => {
-      const M = y("Button"), V = y("PopoverTrigger"), k = y("RangeCalendar"), b = y("DropdownMenuTrigger"), D = y("DropdownMenuItem"), E = y("DropdownMenuSeparator"), O = y("DropdownMenuLabel"), L = y("DropdownMenuGroup"), ee = y("DropdownMenuContent"), B = y("DropdownMenu"), F = y("PopoverContent"), Q = y("Popover");
+      const M = y("Button"), V = y("PopoverTrigger"), k = y("RangeCalendar"), b = y("DropdownMenuTrigger"), D = y("DropdownMenuItem"), E = y("DropdownMenuSeparator"), O = y("DropdownMenuLabel"), L = y("DropdownMenuGroup"), ee = y("DropdownMenuContent"), j = y("DropdownMenu"), F = y("PopoverContent"), J = y("Popover");
       return c.value || h(o)() ? (w(), P("div", {
         key: 0,
         class: Ze(["flex flex-col items-start gap-1", h(r) ? "opacity-50 pointer-events-none" : ""])
       }, [
-        d(Q, {
+        d(J, {
           open: a.value,
           "onUpdate:open": x[14] || (x[14] = (T) => a.value = T)
         }, {
@@ -4955,7 +4955,7 @@ const nf = ["disabled"], of = { class: "flex flex-col items-start gap-4 py-4" },
                   "onUpdate:startValue": x[1] || (x[1] = (T) => l.value.start = T)
                 }, null, 8, ["modelValue"]),
                 S("div", df, [
-                  d(B, null, {
+                  d(j, null, {
                     default: f(() => [
                       d(b, { "as-child": "" }, {
                         default: f(() => [
@@ -5167,13 +5167,13 @@ const nf = ["disabled"], of = { class: "flex flex-col items-start gap-4 py-4" },
     return t({
       openDialog: c
     }), (I, x) => {
-      const M = y("DialogTitle"), V = y("DialogDescription"), k = y("DialogHeader"), b = y("Label"), D = y("Input"), E = y("Button"), O = y("PopoverTrigger"), L = y("Checkbox"), ee = y("PopoverContent"), B = y("Popover"), F = y("DialogFooter"), Q = y("DialogScrollContent"), T = y("Dialog");
+      const M = y("DialogTitle"), V = y("DialogDescription"), k = y("DialogHeader"), b = y("Label"), D = y("Input"), E = y("Button"), O = y("PopoverTrigger"), L = y("Checkbox"), ee = y("PopoverContent"), j = y("Popover"), F = y("DialogFooter"), J = y("DialogScrollContent"), T = y("Dialog");
       return w(), Z(T, {
         open: r.value,
         "onUpdate:open": x[6] || (x[6] = (te) => r.value = te)
       }, {
         default: f(() => [
-          d(Q, { class: "sm:max-w-2xl" }, {
+          d(J, { class: "sm:max-w-2xl" }, {
             default: f(() => [
               d(k, null, {
                 default: f(() => [
@@ -5237,7 +5237,7 @@ const nf = ["disabled"], of = { class: "flex flex-col items-start gap-4 py-4" },
                   __: [9]
                 }),
                 x[16] || (x[16] = S("p", { class: "text-xs text-muted-foreground mb-2" }, " Define all options for this filter. ", -1)),
-                d(B, {
+                d(j, {
                   open: u.value,
                   "onUpdate:open": x[5] || (x[5] = (te) => u.value = te)
                 }, {
@@ -5868,49 +5868,53 @@ const nf = ["disabled"], of = { class: "flex flex-col items-start gap-4 py-4" },
     const t = e, n = Rt(), { isAdmin: o } = St(), { getModuleData: r } = qt(), { navigateTo: i } = Rt(), { setModuleBreadcrumbs: s } = Zo(), { runFlow: u } = Bs();
     s([]);
     const l = oe(), a = oe(), c = oe([]), p = oe([]), v = oe(), m = oe(!1), g = oe(""), _ = oe(), I = oe([]), x = oe([]), M = oe({}), V = ve(() => {
-      var B, F;
-      return (F = (B = t.config) == null ? void 0 : B.getItems) == null ? void 0 : F.integration;
+      var j, F;
+      return (F = (j = t.config) == null ? void 0 : j.getItems) == null ? void 0 : F.integration;
     }), k = async () => {
       var te, A;
-      const B = await r("dateRangeFilter");
+      const j = await r("dateRangeFilter");
       let F;
-      return B && (F = {
+      j && (F = {
         name: "dateRangeFilter",
         type: "dateRangeFilter",
         value: {
           from: (te = _.value) == null ? void 0 : te[0],
           to: (A = _.value) == null ? void 0 : A[1]
         }
-      }), [...Object.entries(n.query).map(([R, j]) => ({
+      });
+      const J = Object.entries(n.query).map(([R, B]) => ({
         name: E(R),
         type: "routeQueryParam",
-        value: j ?? null
-      })) || [], F].filter(Boolean);
+        value: B ?? null
+      })) || [];
+      return console.log("route.query", n.query), console.log("routeQueryVars", J), [...J, F].filter(Boolean);
     }, b = async () => {
       var T, te;
-      let B = (T = t.config) != null && T.getItems ? JSON.parse(JSON.stringify((te = t.config) == null ? void 0 : te.getItems)) : null;
-      if (!B) return;
-      const F = await k(), Q = await u(B, F);
-      c.value = Q || [];
+      let j = (T = t.config) != null && T.getItems ? JSON.parse(JSON.stringify((te = t.config) == null ? void 0 : te.getItems)) : null;
+      if (!j) return;
+      const F = await k();
+      console.log("cccc", j, F);
+      const J = await u(j, F);
+      c.value = J || [];
     }, D = async () => {
       p.value = await r("columns"), x.value = await r("itemActions") || [], M.value = await r("ctaButtonSettings");
     };
-    function E(B) {
-      return B.replace(/-([a-z])/g, (F, Q) => Q.toUpperCase());
+    function E(j) {
+      return j.replace(/-([a-z])/g, (F, J) => J.toUpperCase());
     }
     const O = () => {
       a.value.saveSortMode(), m.value = !1;
     }, L = async () => {
-      const B = await k(), F = await u(M.value.flow, B);
+      const j = await k(), F = await u(M.value.flow, j);
       console.log(F);
     }, ee = () => {
       Md(c.value, "data.csv");
     };
     return lt(() => {
       b(), D();
-    }), Le("data", c), Le("columns", p), Le("table", v), Le("sortMode", m), Le("sortModeProperty", g), Le("dateRangeFilter", _), Le("filters", I), Le("itemActions", x), Le("ctaButtonSettings", M), Le("integrationId", V), Le("getTableData", b), Le("saveSortMode", O), (B, F) => {
+    }), Le("data", c), Le("columns", p), Le("table", v), Le("sortMode", m), Le("sortModeProperty", g), Le("dateRangeFilter", _), Le("filters", I), Le("itemActions", x), Le("ctaButtonSettings", M), Le("integrationId", V), Le("getTableData", b), Le("saveSortMode", O), (j, F) => {
       var T;
-      const Q = y("Button");
+      const J = y("Button");
       return w(), P(le, null, [
         S("div", Ff, [
           S("div", zf, [
@@ -5926,7 +5930,7 @@ const nf = ["disabled"], of = { class: "flex flex-col items-start gap-4 py-4" },
               S("div", jf, [
                 h(o)() ? (w(), Z(Mf, { key: 0 })) : ie("", !0),
                 (T = M.value) != null && T.enabled ? (w(), P("div", Bf, [
-                  d(Q, { onClick: L }, {
+                  d(J, { onClick: L }, {
                     default: f(() => {
                       var te, A;
                       return [
@@ -5941,7 +5945,7 @@ const nf = ["disabled"], of = { class: "flex flex-col items-start gap-4 py-4" },
                     class: "text-xs text-primary hover:underline",
                     onClick: F[0] || (F[0] = (te) => l.value.openDialog())
                   }, "Settings")) : ie("", !0)
-                ])) : h(o)() ? (w(), Z(Q, {
+                ])) : h(o)() ? (w(), Z(J, {
                   key: 2,
                   variant: "outline",
                   class: "border-primary dark:border-primary border-dashed text-primary dark:text-primary",
@@ -5960,7 +5964,7 @@ const nf = ["disabled"], of = { class: "flex flex-col items-start gap-4 py-4" },
               ref_key: "tableRef",
               ref: a
             }, null, 512),
-            d(Q, { onClick: ee }, {
+            d(J, { onClick: ee }, {
               default: f(() => F[3] || (F[3] = [
                 C(" Download data ")
               ])),
@@ -6380,7 +6384,7 @@ const _p = { class: "relative" }, yp = {
       r("Loaded products", { module: "products" }), i("Product saved without proper SEO", { module: "products" }), s("Product failed to save", { module: "products" }), c();
     }), (k, b) => {
       var Pe;
-      const D = y("Input"), E = y("Button"), O = y("PopoverTrigger"), L = y("ComboboxTrigger"), ee = y("ComboboxAnchor"), B = y("ComboboxInput"), F = y("ComboboxEmpty"), Q = y("ComboboxItemIndicator"), T = y("ComboboxItem"), te = y("ScrollArea"), A = y("ComboboxGroup"), R = y("ComboboxList"), j = y("Combobox"), G = y("Checkbox"), U = y("PopoverContent"), q = y("Popover"), $ = y("SegmentedControlButton"), H = y("SegmentedControl"), de = y("PaginationFirst"), Ee = y("PaginationPrev"), W = y("PaginationListItem"), ne = y("PaginationEllipsis"), ye = y("PaginationNext"), K = y("PaginationLast"), be = y("PaginationList"), Ve = y("Pagination");
+      const D = y("Input"), E = y("Button"), O = y("PopoverTrigger"), L = y("ComboboxTrigger"), ee = y("ComboboxAnchor"), j = y("ComboboxInput"), F = y("ComboboxEmpty"), J = y("ComboboxItemIndicator"), T = y("ComboboxItem"), te = y("ScrollArea"), A = y("ComboboxGroup"), R = y("ComboboxList"), B = y("Combobox"), G = y("Checkbox"), U = y("PopoverContent"), q = y("Popover"), $ = y("SegmentedControlButton"), H = y("SegmentedControl"), de = y("PaginationFirst"), Ee = y("PaginationPrev"), W = y("PaginationListItem"), ne = y("PaginationEllipsis"), ye = y("PaginationNext"), Q = y("PaginationLast"), be = y("PaginationList"), Ve = y("Pagination");
       return w(), P("div", _p, [
         S("div", yp, [
           S("div", bp, [
@@ -6430,7 +6434,7 @@ const _p = { class: "relative" }, yp = {
                 d(U, { class: "w-64" }, {
                   default: f(() => [
                     b[15] || (b[15] = S("p", { class: "text-sm font-medium text-muted-foreground mb-4" }, " Filter by Category ", -1)),
-                    d(j, {
+                    d(B, {
                       modelValue: M.value.collections,
                       "onUpdate:modelValue": b[1] || (b[1] = (Te) => M.value.collections = Te),
                       by: "label",
@@ -6461,7 +6465,7 @@ const _p = { class: "relative" }, yp = {
                         d(R, null, {
                           default: f(() => [
                             S("div", Rp, [
-                              d(B, { placeholder: "Select category..." })
+                              d(j, { placeholder: "Select category..." })
                             ]),
                             d(F, null, {
                               default: f(() => b[10] || (b[10] = [
@@ -6480,7 +6484,7 @@ const _p = { class: "relative" }, yp = {
                                     }, {
                                       default: f(() => [
                                         C(Y(Te.label) + " ", 1),
-                                        d(Q, null, {
+                                        d(J, null, {
                                           default: f(() => [
                                             d(h(Dn), {
                                               class: Ze(h(gn)("ml-auto size-4"))
@@ -6630,7 +6634,7 @@ const _p = { class: "relative" }, yp = {
                   }, null, 8, ["index"]))
                 ], 64))), 256)),
                 d(ye),
-                d(K)
+                d(Q)
               ]),
               _: 1
             })
@@ -7614,7 +7618,7 @@ function Ll(e, t, n) {
     type: s,
     validate: M.value ? A : void 0,
     schema: V ? t : void 0
-  }), B = ve(() => L.value[0]);
+  }), j = ve(() => L.value[0]);
   m && wm({
     value: b,
     prop: m,
@@ -7624,11 +7628,11 @@ function Ll(e, t, n) {
   const F = (W, ne = !1) => {
     E.touched = !0, ne && T();
   };
-  async function Q(W) {
+  async function J(W) {
     var ne, ye;
     if (I != null && I.validateSchema) {
-      const { results: K } = await I.validateSchema(W);
-      return (ne = K[he(x)]) !== null && ne !== void 0 ? ne : { valid: !0, errors: [] };
+      const { results: Q } = await I.validateSchema(W);
+      return (ne = Q[he(x)]) !== null && ne !== void 0 ? ne : { valid: !0, errors: [] };
     }
     return M.value ? Al(b.value, M.value, {
       name: he(x),
@@ -7637,7 +7641,7 @@ function Ll(e, t, n) {
       bails: i
     }) : { valid: !0, errors: [] };
   }
-  const T = Hr(async () => (E.pending = !0, E.validated = !0, Q("validated-only")), (W) => (ee.pendingUnmount[de.id] || (O({ errors: W.errors }), E.pending = !1, E.valid = W.valid), W)), te = Hr(async () => Q("silent"), (W) => (E.valid = W.valid, W));
+  const T = Hr(async () => (E.pending = !0, E.validated = !0, J("validated-only")), (W) => (ee.pendingUnmount[de.id] || (O({ errors: W.errors }), E.pending = !1, E.valid = W.valid), W)), te = Hr(async () => J("silent"), (W) => (E.valid = W.valid, W));
   function A(W) {
     return (W == null ? void 0 : W.mode) === "silent" ? te() : T();
   }
@@ -7650,7 +7654,7 @@ function Ll(e, t, n) {
       return T();
     (!I || !I.validateSchema) && te();
   });
-  function j(W) {
+  function B(W) {
     E.touched = W;
   }
   function G(W) {
@@ -7684,7 +7688,7 @@ function Ll(e, t, n) {
     value: H,
     meta: E,
     errors: L,
-    errorMessage: B,
+    errorMessage: j,
     type: s,
     checkedValue: u,
     uncheckedValue: c,
@@ -7696,7 +7700,7 @@ function Ll(e, t, n) {
     handleChange: R,
     handleBlur: F,
     setState: O,
-    setTouched: j,
+    setTouched: B,
     setErrors: $,
     setValue: q
   };
@@ -7711,11 +7715,11 @@ function Ll(e, t, n) {
   const Ee = ve(() => {
     const W = M.value;
     return !W || bt(W) || Ao(W) || Mt(W) || Array.isArray(W) ? {} : Object.keys(W).reduce((ne, ye) => {
-      const K = Kp(W[ye]).map((be) => be.__locatorRef).reduce((be, Ve) => {
+      const Q = Kp(W[ye]).map((be) => be.__locatorRef).reduce((be, Ve) => {
         const Pe = xt(I.values, Ve) || I.values[Ve];
         return Pe !== void 0 && (be[Ve] = Pe), be;
       }, {});
-      return Object.assign(ne, K), ne;
+      return Object.assign(ne, Q), ne;
     }, {});
   });
   return me(Ee, (W, ne) => {
@@ -7730,15 +7734,15 @@ function Ll(e, t, n) {
       return;
     }
     ee.pendingUnmount[de.id] = !0;
-    const K = I.getPathState(ye);
-    if (Array.isArray(K == null ? void 0 : K.id) && (K != null && K.multiple) ? K != null && K.id.includes(de.id) : (K == null ? void 0 : K.id) === de.id) {
-      if (K != null && K.multiple && Array.isArray(K.value)) {
-        const Ve = K.value.findIndex((Pe) => gt(Pe, he(de.checkedValue)));
+    const Q = I.getPathState(ye);
+    if (Array.isArray(Q == null ? void 0 : Q.id) && (Q != null && Q.multiple) ? Q != null && Q.id.includes(de.id) : (Q == null ? void 0 : Q.id) === de.id) {
+      if (Q != null && Q.multiple && Array.isArray(Q.value)) {
+        const Ve = Q.value.findIndex((Pe) => gt(Pe, he(de.checkedValue)));
         if (Ve > -1) {
-          const Pe = [...K.value];
+          const Pe = [...Q.value];
           Pe.splice(Ve, 1), I.setFieldValue(ye, Pe);
         }
-        Array.isArray(K.id) && K.id.splice(K.id.indexOf(de.id), 1);
+        Array.isArray(Q.id) && Q.id.splice(Q.id.indexOf(de.id), 1);
       } else
         I.unsetPathValue(he(x));
       I.removePathState(ye, k);
@@ -7846,7 +7850,7 @@ function Cm(e) {
   }, {})), k = Object.assign({}, (e == null ? void 0 : e.initialErrors) || {}), b = (t = e == null ? void 0 : e.keepValuesOnUnmount) !== null && t !== void 0 ? t : !1, { initialValues: D, originalInitialValues: E, setInitialValues: O } = Vm(c, a, e), L = km(c, a, E, x), ee = ve(() => c.value.reduce((z, N) => {
     const X = xt(a, he(N.path));
     return Pt(z, he(N.path), X), z;
-  }, {})), B = e == null ? void 0 : e.validationSchema;
+  }, {})), j = e == null ? void 0 : e.validationSchema;
   function F(z, N) {
     var X, ae;
     const _e = ve(() => xt(D.value, he(z))), Re = v.value[he(z)], Se = (N == null ? void 0 : N.type) === "checkbox" || (N == null ? void 0 : N.type) === "radio";
@@ -7859,7 +7863,7 @@ function Cm(e) {
     ct !== -1 && G.splice(ct, 1);
     const Be = ve(() => {
       var $t, Ln, ir, sr;
-      const lr = he(B);
+      const lr = he(j);
       if (Mt(lr))
         return (Ln = ($t = lr.describe) === null || $t === void 0 ? void 0 : $t.call(lr, he(z)).required) !== null && Ln !== void 0 ? Ln : !1;
       const ar = he(N == null ? void 0 : N.schema);
@@ -7897,12 +7901,12 @@ function Cm(e) {
       });
     }), ht;
   }
-  const Q = Gi(Fe, 5), T = Gi(Fe, 5), te = Hr(async (z) => await (z === "silent" ? Q() : T()), (z, [N]) => {
+  const J = Gi(Fe, 5), T = Gi(Fe, 5), te = Hr(async (z) => await (z === "silent" ? J() : T()), (z, [N]) => {
     const X = _t(ne.errorBag.value), _e = [
       .../* @__PURE__ */ new Set([..._t(z.results), ...c.value.map((Re) => Re.path), ...X])
     ].sort().reduce((Re, Se) => {
       var He;
-      const tt = Se, ct = R(tt) || j(tt), Be = ((He = z.results[tt]) === null || He === void 0 ? void 0 : He.errors) || [], ft = he(ct == null ? void 0 : ct.path) || tt, ht = $m({ errors: Be, valid: !Be.length }, Re.results[ft]);
+      const tt = Se, ct = R(tt) || B(tt), Be = ((He = z.results[tt]) === null || He === void 0 ? void 0 : He.errors) || [], ft = he(ct == null ? void 0 : ct.path) || tt, ht = $m({ errors: Be, valid: !Be.length }, Re.results[ft]);
       return Re.results[ft] = ht, ht.valid || (Re.errors[ft] = ht.errors[0]), ct && p.value[ft] && delete p.value[ft], ct ? (ct.valid = ht.valid, N === "silent" || N === "validated-only" && !ct.validated || g(ct, ht.errors), Re) : (g(ft, Be), Re);
     }, {
       valid: z.valid,
@@ -7923,7 +7927,7 @@ function Cm(e) {
     const N = typeof z == "string" ? Yn(z) : z;
     return typeof N == "string" ? v.value[N] : N;
   }
-  function j(z) {
+  function B(z) {
     return c.value.filter((X) => z.startsWith(he(X.path))).reduce((X, ae) => X ? ae.path.length > X.path.length ? ae : X : ae, void 0);
   }
   let G = [], U;
@@ -7995,14 +7999,14 @@ function Cm(e) {
     controlledValues: ee,
     errorBag: I,
     errors: x,
-    schema: B,
+    schema: j,
     submitCount: u,
     meta: L,
     isSubmitting: i,
     isValidating: s,
     fieldArrays: l,
     keepValuesOnUnmount: b,
-    validateSchema: h(B) ? te : void 0,
+    validateSchema: h(j) ? te : void 0,
     validate: ut,
     setFieldError: g,
     validateField: ot,
@@ -8036,7 +8040,7 @@ function Cm(e) {
     const ae = Ne(N), _e = typeof z == "string" ? z : z.path;
     R(_e) || F(_e), Pt(a, _e, ae), X && ot(_e);
   }
-  function K(z, N = !0) {
+  function Q(z, N = !0) {
     _t(a).forEach((X) => {
       delete a[X];
     }), _t(z).forEach((X) => {
@@ -8095,10 +8099,10 @@ function Cm(e) {
   }
   function et(z, N) {
     let X = Ne(z != null && z.values ? z.values : E.value);
-    X = N != null && N.force ? X : uo(E.value, X), X = Mt(B) && bt(B.cast) ? B.cast(X) : X, O(X, { force: N == null ? void 0 : N.force }), A((ae) => {
+    X = N != null && N.force ? X : uo(E.value, X), X = Mt(j) && bt(j.cast) ? j.cast(X) : X, O(X, { force: N == null ? void 0 : N.force }), A((ae) => {
       var _e;
       ae.__flags.pendingReset = !0, ae.validated = !1, ae.touched = ((_e = z == null ? void 0 : z.touched) === null || _e === void 0 ? void 0 : _e[he(ae.path)]) || !1, ye(he(ae.path), xt(X, he(ae.path)), !1), g(he(ae.path), void 0);
-    }), N != null && N.force ? K(X, !1) : be(X, !1), _((z == null ? void 0 : z.errors) || {}), u.value = (z == null ? void 0 : z.submitCount) || 0, st(() => {
+    }), N != null && N.force ? Q(X, !1) : be(X, !1), _((z == null ? void 0 : z.errors) || {}), u.value = (z == null ? void 0 : z.submitCount) || 0, st(() => {
       ut({ mode: "silent" }), A((ae) => {
         ae.__flags.pendingReset = !1;
       });
@@ -8138,7 +8142,7 @@ function Cm(e) {
   async function ot(z, N) {
     var X;
     const ae = R(z);
-    if (ae && (N == null ? void 0 : N.mode) !== "silent" && (ae.validated = !0), B) {
+    if (ae && (N == null ? void 0 : N.mode) !== "silent" && (ae.validated = !0), j) {
       const { results: Re } = await te((N == null ? void 0 : N.mode) || "validated-only");
       return Re[z] || { errors: [], valid: !0 };
     }
@@ -8154,7 +8158,7 @@ function Cm(e) {
     Pt(D.value, z, Ne(N)), X && Pt(E.value, z, Ne(N));
   }
   async function Fe() {
-    const z = h(B);
+    const z = h(j);
     if (!z)
       return { valid: !0, results: {}, errors: {}, source: "none" };
     s.value = !0;
@@ -8173,7 +8177,7 @@ function Cm(e) {
       return;
     }
     ne.validateSchema && ne.validateSchema("silent");
-  }), We(B) && me(B, () => {
+  }), We(j) && me(j, () => {
     var z;
     (z = ne.validateSchema) === null || z === void 0 || z.call(ne, "validated-only");
   }), Le(vi, ne), process.env.NODE_ENV !== "production" && (pm(ne), me(() => Object.assign(Object.assign({ errors: I.value }, L.value), { values: a, isSubmitting: i.value, isValidating: s.value, submitCount: u.value }), Tn, {
@@ -8961,15 +8965,15 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
       b.name.trim() ? b.nameError = void 0 : b.nameError = "Option name is required.";
     }, x = (b, D, E) => {
       var ee;
-      const O = b.target, L = (ee = l.value.find((B) => B.id === D)) == null ? void 0 : ee.values;
+      const O = b.target, L = (ee = l.value.find((j) => j.id === D)) == null ? void 0 : ee.values;
       if (b.key === "Backspace" && O.value === "" && (L == null ? void 0 : L.length) > 2) {
         _(D, E);
         return;
       }
     }, M = (b, D, E) => {
-      var B;
+      var j;
       b.target;
-      const O = (B = l.value.find((F) => F.id === D)) == null ? void 0 : B.values, L = O == null ? void 0 : O[E];
+      const O = (j = l.value.find((F) => F.id === D)) == null ? void 0 : j.values, L = O == null ? void 0 : O[E];
       L.touched = !0, (O == null ? void 0 : O.every((F) => F.value.trim() !== "")) && m(D);
     }, V = (b, D) => {
       const E = l.value.find((L) => L.id === b), O = E == null ? void 0 : E.values.every((L, ee) => L.value.trim() !== "" || ee === D);
@@ -8994,7 +8998,7 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
             L.minified ? (w(), P("div", {
               key: 1,
               class: "flex gap-4 p-6 border-b last:border-b-0 hover:bg-accent dark:hover:bg-accent/50 cursor-pointer transition-colors duration-200",
-              onClick: (B) => h(l)[ee].minified = !1
+              onClick: (j) => h(l)[ee].minified = !1
             }, [
               S("div", null, [
                 S("div", {
@@ -9008,10 +9012,10 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
               S("div", wg, [
                 S("p", Sg, Y(L.name), 1),
                 S("div", Cg, [
-                  (w(!0), P(le, null, Ie(L.values, (B) => (w(), P(le, {
-                    key: B.id
+                  (w(!0), P(le, null, Ie(L.values, (j) => (w(), P(le, {
+                    key: j.id
                   }, [
-                    B.value ? (w(), P("span", kg, Y(B.value), 1)) : ie("", !0)
+                    j.value ? (w(), P("span", kg, Y(j.value), 1)) : ie("", !0)
                   ], 64))), 128))
                 ])
               ])
@@ -9027,8 +9031,8 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
                   S("div", mg, [
                     d(E, {
                       modelValue: L.name,
-                      "onUpdate:modelValue": (B) => L.name = B,
-                      onBlur: (B) => I(L),
+                      "onUpdate:modelValue": (j) => L.name = j,
+                      onBlur: (j) => I(L),
                       "aria-invalid": L.nameError ? "true" : "false",
                       placeholder: "Color",
                       spellcheck: "false"
@@ -9045,30 +9049,30 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
                   D[2] || (D[2] = S("label", { class: "block text-sm mb-2" }, "Option values", -1)),
                   S("div", {
                     ref_for: !0,
-                    ref: (B) => {
-                      B && a.value[L.id] && (a.value[L.id].listRef = B);
+                    ref: (j) => {
+                      j && a.value[L.id] && (a.value[L.id].listRef = j);
                     }
                   }, [
-                    a.value[L.id] ? (w(!0), P(le, { key: 0 }, Ie(a.value[L.id].valuesArray, (B, F) => (w(), P("div", {
-                      key: B.id,
+                    a.value[L.id] ? (w(!0), P(le, { key: 0 }, Ie(a.value[L.id].valuesArray, (j, F) => (w(), P("div", {
+                      key: j.id,
                       class: "relative flex items-center mb-2"
                     }, [
-                      B.touched ? (w(), P("div", _g, [
+                      j.touched ? (w(), P("div", _g, [
                         d(h(ur), { class: "size-4 text-gray-400" })
                       ])) : ie("", !0),
                       d(E, {
-                        modelValue: B.value,
-                        "onUpdate:modelValue": (Q) => B.value = Q,
+                        modelValue: j.value,
+                        "onUpdate:modelValue": (J) => j.value = J,
                         placeholder: "Option value",
                         class: "pr-12",
-                        onKeydown: (Q) => x(Q, L.id, F),
-                        onKeyup: (Q) => M(Q, L.id, F),
-                        onBlur: (Q) => V(L.id, F),
+                        onKeydown: (J) => x(J, L.id, F),
+                        onKeyup: (J) => M(J, L.id, F),
+                        onBlur: (J) => V(L.id, F),
                         spellcheck: "false"
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "onKeydown", "onKeyup", "onBlur"]),
-                      a.value[L.id].valuesArray.length > 2 && B.touched ? (w(), P("button", {
+                      a.value[L.id].valuesArray.length > 2 && j.touched ? (w(), P("button", {
                         key: 1,
-                        onClick: (Q) => _(L.id, F),
+                        onClick: (J) => _(L.id, F),
                         class: "absolute right-2 top-1/2 -translate-y-1/2 ml-2 p-2 text-muted-foreground hover:text-muted",
                         type: "button"
                       }, [
@@ -9081,7 +9085,7 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
                   d(O, {
                     size: "sm",
                     variant: "outline",
-                    onClick: (B) => g(ee),
+                    onClick: (j) => g(ee),
                     class: "text-red-500 hover:text-red-600"
                   }, {
                     default: f(() => D[3] || (D[3] = [
@@ -9092,7 +9096,7 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
                   }, 1032, ["onClick"]),
                   d(O, {
                     size: "sm",
-                    onClick: (B) => h(l)[ee].minified = !0,
+                    onClick: (j) => h(l)[ee].minified = !0,
                     disabled: L.name.trim() === ""
                   }, {
                     default: f(() => D[4] || (D[4] = [
@@ -9174,10 +9178,10 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
     watch(o.options, () => {
       l.value === "" && v();
     }, { immediate: !0, deep: !0 }), watch(p, (A) => {
-      var j;
+      var B;
       if (!A) return [];
       let R = [];
-      (j = Object.keys(A)) == null || j.forEach((G) => {
+      (B = Object.keys(A)) == null || B.forEach((G) => {
         R.push({
           combinedOptions: G,
           name: _(G),
@@ -9191,26 +9195,26 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
     }, { deep: !0 });
     function m(A) {
       return A.reduce(
-        (R, j) => R.flatMap((G) => j.map((U) => [...G, U])),
+        (R, B) => R.flatMap((G) => B.map((U) => [...G, U])),
         [[]]
       );
     }
     function g(A) {
-      return A.slice().sort((R, j) => R.optionId.localeCompare(j.optionId)).map(({ optionId: R, valueId: j }) => `${R}:${j}`).join("|");
+      return A.slice().sort((R, B) => R.optionId.localeCompare(B.optionId)).map(({ optionId: R, valueId: B }) => `${R}:${B}`).join("|");
     }
-    const _ = (A) => A.split("|").map((j) => {
-      const [G, U] = j.split(":");
+    const _ = (A) => A.split("|").map((B) => {
+      const [G, U] = B.split(":");
       return { optionId: G, valueId: U };
-    }).map((j) => {
+    }).map((B) => {
       var q, $;
-      const G = (q = o.options) == null ? void 0 : q[j.optionId], U = ($ = G == null ? void 0 : G.values) == null ? void 0 : $.find((H) => H.id === j.valueId);
+      const G = (q = o.options) == null ? void 0 : q[B.optionId], U = ($ = G == null ? void 0 : G.values) == null ? void 0 : $.find((H) => H.id === B.valueId);
       return (U == null ? void 0 : U.value) || "";
-    }).join(" "), I = (A) => A.split("|").map((j) => {
-      const [G, U] = j.split(":");
+    }).join(" "), I = (A) => A.split("|").map((B) => {
+      const [G, U] = B.split(":");
       return { optionId: G, valueId: U };
-    }).map((j) => {
+    }).map((B) => {
       var q, $;
-      const G = (q = o.options) == null ? void 0 : q[j.optionId], U = ($ = G == null ? void 0 : G.values) == null ? void 0 : $.find((H) => H.id === j.valueId);
+      const G = (q = o.options) == null ? void 0 : q[B.optionId], U = ($ = G == null ? void 0 : G.values) == null ? void 0 : $.find((H) => H.id === B.valueId);
       return {
         optionId: G == null ? void 0 : G.id,
         option: G == null ? void 0 : G.name,
@@ -9219,56 +9223,56 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
       };
     }), x = computed(() => {
       const A = Object.values(o.options).map(
-        (j) => j.values.map((G) => ({
-          optionId: j.id,
-          optionName: j.name,
+        (B) => B.values.map((G) => ({
+          optionId: B.id,
+          optionName: B.name,
           valueId: G.id,
           value: G.value
         }))
       );
-      return m(A).map((j) => {
-        const G = g(j);
+      return m(A).map((B) => {
+        const G = g(B);
         return p.value[G] || (p.value[G] = { price: 0, stock: 0 }), {
           key: G,
-          options: j,
+          options: B,
           ...p.value[G]
         };
       });
     }), M = computed(() => {
       let A = [...x.value];
       return u.value && (A = A.filter((R) => {
-        var j;
-        return (j = R.options) == null ? void 0 : j.find((G) => G.value.toLowerCase().includes(u.value.toLowerCase()));
+        var B;
+        return (B = R.options) == null ? void 0 : B.find((G) => G.value.toLowerCase().includes(u.value.toLowerCase()));
       })), A;
     }), V = (A, R) => {
-      const j = M.value.filter((G) => {
+      const B = M.value.filter((G) => {
         var U, q;
         return ((q = (U = G.options) == null ? void 0 : U.find(($) => $.optionId === l.value)) == null ? void 0 : q.valueId) === R;
       });
-      j && j.forEach((G) => {
+      B && B.forEach((G) => {
         p.value[g(G.options)].image = A;
       });
-    }, k = (A) => x.value.filter((j) => {
+    }, k = (A) => x.value.filter((B) => {
       var G, U;
-      return ((U = (G = j.options) == null ? void 0 : G.find((q) => q.optionId === l.value)) == null ? void 0 : U.valueId) === A;
-    }).every((j) => !j.image), b = (A) => {
+      return ((U = (G = B.options) == null ? void 0 : G.find((q) => q.optionId === l.value)) == null ? void 0 : U.valueId) === A;
+    }).every((B) => !B.image), b = (A) => {
       const R = x.value.filter((G) => {
         var U, q;
         return ((q = (U = G.options) == null ? void 0 : U.find(($) => $.optionId === l.value)) == null ? void 0 : q.valueId) === A;
       });
       return R.filter((G, U) => G.image && R.findIndex((q) => q.image === G.image) === U).length === 1;
     }, D = (A) => {
-      var j;
-      return (j = x.value.filter((G) => {
+      var B;
+      return (B = x.value.filter((G) => {
         var U, q;
         return ((q = (U = G.options) == null ? void 0 : U.find(($) => $.optionId === l.value)) == null ? void 0 : q.valueId) === A;
-      }).filter((G) => G.image)[0]) == null ? void 0 : j.image;
+      }).filter((G) => G.image)[0]) == null ? void 0 : B.image;
     }, E = (A) => {
-      var j;
-      return (j = x.value.filter((G) => {
+      var B;
+      return (B = x.value.filter((G) => {
         var U, q;
         return ((q = (U = G.options) == null ? void 0 : U.find(($) => $.optionId === l.value)) == null ? void 0 : q.valueId) === A;
-      }).filter((G) => G.image)[1]) == null ? void 0 : j.image;
+      }).filter((G) => G.image)[1]) == null ? void 0 : B.image;
     }, O = (A) => {
       var G;
       const R = x.value.filter((U) => {
@@ -9276,26 +9280,26 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
         return (q = U.options) == null ? void 0 : q.find(($) => $.valueId === A);
       });
       if (R.length === 0) return "0";
-      const j = R.map((U) => U.price);
-      return Math.min(...j) === Math.max(...j) ? ((G = j[0]) == null ? void 0 : G.toString()) || "0" : `${Math.min(...j)} - ${Math.max(...j)}`;
+      const B = R.map((U) => U.price);
+      return Math.min(...B) === Math.max(...B) ? ((G = B[0]) == null ? void 0 : G.toString()) || "0" : `${Math.min(...B)} - ${Math.max(...B)}`;
     }, L = (A) => x.value.filter((R) => {
-      var j;
-      return (j = R.options) == null ? void 0 : j.find((G) => G.valueId === A);
-    }).reduce((R, j) => R + j.stock, 0), ee = () => {
-      var R, j, G;
+      var B;
+      return (B = R.options) == null ? void 0 : B.find((G) => G.valueId === A);
+    }).reduce((R, B) => R + B.stock, 0), ee = () => {
+      var R, B, G;
       let A = 0;
-      return (G = (j = (R = o.options) == null ? void 0 : R[l.value]) == null ? void 0 : j.values) == null || G.forEach((U) => {
+      return (G = (B = (R = o.options) == null ? void 0 : R[l.value]) == null ? void 0 : B.values) == null || G.forEach((U) => {
         A += L(U.id);
       }), A;
-    }, B = ref(null), F = ref(""), Q = async (A, R) => {
-      A.preventDefault(), B.value = R, F.value = "TODO";
+    }, j = ref(null), F = ref(""), J = async (A, R) => {
+      A.preventDefault(), j.value = R, F.value = "TODO";
     }, T = (A) => {
-      B.value = null, F.value = "";
+      j.value = null, F.value = "";
     }, te = (A) => {
-      p.value = A.reduce((R, j) => (R[j.combinedOptions] = {
-        price: j.price,
-        stock: j.inventoryCount,
-        image: j.image
+      p.value = A.reduce((R, B) => (R[B.combinedOptions] = {
+        price: B.price,
+        stock: B.inventoryCount,
+        image: B.image
       }, R), {});
     };
     return onMounted(() => {
@@ -9303,7 +9307,7 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
     }), t({
       setVariantMap: te
     }), (A, R) => {
-      const j = y("SelectValue"), G = y("SelectTrigger"), U = y("SelectItem"), q = y("SelectContent"), $ = y("Select"), H = y("Button"), de = y("Input"), Ee = y("PopoverTrigger"), W = y("RadioGroupItem"), ne = y("Label"), ye = y("RadioGroup"), K = y("PopoverContent"), be = y("Popover"), Ve = y("Checkbox"), Pe = y("TooltipTrigger"), Te = y("TooltipContent"), Ye = y("Tooltip"), rt = y("MediaPickerDialog"), Qe = y("NumberFieldInput"), Ae = y("NumberFieldContent"), et = y("NumberField"), ut = y("NumberFieldDecrement"), ot = y("NumberFieldIncrement");
+      const B = y("SelectValue"), G = y("SelectTrigger"), U = y("SelectItem"), q = y("SelectContent"), $ = y("Select"), H = y("Button"), de = y("Input"), Ee = y("PopoverTrigger"), W = y("RadioGroupItem"), ne = y("Label"), ye = y("RadioGroup"), Q = y("PopoverContent"), be = y("Popover"), Ve = y("Checkbox"), Pe = y("TooltipTrigger"), Te = y("TooltipContent"), Ye = y("Tooltip"), rt = y("MediaPickerDialog"), Qe = y("NumberFieldInput"), Ae = y("NumberFieldContent"), et = y("NumberField"), ut = y("NumberFieldDecrement"), ot = y("NumberFieldIncrement");
       return w(), P("div", null, [
         S("div", $g, [
           Object.keys(e.options).length > 1 ? (w(), P("div", Ig, [
@@ -9315,7 +9319,7 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
               default: f(() => [
                 d(G, { size: "sm" }, {
                   default: f(() => [
-                    d(j, { placeholder: "Option" })
+                    d(B, { placeholder: "Option" })
                   ]),
                   _: 1
                 }),
@@ -9409,7 +9413,7 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
                   ]),
                   _: 2
                 }, 1024),
-                d(K, null, {
+                d(Q, null, {
                   default: f(() => [
                     d(ye, {
                       modelValue: pe.groupBy,
@@ -9591,10 +9595,10 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
                                 d(de, {
                                   modelValue: h(F),
                                   "onUpdate:modelValue": R[8] || (R[8] = (Fe) => We(F) ? F.value = Fe : null),
-                                  class: Ze(["dark:bg-transparent dark:border-ring/50", h(B) === pe.id ? "" : "text-transparent"]),
+                                  class: Ze(["dark:bg-transparent dark:border-ring/50", h(j) === pe.id ? "" : "text-transparent"]),
                                   onClick: R[9] || (R[9] = Yt(() => {
                                   }, ["stop"])),
-                                  onFocus: (Fe) => Q(Fe, pe.id),
+                                  onFocus: (Fe) => J(Fe, pe.id),
                                   onBlur: (Fe) => T(pe.id)
                                 }, null, 8, ["modelValue", "class", "onFocus", "onBlur"])
                               ]),
@@ -9618,7 +9622,7 @@ const ug = /* @__PURE__ */ Sn(lg, [["render", ag]]), dg = {
                           ]),
                           _: 2
                         }, 1024),
-                        h(B) !== pe.id ? (w(), P("span", ev, Y(O(pe.id)), 1)) : ie("", !0)
+                        h(j) !== pe.id ? (w(), P("span", ev, Y(O(pe.id)), 1)) : ie("", !0)
                       ])
                     ]),
                     S("td", tv, [
@@ -12882,7 +12886,7 @@ const sh = { class: "relative @container" }, lh = { class: "flex flex-row gap-4
         { text: "New Product", href: "/products/new", disabled: !0 }
       ]) : _();
     }), (V, k) => {
-      const b = y("Button"), D = y("MenubarTrigger"), E = y("MenubarMenu"), O = y("MenubarShortcut"), L = y("MenubarItem"), ee = y("MenubarSeparator"), B = y("MenubarContent"), F = y("Menubar");
+      const b = y("Button"), D = y("MenubarTrigger"), E = y("MenubarMenu"), O = y("MenubarShortcut"), L = y("MenubarItem"), ee = y("MenubarSeparator"), j = y("MenubarContent"), F = y("Menubar");
       return w(), P("div", sh, [
         S("div", lh, [
           S("div", ah, [
@@ -12934,7 +12938,7 @@ const sh = { class: "relative @container" }, lh = { class: "flex flex-row gap-4
                     _: 1,
                     __: [2]
                   }),
-                  d(B, null, {
+                  d(j, null, {
                     default: f(() => [
                       d(L, null, {
                         default: f(() => [
@@ -12988,7 +12992,7 @@ const sh = { class: "relative @container" }, lh = { class: "flex flex-row gap-4
                     _: 1,
                     __: [8]
                   }),
-                  d(B, null, {
+                  d(j, null, {
                     default: f(() => [
                       h(n)("edit-product") ? (w(), Z(L, {
                         key: 0,
@@ -13567,7 +13571,7 @@ const sh = { class: "relative @container" }, lh = { class: "flex flex-row gap-4
                         return [
                           (L = O.action) != null && L.integration ? (w(), Z(x, {
                             key: 0,
-                            type: (ee = h(u).find((B) => B.id === O.action.integration)) == null ? void 0 : ee.type,
+                            type: (ee = h(u).find((j) => j.id === O.action.integration)) == null ? void 0 : ee.type,
                             class: "size-5"
                           }, null, 8, ["type"])) : ie("", !0),
                           S("p", Fh, Y(O.label), 1)
@@ -14655,7 +14659,7 @@ const N_ = (e) => e === ln || Xl(e), L_ = (e) => er(e) && e.nodeType === 11, er
   const t = bn(e) || ln;
   return /object|function/.test(typeof Element) ? e instanceof Element || e instanceof t.Element : e.nodeType === 1 && typeof e.nodeName == "string";
 }, G_ = (e) => er(e) && !!e.constructor && /function Object\b/.test(e.constructor.toString()), q_ = (e) => er(e) && typeof e.length < "u" && Ql(e.splice);
-var J = {
+var K = {
   window: N_,
   docFrag: L_,
   object: er,
@@ -14681,7 +14685,7 @@ const Je = {
 };
 function W_(e) {
   const t = Ue.Element, n = e.navigator || {};
-  Je.supportsTouch = "ontouchstart" in e || J.func(e.DocumentTouch) && Ue.document instanceof e.DocumentTouch, Je.supportsPointerEvent = n.pointerEnabled !== !1 && !!Ue.PointerEvent, Je.isIOS = /iP(hone|od|ad)/.test(n.platform), Je.isIOS7 = /iP(hone|od|ad)/.test(n.platform) && /OS 7[^\d]/.test(n.appVersion), Je.isIe9 = /MSIE 9/.test(n.userAgent), Je.isOperaMobile = n.appName === "Opera" && Je.supportsTouch && /Presto/.test(n.userAgent), Je.prefixedMatchesSelector = "matches" in t.prototype ? "matches" : "webkitMatchesSelector" in t.prototype ? "webkitMatchesSelector" : "mozMatchesSelector" in t.prototype ? "mozMatchesSelector" : "oMatchesSelector" in t.prototype ? "oMatchesSelector" : "msMatchesSelector", Je.pEventTypes = Je.supportsPointerEvent ? Ue.PointerEvent === e.MSPointerEvent ? {
+  Je.supportsTouch = "ontouchstart" in e || K.func(e.DocumentTouch) && Ue.document instanceof e.DocumentTouch, Je.supportsPointerEvent = n.pointerEnabled !== !1 && !!Ue.PointerEvent, Je.isIOS = /iP(hone|od|ad)/.test(n.platform), Je.isIOS7 = /iP(hone|od|ad)/.test(n.platform) && /OS 7[^\d]/.test(n.appVersion), Je.isIe9 = /MSIE 9/.test(n.userAgent), Je.isOperaMobile = n.appName === "Opera" && Je.supportsTouch && /Presto/.test(n.userAgent), Je.prefixedMatchesSelector = "matches" in t.prototype ? "matches" : "webkitMatchesSelector" in t.prototype ? "webkitMatchesSelector" : "mozMatchesSelector" in t.prototype ? "mozMatchesSelector" : "oMatchesSelector" in t.prototype ? "oMatchesSelector" : "msMatchesSelector", Je.pEventTypes = Je.supportsPointerEvent ? Ue.PointerEvent === e.MSPointerEvent ? {
     up: "MSPointerUp",
     down: "MSPointerDown",
     over: "mouseover",
@@ -14711,7 +14715,7 @@ function zn(e) {
   const t = {};
   for (const n in e) {
     const o = e[n];
-    J.plainObject(o) ? t[n] = zn(o) : J.array(o) ? t[n] = ta(o) : t[n] = o;
+    K.plainObject(o) ? t[n] = zn(o) : K.array(o) ? t[n] = ta(o) : t[n] = o;
   }
   return t;
 }
@@ -14741,14 +14745,14 @@ var $n = {
 };
 function pn(e, t) {
   let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : (r) => !0, o = arguments.length > 3 ? arguments[3] : void 0;
-  if (o = o || {}, J.string(e) && e.search(" ") !== -1 && (e = hs(e)), J.array(e))
+  if (o = o || {}, K.string(e) && e.search(" ") !== -1 && (e = hs(e)), K.array(e))
     return e.forEach((r) => pn(r, t, n, o)), o;
-  if (J.object(e) && (t = e, e = ""), J.func(t) && n(e))
+  if (K.object(e) && (t = e, e = ""), K.func(t) && n(e))
     o[e] = o[e] || [], o[e].push(t);
-  else if (J.array(t))
+  else if (K.array(t))
     for (const r of t)
       pn(e, r, n, o);
-  else if (J.object(t))
+  else if (K.object(t))
     for (const r in t) {
       const i = hs(r).map((s) => `${e}${s}`);
       pn(i, t[r], n, o);
@@ -14805,7 +14809,7 @@ function mn(e, t) {
   return !1;
 }
 function oa(e, t) {
-  for (; J.element(e); ) {
+  for (; K.element(e); ) {
     if (xn(e, t))
       return e;
     e = an(e);
@@ -14814,8 +14818,8 @@ function oa(e, t) {
 }
 function an(e) {
   let t = e.parentNode;
-  if (J.docFrag(t)) {
-    for (; (t = t.host) && J.docFrag(t); )
+  if (K.docFrag(t)) {
+    for (; (t = t.host) && K.docFrag(t); )
       ;
     return t;
   }
@@ -14825,7 +14829,7 @@ function xn(e, t) {
   return ln !== Jl && (t = t.replace(/\/deep\//g, " ")), e[Je.prefixedMatchesSelector](t);
 }
 function Xr(e, t, n) {
-  for (; J.element(e); ) {
+  for (; K.element(e); ) {
     if (xn(e, t))
       return !0;
     if (e = an(e), e === n)
@@ -14862,7 +14866,7 @@ function bi(e) {
   return t;
 }
 function bs(e) {
-  return J.string(e) ? (Ue.document.querySelector(e), !0) : !1;
+  return K.string(e) ? (Ue.document.querySelector(e), !0) : !1;
 }
 const X_ = ["webkit", "moz"];
 function ra(e, t) {
@@ -14909,7 +14913,7 @@ function ty(e, t) {
   return t = t || {}, Je.isOperaMobile && ia(e) ? Bo("screen", e, t) : Bo("client", e, t), t;
 }
 function Uo(e) {
-  return J.number(e.pointerId) ? e.pointerId : e.identifier;
+  return K.number(e.pointerId) ? e.pointerId : e.identifier;
 }
 function ny(e, t, n) {
   const o = t.length > 1 ? sa(t) : t[0];
@@ -14917,7 +14921,7 @@ function ny(e, t, n) {
 }
 function xi(e) {
   const t = [];
-  return J.array(e) ? (t[0] = e[0], t[1] = e[1]) : e.type === "touchend" ? e.touches.length === 1 ? (t[0] = e.touches[0], t[1] = e.changedTouches[0]) : e.touches.length === 0 && (t[0] = e.changedTouches[0], t[1] = e.changedTouches[1]) : (t[0] = e.touches[0], t[1] = e.touches[1]), t;
+  return K.array(e) ? (t[0] = e[0], t[1] = e[1]) : e.type === "touchend" ? e.touches.length === 1 ? (t[0] = e.touches[0], t[1] = e.changedTouches[0]) : e.touches.length === 0 && (t[0] = e.changedTouches[0], t[1] = e.changedTouches[1]) : (t[0] = e.touches[0], t[1] = e.touches[1]), t;
 }
 function sa(e) {
   const t = {
@@ -14959,14 +14963,14 @@ function iy(e, t) {
   return 180 * Math.atan2(s, i) / Math.PI;
 }
 function sy(e) {
-  return J.string(e.pointerType) ? e.pointerType : J.number(e.pointerType) ? [void 0, void 0, "touch", "pen", "mouse"][e.pointerType] : (
+  return K.string(e.pointerType) ? e.pointerType : K.number(e.pointerType) ? [void 0, void 0, "touch", "pen", "mouse"][e.pointerType] : (
     // if the PointerEvent API isn't available, then the "pointer" must
     // be either a MouseEvent, TouchEvent, or Touch object
     /touch/.test(e.type || "") || e instanceof Ue.Touch ? "touch" : "mouse"
   );
 }
 function la(e) {
-  const t = J.func(e.composedPath) ? e.composedPath() : e.path;
+  const t = K.func(e.composedPath) ? e.composedPath() : e.path;
   return [ys(t ? t[0] : e.target), ys(e.currentTarget)];
 }
 function Gn() {
@@ -15091,7 +15095,7 @@ function ly(e) {
   function c(v, m) {
     const g = qn(m), _ = new ay(v), I = o[v.type], [x] = la(v);
     let M = x;
-    for (; J.element(M); ) {
+    for (; K.element(M); ) {
       for (let V = 0; V < I.length; V++) {
         const k = I[V], {
           selector: b,
@@ -15129,7 +15133,7 @@ class ay {
   }
 }
 function qn(e) {
-  return J.object(e) ? {
+  return K.object(e) ? {
     capture: !!e.capture,
     passive: !!e.passive
   } : {
@@ -15145,7 +15149,7 @@ var uy = {
   install: ly
 };
 const dy = function(e) {
-  return /^(always|never|auto)$/.test(e) ? (this.options.preventDefault = e, this) : J.bool(e) ? (this.options.preventDefault = e ? "always" : "never", this) : this.options.preventDefault;
+  return /^(always|never|auto)$/.test(e) ? (this.options.preventDefault = e, this) : K.bool(e) ? (this.options.preventDefault = e ? "always" : "never", this) : this.options.preventDefault;
 };
 function cy(e, t, n) {
   const o = e.options.preventDefault;
@@ -15159,7 +15163,7 @@ function cy(e, t, n) {
       if (!(i && i.events) || i.events.passive !== !1)
         return;
     }
-    /^(mouse|pointer|touch)*(down|start)/i.test(n.type) || J.element(n.target) && xn(n.target, "input,select,textarea,[contenteditable=true],[contenteditable=true] *") || n.preventDefault();
+    /^(mouse|pointer|touch)*(down|start)/i.test(n.type) || K.element(n.target) && xn(n.target, "input,select,textarea,[contenteditable=true],[contenteditable=true] *") || n.preventDefault();
   }
 }
 function fy(e) {
@@ -15205,7 +15209,7 @@ function ua(e, t, n) {
 }
 function po(e, t, n, o) {
   let r = e;
-  return J.string(r) ? r = ua(r, t, n) : J.func(r) && (r = r(...o)), J.element(r) && (r = bi(r)), r;
+  return K.string(r) ? r = ua(r, t, n) : K.func(r) && (r = r(...o)), K.element(r) && (r = bi(r)), r;
 }
 function or(e) {
   return e && {
@@ -15988,18 +15992,18 @@ class Sy {
     this.target = void 0, this.options = void 0, this._actions = void 0, this.events = new na(), this._context = void 0, this._win = void 0, this._doc = void 0, this._scopeEvents = void 0, this._actions = n.actions, this.target = t, this._context = n.context || o, this._win = bn(bs(t) ? this._context : t), this._doc = this._win.document, this._scopeEvents = r, this.set(n);
   }
   setOnEvents(t, n) {
-    return J.func(n.onstart) && this.on(`${t}start`, n.onstart), J.func(n.onmove) && this.on(`${t}move`, n.onmove), J.func(n.onend) && this.on(`${t}end`, n.onend), J.func(n.oninertiastart) && this.on(`${t}inertiastart`, n.oninertiastart), this;
+    return K.func(n.onstart) && this.on(`${t}start`, n.onstart), K.func(n.onmove) && this.on(`${t}move`, n.onmove), K.func(n.onend) && this.on(`${t}end`, n.onend), K.func(n.oninertiastart) && this.on(`${t}inertiastart`, n.oninertiastart), this;
   }
   updatePerActionListeners(t, n, o) {
     var r;
     const i = (r = this._actions.map[t]) == null ? void 0 : r.filterEventType, s = (u) => (i == null || i(u)) && mo(u, this._actions);
-    (J.array(n) || J.object(n)) && this._onOff(Xt.Off, t, n, void 0, s), (J.array(o) || J.object(o)) && this._onOff(Xt.On, t, o, void 0, s);
+    (K.array(n) || K.object(n)) && this._onOff(Xt.Off, t, n, void 0, s), (K.array(o) || K.object(o)) && this._onOff(Xt.On, t, o, void 0, s);
   }
   setPerAction(t, n) {
     const o = this._defaults;
     for (const r in n) {
       const i = r, s = this.options[t], u = n[i];
-      i === "listeners" && this.updatePerActionListeners(t, s.listeners, u), J.array(u) ? s[i] = ta(u) : J.plainObject(u) ? (s[i] = Ce(s[i] || {}, zn(u)), J.object(o.perAction[i]) && "enabled" in o.perAction[i] && (s[i].enabled = u.enabled !== !1)) : J.bool(u) && J.object(o.perAction[i]) ? s[i].enabled = u : s[i] = u;
+      i === "listeners" && this.updatePerActionListeners(t, s.listeners, u), K.array(u) ? s[i] = ta(u) : K.plainObject(u) ? (s[i] = Ce(s[i] || {}, zn(u)), K.object(o.perAction[i]) && "enabled" in o.perAction[i] && (s[i].enabled = u.enabled !== !1)) : K.bool(u) && K.object(o.perAction[i]) ? s[i].enabled = u : s[i] = u;
     }
   }
   /**
@@ -16010,7 +16014,7 @@ class Sy {
    * @return {Rect} The object's bounding rectangle.
    */
   getRect(t) {
-    return t = t || (J.element(this.target) ? this.target : null), J.string(this.target) && (t = t || this._context.querySelector(this.target)), bi(t);
+    return t = t || (K.element(this.target) ? this.target : null), K.string(this.target) && (t = t || this._context.querySelector(this.target)), bi(t);
   }
   /**
    * Returns or sets the function used to calculate the interactable's
@@ -16021,14 +16025,14 @@ class Sy {
    * @return {function | object} The checker function or this Interactable
    */
   rectChecker(t) {
-    return J.func(t) ? (this.getRect = (n) => {
+    return K.func(t) ? (this.getRect = (n) => {
       const o = Ce({}, t.apply(this, n));
       return "width" in o || (o.width = o.right - o.left, o.height = o.bottom - o.top), o;
     }, this) : t === null ? (delete this.getRect, this) : this.getRect;
   }
   /** @internal */
   _backCompatOption(t, n) {
-    if (bs(n) || J.object(n)) {
+    if (bs(n) || K.object(n)) {
       this.options[t] = n;
       for (const o in this._actions.map)
         this.options[o][t] = n;
@@ -16065,7 +16069,7 @@ class Sy {
     const {
       target: t
     } = this;
-    return J.string(t) ? Array.from(this._context.querySelectorAll(t)) : J.func(t) && t.getAllElements ? t.getAllElements() : J.element(t) ? [t] : [];
+    return K.string(t) ? Array.from(this._context.querySelectorAll(t)) : K.func(t) && t.getAllElements ? t.getAllElements() : K.element(t) ? [t] : [];
   }
   /**
    * Gets the selector context Node of the Interactable. The default is
@@ -16085,11 +16089,11 @@ class Sy {
   }
   /** @internal */
   testAllow(t, n, o) {
-    return t ? J.element(o) ? J.string(t) ? Xr(o, t, n) : J.element(t) ? mn(t, o) : !1 : !1 : !0;
+    return t ? K.element(o) ? K.string(t) ? Xr(o, t, n) : K.element(t) ? mn(t, o) : !1 : !1 : !0;
   }
   /** @internal */
   testIgnore(t, n, o) {
-    return !t || !J.element(o) ? !1 : J.string(t) ? Xr(o, t, n) : J.element(t) ? mn(t, o) : !1;
+    return !t || !K.element(o) ? !1 : K.string(t) ? Xr(o, t, n) : K.element(t) ? mn(t, o) : !1;
   }
   /**
    * Calls listeners for the given InteractEvent type bound globally
@@ -16104,12 +16108,12 @@ class Sy {
   }
   /** @internal */
   _onOff(t, n, o, r, i) {
-    J.object(n) && !J.array(n) && (r = o, o = null);
+    K.object(n) && !K.array(n) && (r = o, o = null);
     const s = pn(n, o, i);
     for (let u in s) {
       u === "wheel" && (u = Je.wheelEvent);
       for (const l of s[u])
-        mo(u, this._actions) ? this.events[t === Xt.On ? "on" : "off"](u, l) : J.string(this.target) ? this._scopeEvents[t === Xt.On ? "addDelegate" : "removeDelegate"](this.target, this._context, u, l, r) : this._scopeEvents[t === Xt.On ? "add" : "remove"](this.target, u, l, r);
+        mo(u, this._actions) ? this.events[t === Xt.On ? "on" : "off"](u, l) : K.string(this.target) ? this._scopeEvents[t === Xt.On ? "addDelegate" : "removeDelegate"](this.target, this._context, u, l, r) : this._scopeEvents[t === Xt.On ? "add" : "remove"](this.target, u, l, r);
     }
     return this;
   }
@@ -16147,7 +16151,7 @@ class Sy {
    */
   set(t) {
     const n = this._defaults;
-    J.object(t) || (t = {}), this.options = zn(n.base);
+    K.object(t) || (t = {}), this.options = zn(n.base);
     for (const o in this._actions.methodDict) {
       const r = o, i = this._actions.methodDict[r];
       this.options[r] = {}, this.setPerAction(r, Ce(Ce({}, n.perAction), n.actions[r])), this[i](t[r]);
@@ -16157,7 +16161,7 @@ class Sy {
         this.rectChecker(t.getRect);
         continue;
       }
-      J.func(this[o]) && this[o](t[o]);
+      K.func(this[o]) && this[o](t[o]);
     }
     return this;
   }
@@ -16166,7 +16170,7 @@ class Sy {
    * action capabilities and event listeners
    */
   unset() {
-    if (J.string(this.target))
+    if (K.string(this.target))
       for (const t in this._scopeEvents.delegatedEvents) {
         const n = this._scopeEvents.delegatedEvents[t];
         for (let o = n.length - 1; o >= 0; o--) {
@@ -16193,7 +16197,7 @@ class Cy {
         } = n;
         const {
           target: r
-        } = o, i = J.string(r) ? this.selectorMap[r] : r[this.scope.id], s = tr(i, (u) => u === o);
+        } = o, i = K.string(r) ? this.selectorMap[r] : r[this.scope.id], s = tr(i, (u) => u === o);
         i.splice(s, 1);
       }
     });
@@ -16203,7 +16207,7 @@ class Cy {
       actions: this.scope.actions
     });
     const o = new this.scope.Interactable(t, n, this.scope.document, this.scope.events);
-    return this.scope.addDocument(o._doc), this.list.push(o), J.string(t) ? (this.selectorMap[t] || (this.selectorMap[t] = []), this.selectorMap[t].push(o)) : (o.target[this.scope.id] || Object.defineProperty(t, this.scope.id, {
+    return this.scope.addDocument(o._doc), this.list.push(o), K.string(t) ? (this.selectorMap[t] || (this.selectorMap[t] = []), this.selectorMap[t].push(o)) : (o.target[this.scope.id] || Object.defineProperty(t, this.scope.id, {
       value: [],
       configurable: !0
     }), t[this.scope.id].push(o)), this.scope.fire("interactable:new", {
@@ -16214,16 +16218,16 @@ class Cy {
     }), o;
   }
   getExisting(t, n) {
-    const o = n && n.context || this.scope.document, r = J.string(t), i = r ? this.selectorMap[t] : t[this.scope.id];
+    const o = n && n.context || this.scope.document, r = K.string(t), i = r ? this.selectorMap[t] : t[this.scope.id];
     if (i)
       return Ro(i, (s) => s._context === o && (r || s.inContext(t)));
   }
   forEachMatch(t, n) {
     for (const o of this.list) {
       let r;
-      if ((J.string(o.target) ? (
+      if ((K.string(o.target) ? (
         // target is a selector and the element matches
-        J.element(t) && xn(t, o.target)
+        K.element(t) && xn(t, o.target)
       ) : (
         // target is the element
         t === o.target
@@ -16243,12 +16247,12 @@ function ky(e) {
   }, t.isSet = function(n, o) {
     return !!this.scope.interactables.get(n, o && o.context);
   }, t.on = fo(function(n, o, r) {
-    if (J.string(n) && n.search(" ") !== -1 && (n = n.trim().split(/ +/)), J.array(n)) {
+    if (K.string(n) && n.search(" ") !== -1 && (n = n.trim().split(/ +/)), K.array(n)) {
       for (const i of n)
         this.on(i, o, r);
       return this;
     }
-    if (J.object(n)) {
+    if (K.object(n)) {
       for (const i in n)
         this.on(i, n[i], o);
       return this;
@@ -16257,12 +16261,12 @@ function ky(e) {
       options: r
     }), this;
   }, "The interact.on() method is being deprecated"), t.off = fo(function(n, o, r) {
-    if (J.string(n) && n.search(" ") !== -1 && (n = n.trim().split(/ +/)), J.array(n)) {
+    if (K.string(n) && n.search(" ") !== -1 && (n = n.trim().split(/ +/)), K.array(n)) {
       for (const i of n)
         this.off(i, o, r);
       return this;
     }
-    if (J.object(n)) {
+    if (K.object(n)) {
       for (const i in n)
         this.off(i, n[i], o);
       return this;
@@ -16284,7 +16288,7 @@ function ky(e) {
       n.stop();
     return this;
   }, t.pointerMoveTolerance = function(n) {
-    return J.number(n) ? (this.scope.interactions.pointerMoveTolerance = n, this) : this.scope.interactions.pointerMoveTolerance;
+    return K.number(n) ? (this.scope.interactions.pointerMoveTolerance = n, this) : this.scope.interactions.pointerMoveTolerance;
   }, t.addDocument = function(n, o) {
     this.scope.addDocument(n, o);
   }, t.removeDocument = function(n) {
@@ -16411,7 +16415,7 @@ class Vy {
   }
 }
 function $y(e, t) {
-  return e.isInitialized = !0, J.window(t) && Kl(t), Ue.init(t), Je.init(t), $n.init(t), e.window = t, e.document = t.document, e.usePlugin(wy), e.usePlugin(uy), e;
+  return e.isInitialized = !0, K.window(t) && Kl(t), Ue.init(t), Je.init(t), $n.init(t), e.window = t, e.document = t.document, e.usePlugin(wy), e.usePlugin(uy), e;
 }
 function Cs(e) {
   return e && e.replace(/\/.*$/, "");
@@ -16449,10 +16453,10 @@ function Dy(e, t, n, o, r) {
   return r.fire("auto-start:check", u), u.action;
 }
 function Ey(e) {
-  return J.bool(e) ? (this.options.styleCursor = e, this) : e === null ? (delete this.options.styleCursor, this) : this.options.styleCursor;
+  return K.bool(e) ? (this.options.styleCursor = e, this) : e === null ? (delete this.options.styleCursor, this) : this.options.styleCursor;
 }
 function My(e) {
-  return J.func(e) ? (this.options.actionChecker = e, this) : e === null ? (delete this.options.actionChecker, this) : this.options.actionChecker;
+  return K.func(e) ? (this.options.actionChecker = e, this) : e === null ? (delete this.options.actionChecker, this) : this.options.actionChecker;
 }
 var Ty = {
   id: "auto-start/interactableMethods",
@@ -16549,7 +16553,7 @@ function va(e, t, n, o, r) {
   function l(a) {
     i.push(a), s.push(u);
   }
-  for (; J.element(u); ) {
+  for (; K.element(u); ) {
     i = [], s = [], r.interactables.forEachMatch(u, l);
     const a = Ny(e, t, n, i, s, o, r);
     if (a.action && !a.interactable.options[a.action.name].manualStart)
@@ -16587,7 +16591,7 @@ function rr(e, t, n, o) {
   return u > 0;
 }
 function _a(e, t) {
-  return J.number(e) ? (t.autoStart.maxInteractions = e, this) : t.autoStart.maxInteractions;
+  return K.number(e) ? (t.autoStart.maxInteractions = e, this) : t.autoStart.maxInteractions;
 }
 function Kr(e, t, n) {
   const {
@@ -16608,7 +16612,7 @@ function ya(e, t) {
   let i = "";
   if (r.name) {
     const s = n.options[r.name].cursorChecker;
-    J.func(s) ? i = s(r, n, o, e._interacting) : i = t.actions.map[r.name].getCursor(r);
+    K.func(s) ? i = s(r, n, o, e._interacting) : i = t.actions.map[r.name].getCursor(r);
   }
   Kr(e.element, i || "", t);
 }
@@ -16648,7 +16652,7 @@ function Ly(e, t) {
           return m;
       }
     };
-    for (; J.element(p); ) {
+    for (; K.element(p); ) {
       const m = t.interactables.forEachMatch(p, v);
       if (m) {
         n.prepared.name = "drag", n.interactable = m, n.element = p;
@@ -16774,7 +16778,7 @@ const ke = {
       };
       if (a.x || a.y) {
         const c = Vs(i);
-        J.window(i) ? i.scrollBy(a.x, a.y) : i && (i.scrollLeft += a.x, i.scrollTop += a.y);
+        K.window(i) ? i.scrollBy(a.x, a.y) : i && (i.scrollLeft += a.x, i.scrollTop += a.y);
         const p = Vs(i), v = {
           x: p.x - c.x,
           y: p.y - c.y
@@ -16812,7 +16816,7 @@ const ke = {
       interactable: u,
       element: l
     } = t, a = t.prepared.name, c = u.options[a].autoScroll, p = ks(c.container, u, l);
-    if (J.window(p))
+    if (K.window(p))
       s = n.clientX < ke.margin, o = n.clientY < ke.margin, r = n.clientX > p.innerWidth - ke.margin, i = n.clientY > p.innerHeight - ke.margin;
     else {
       const v = yi(p);
@@ -16822,10 +16826,10 @@ const ke = {
   }
 };
 function ks(e, t, n) {
-  return (J.string(e) ? ua(e, t, n) : e) || bn(n);
+  return (K.string(e) ? ua(e, t, n) : e) || bn(n);
 }
 function Vs(e) {
-  return J.window(e) && (e = window.document.body), {
+  return K.window(e) && (e = window.document.body), {
     x: e.scrollLeft,
     y: e.scrollTop
   };
@@ -16880,7 +16884,7 @@ function $s(e) {
   }
 }
 const Yy = function(e) {
-  return J.object(e) ? (this.options.drag.enabled = e.enabled !== !1, this.setPerAction("drag", e), this.setOnEvents("drag", e), /^(xy|x|y|start)$/.test(e.lockAxis) && (this.options.drag.lockAxis = e.lockAxis), /^(xy|x|y)$/.test(e.startAxis) && (this.options.drag.startAxis = e.startAxis), this) : J.bool(e) ? (this.options.drag.enabled = e, this) : this.options.drag;
+  return K.object(e) ? (this.options.drag.enabled = e.enabled !== !1, this.setPerAction("drag", e), this.setOnEvents("drag", e), /^(xy|x|y|start)$/.test(e.lockAxis) && (this.options.drag.lockAxis = e.lockAxis), /^(xy|x|y)$/.test(e.startAxis) && (this.options.drag.startAxis = e.startAxis), this) : K.bool(e) ? (this.options.drag.enabled = e, this) : this.options.drag;
 }, Do = {
   id: "actions/drag",
   install: Zy,
@@ -16941,7 +16945,7 @@ function Jy(e) {
   const s = Ce({}, t.coords.cur.page), u = n.options.resize;
   if (!(!(u && u.enabled) || // check mouseButton setting if the pointer is down
   t.pointerIsDown && /mouse|pointer/.test(t.pointerType) && !(i & u.mouseButtons))) {
-    if (J.object(u.edges)) {
+    if (K.object(u.edges)) {
       const l = {
         left: !1,
         right: !1,
@@ -16965,13 +16969,13 @@ function Jy(e) {
   }
 }
 function Ky(e, t, n) {
-  return J.object(t) ? (e.options.resize.enabled = t.enabled !== !1, e.setPerAction("resize", t), e.setOnEvents("resize", t), J.string(t.axis) && /^x$|^y$|^xy$/.test(t.axis) ? e.options.resize.axis = t.axis : t.axis === null && (e.options.resize.axis = n.defaults.actions.resize.axis), J.bool(t.preserveAspectRatio) ? e.options.resize.preserveAspectRatio = t.preserveAspectRatio : J.bool(t.square) && (e.options.resize.square = t.square), e) : J.bool(t) ? (e.options.resize.enabled = t, e) : e.options.resize;
+  return K.object(t) ? (e.options.resize.enabled = t.enabled !== !1, e.setPerAction("resize", t), e.setOnEvents("resize", t), K.string(t.axis) && /^x$|^y$|^xy$/.test(t.axis) ? e.options.resize.axis = t.axis : t.axis === null && (e.options.resize.axis = n.defaults.actions.resize.axis), K.bool(t.preserveAspectRatio) ? e.options.resize.preserveAspectRatio = t.preserveAspectRatio : K.bool(t.square) && (e.options.resize.square = t.square), e) : K.bool(t) ? (e.options.resize.enabled = t, e) : e.options.resize;
 }
 function Qy(e, t, n, o, r, i, s) {
   if (!t)
     return !1;
   if (t === !0) {
-    const u = J.number(i.width) ? i.width : i.right - i.left, l = J.number(i.height) ? i.height : i.bottom - i.top;
+    const u = K.number(i.width) ? i.width : i.right - i.left, l = K.number(i.height) ? i.height : i.bottom - i.top;
     if (s = Math.min(s, Math.abs((e === "left" || e === "right" ? u : l) / 2)), u < 0 && (e === "left" ? e = "right" : e === "right" && (e = "left")), l < 0 && (e === "top" ? e = "bottom" : e === "bottom" && (e = "top")), e === "left") {
       const a = u >= 0 ? i.left : i.right;
       return n.x < a + s;
@@ -16985,7 +16989,7 @@ function Qy(e, t, n, o, r, i, s) {
     if (e === "bottom")
       return n.y > (l >= 0 ? i.bottom : i.top) - s;
   }
-  return J.element(o) ? J.element(t) ? (
+  return K.element(o) ? K.element(t) ? (
     // the value is an element to use as a resize handle
     t === o
   ) : (
@@ -17662,7 +17666,7 @@ function hb(e) {
   t.x = Math.max(Math.min(u.right - i.right, t.x), u.left + i.left), t.y = Math.max(Math.min(u.bottom - i.bottom, t.y), u.top + i.top);
 }
 function wn(e, t, n) {
-  return J.func(e) ? po(e, t.interactable, t.element, [n.x, n.y, t]) : po(e, t.interactable, t.element);
+  return K.func(e) ? po(e, t.interactable, t.element, [n.x, n.y, t]) : po(e, t.interactable, t.element);
 }
 const _b = {
   restriction: null,
@@ -17859,10 +17863,10 @@ function Pb(e) {
     for (let m = 0, g = r.targets.length; m < g; m++) {
       const _ = r.targets[m];
       let I;
-      J.func(_) ? I = _(p, v, t._proxy, c, m) : I = _, I && l.push({
-        x: (J.number(I.x) ? I.x : p) + c.x,
-        y: (J.number(I.y) ? I.y : v) + c.y,
-        range: J.number(I.range) ? I.range : r.range,
+      K.func(_) ? I = _(p, v, t._proxy, c, m) : I = _, I && l.push({
+        x: (K.number(I.x) ? I.x : p) + c.x,
+        y: (K.number(I.y) ? I.y : v) + c.y,
+        range: K.number(I.range) ? I.range : r.range,
         source: _,
         index: m,
         offset: c
@@ -17960,7 +17964,7 @@ function Lb(e) {
   n.options = Ce({}, r), n.options.targets = [];
   for (const l of r.targets || []) {
     let a;
-    if (J.func(l) ? a = l(s.x, s.y, t) : a = l, !!a) {
+    if (K.func(l) ? a = l(s.x, s.y, t) : a = l, !!a) {
       for (const [c, p] of n.targetFields)
         if (c in a || p in a) {
           a.x = a[c], a.y = a[p];
@@ -18061,9 +18065,9 @@ function Wb(e) {
     _onOff: r
   } = n.prototype;
   n.prototype._onOff = function(i, s, u, l, a) {
-    if (J.string(this.target) || this.target.addEventListener)
+    if (K.string(this.target) || this.target.addEventListener)
       return r.call(this, i, s, u, l, a);
-    J.object(s) && !J.array(s) && (l = u, u = null);
+    K.object(s) && !K.array(s) && (l = u, u = null);
     const c = pn(s, u, a);
     for (const p in c)
       mo(p, e.actions) || e.logger.warn(Qr + `Can't add native "${p}" event listener to target without \`addEventListener(type, listener, options)\` prop.`);
@@ -18119,7 +18123,7 @@ function Sa(e, t, n) {
 }
 function Zb(e, t, n) {
   let o = e;
-  for (; J.element(o); ) {
+  for (; K.element(o); ) {
     if (Sa(o, t, n))
       return !0;
     o = an(o);
@@ -18488,7 +18492,7 @@ const Da = (e, t) => {
   setup(e, { expose: t, emit: n }) {
     const o = e, r = n, i = {
       el: void 0,
-      calcXY: Q
+      calcXY: J
     };
     t(i);
     const s = se("emitter"), u = se("gridLayout");
@@ -18536,10 +18540,10 @@ const Da = (e, t) => {
       "no-touch": h(v)
     })), p = ve(() => a.resizable && !o.static), v = ve(() => (a.draggable || a.resizable) && !o.static), m = ve(() => u.props.isMirrored), g = ve(() => h(m) ? "vue-resizable-handle vue-rtl-resizable-handle" : "vue-resizable-handle");
     function _() {
-      s.on("updateWidth", j), s.on("setDraggable", I), s.on("setResizable", x), s.on("setBounded", M), s.on("setTransformScale", V), s.on("setRowHeight", k), s.on("setMaxRows", b), s.on("directionchange", D), s.on("setColNum", E);
+      s.on("updateWidth", B), s.on("setDraggable", I), s.on("setResizable", x), s.on("setBounded", M), s.on("setTransformScale", V), s.on("setRowHeight", k), s.on("setMaxRows", b), s.on("directionchange", D), s.on("setColNum", E);
     }
     _(), oi(() => {
-      s.off("updateWidth", j), s.off("setDraggable", I), s.off("setResizable", x), s.off("setBounded", M), s.off("setTransformScale", V), s.off("setRowHeight", k), s.off("setMaxRows", b), s.off("directionchange", D), s.off("setColNum", E), l && l.unset();
+      s.off("updateWidth", B), s.off("setDraggable", I), s.off("setResizable", x), s.off("setBounded", M), s.off("setTransformScale", V), s.off("setRowHeight", k), s.off("setMaxRows", b), s.off("directionchange", D), s.off("setColNum", E), l && l.unset();
     }), lt(() => {
       const $ = { ...u.props, ...u.state };
       $.responsive && $.lastBreakpoint ? a.cols = Ia($.lastBreakpoint, $.cols) : a.cols = $.colNum, a.rowHeight = $.rowHeight, a.containerWidth = $.width !== null ? $.width : 100, a.margin = $.margin !== void 0 ? $.margin : [10, 10], a.maxRows = $.maxRows, o.isDraggable === null ? a.draggable = $.isDraggable : a.draggable = o.isDraggable, o.isResizable === null ? a.resizable = $.isResizable : a.resizable = o.isResizable, o.isBounded === null ? a.bounded = $.isBounded : a.bounded = o.isBounded, a.transformScale = $.transformScale, a.useCssTransforms = $.useCssTransforms, a.useStyleCursor = $.useStyleCursor, O();
@@ -18652,7 +18656,7 @@ const Da = (e, t) => {
         ne.w
       ]);
     }
-    function B($) {
+    function j($) {
       if (o.static || a.isResizing) return;
       const H = Ts($);
       if (H === null) return;
@@ -18660,21 +18664,21 @@ const Da = (e, t) => {
       switch ($.type) {
         case "dragstart": {
           a.previousX = a.innerX, a.previousY = a.innerY;
-          const ye = $.target.offsetParent.getBoundingClientRect(), K = $.target.getBoundingClientRect(), be = K.left / a.transformScale, Ve = ye.left / a.transformScale, Pe = K.right / a.transformScale, Te = ye.right / a.transformScale, Ye = K.top / a.transformScale, rt = ye.top / a.transformScale;
+          const ye = $.target.offsetParent.getBoundingClientRect(), Q = $.target.getBoundingClientRect(), be = Q.left / a.transformScale, Ve = ye.left / a.transformScale, Pe = Q.right / a.transformScale, Te = ye.right / a.transformScale, Ye = Q.top / a.transformScale, rt = ye.top / a.transformScale;
           h(m) ? W.left = (Pe - Te) * -1 : W.left = be - Ve, W.top = Ye - rt, a.dragging = W, a.isDragging = !0;
           break;
         }
         case "dragend": {
           if (!a.isDragging) return;
-          const ye = $.target.offsetParent.getBoundingClientRect(), K = $.target.getBoundingClientRect(), be = K.left / a.transformScale, Ve = ye.left / a.transformScale, Pe = K.right / a.transformScale, Te = ye.right / a.transformScale, Ye = K.top / a.transformScale, rt = ye.top / a.transformScale;
+          const ye = $.target.offsetParent.getBoundingClientRect(), Q = $.target.getBoundingClientRect(), be = Q.left / a.transformScale, Ve = ye.left / a.transformScale, Pe = Q.right / a.transformScale, Te = ye.right / a.transformScale, Ye = Q.top / a.transformScale, rt = ye.top / a.transformScale;
           h(m) ? W.left = (Pe - Te) * -1 : W.left = be - Ve, W.top = Ye - rt, a.dragging = null, a.isDragging = !1;
           break;
         }
         case "dragmove": {
           const ye = As(a.lastX, a.lastY, de, Ee);
           if (h(m) ? W.left = a.dragging.left - ye.deltaX / a.transformScale : W.left = a.dragging.left + ye.deltaX / a.transformScale, W.top = a.dragging.top + ye.deltaY / a.transformScale, a.bounded) {
-            const K = $.target.offsetParent.clientHeight - te(o.h, a.rowHeight, a.margin[1]);
-            W.top = A(W.top, 0, K);
+            const Q = $.target.offsetParent.clientHeight - te(o.h, a.rowHeight, a.margin[1]);
+            W.top = A(W.top, 0, Q);
             const be = T(), Ve = a.containerWidth - te(o.w, be, a.margin[0]);
             W.left = A(W.left, 0, Ve);
           }
@@ -18684,7 +18688,7 @@ const Da = (e, t) => {
       }
       O();
       let ne;
-      h(m), ne = Q(W.top, W.left), a.lastX = de, a.lastY = Ee, (a.innerX !== ne.x || a.innerY !== ne.y) && r("move", o.i, ne.x, ne.y), $.type === "dragend" && (a.previousX !== a.innerX || a.previousY !== a.innerY) && r("moved", o.i, ne.x, ne.y), s.emit("dragEvent", [
+      h(m), ne = J(W.top, W.left), a.lastX = de, a.lastY = Ee, (a.innerX !== ne.x || a.innerY !== ne.y) && r("move", o.i, ne.x, ne.y), $.type === "dragend" && (a.previousX !== a.innerX || a.previousY !== a.innerY) && r("moved", o.i, ne.x, ne.y), s.emit("dragEvent", [
         $.type,
         o.i,
         ne.x,
@@ -18714,7 +18718,7 @@ const Da = (e, t) => {
         height: Ee === 1 / 0 ? Ee : Math.round(a.rowHeight * Ee + Math.max(0, Ee - 1) * a.margin[1])
       }, ne;
     }
-    function Q($, H) {
+    function J($, H) {
       const de = T();
       let Ee = Math.round((H - a.margin[0]) / (de + a.margin[0])), W = Math.round(($ - a.margin[1]) / (a.rowHeight + a.margin[1]));
       return Ee = Math.max(Math.min(Ee, a.cols - a.innerW), 0), W = Math.max(Math.min(W, a.maxRows - a.innerH), 0), { x: Ee, y: W };
@@ -18735,7 +18739,7 @@ const Da = (e, t) => {
       let W = Math.round((H + a.margin[0]) / (Ee + a.margin[0])), ne = 0;
       return de ? ne = Math.ceil(($ + a.margin[1]) / (a.rowHeight + a.margin[1])) : ne = Math.round(($ + a.margin[1]) / (a.rowHeight + a.margin[1])), W = Math.max(Math.min(W, a.cols - a.innerX), 0), ne = Math.max(Math.min(ne, a.maxRows - a.innerY), 0), { w: W, h: ne };
     }
-    function j($, H) {
+    function B($, H) {
       a.containerWidth = $, H != null && (a.cols = H);
     }
     function G() {
@@ -18746,7 +18750,7 @@ const Da = (e, t) => {
           ...o.dragOption
         };
         l.draggable($), a.dragEventSet || (a.dragEventSet = !0, l.on("dragstart dragmove dragend", (H) => {
-          B(H);
+          j(H);
         }));
       } else
         l.draggable({
@@ -19049,27 +19053,27 @@ var Cx = {
         function b() {
           if (x.position === "static") {
             m.style.setProperty("position", "relative", a.important ? "important" : "");
-            var O = function(L, ee, B, F) {
-              function Q(te) {
+            var O = function(L, ee, j, F) {
+              function J(te) {
                 return te.replace(/[^-\d\.]/g, "");
               }
-              var T = B[F];
-              T !== "auto" && Q(T) !== "0" && (L.warn("An element that is positioned static has style." + F + "=" + T + " which is ignored due to the static positioning. The element will need to be positioned relative, so the style." + F + " will be set to 0. Element: ", ee), ee.style.setProperty(F, "0", a.important ? "important" : ""));
+              var T = j[F];
+              T !== "auto" && J(T) !== "0" && (L.warn("An element that is positioned static has style." + F + "=" + T + " which is ignored due to the static positioning. The element will need to be positioned relative, so the style." + F + " will be set to 0. Element: ", ee), ee.style.setProperty(F, "0", a.important ? "important" : ""));
             };
             O(t, m, x, "top"), O(t, m, x, "right"), O(t, m, x, "bottom"), O(t, m, x, "left");
           }
         }
         function D() {
           I || b();
-          function O(ee, B) {
+          function O(ee, j) {
             if (!ee.contentDocument) {
               var F = o(ee);
               F.checkForObjectDocumentTimeoutId && window.clearTimeout(F.checkForObjectDocumentTimeoutId), F.checkForObjectDocumentTimeoutId = setTimeout(function() {
-                F.checkForObjectDocumentTimeoutId = 0, O(ee, B);
+                F.checkForObjectDocumentTimeoutId = 0, O(ee, j);
               }, 100);
               return;
             }
-            B(ee.contentDocument);
+            j(ee.contentDocument);
           }
           var L = this;
           O(L, function(ee) {
@@ -19128,12 +19132,12 @@ var Cx = {
     };
   }
   function p(k, b, D) {
-    function E(B, F) {
+    function E(j, F) {
       F = F || function(T) {
         k.head.appendChild(T);
       };
-      var Q = k.createElement("style");
-      return Q.innerHTML = B, Q.id = b, F(Q), Q;
+      var J = k.createElement("style");
+      return J.innerHTML = j, J.id = b, F(J), J;
     }
     if (!k.getElementById(b)) {
       var O = D + "_animation", L = D + "_animation_active", ee = `/* Created by the element-resize-detector library. */
@@ -19180,52 +19184,52 @@ var Cx = {
     D || (D = b, b = k, k = null), k = k || {};
     function E() {
       if (k.debug) {
-        var K = Array.prototype.slice.call(arguments);
-        if (K.unshift(r.get(b), "Scroll: "), t.log.apply)
-          t.log.apply(null, K);
+        var Q = Array.prototype.slice.call(arguments);
+        if (Q.unshift(r.get(b), "Scroll: "), t.log.apply)
+          t.log.apply(null, Q);
         else
-          for (var be = 0; be < K.length; be++)
-            t.log(K[be]);
+          for (var be = 0; be < Q.length; be++)
+            t.log(Q[be]);
       }
     }
-    function O(K) {
+    function O(Q) {
       function be(Ve) {
         var Pe = Ve.getRootNode && Ve.getRootNode().contains(Ve);
         return Ve === Ve.ownerDocument.body || Ve.ownerDocument.body.contains(Ve) || Pe;
       }
-      return !be(K) || window.getComputedStyle(K) === null;
+      return !be(Q) || window.getComputedStyle(Q) === null;
     }
-    function L(K) {
-      var be = o(K).container.childNodes[0], Ve = window.getComputedStyle(be);
+    function L(Q) {
+      var be = o(Q).container.childNodes[0], Ve = window.getComputedStyle(be);
       return !Ve.width || Ve.width.indexOf("px") === -1;
     }
     function ee() {
-      var K = window.getComputedStyle(b), be = {};
-      return be.position = K.position, be.width = b.offsetWidth, be.height = b.offsetHeight, be.top = K.top, be.right = K.right, be.bottom = K.bottom, be.left = K.left, be.widthCSS = K.width, be.heightCSS = K.height, be;
+      var Q = window.getComputedStyle(b), be = {};
+      return be.position = Q.position, be.width = b.offsetWidth, be.height = b.offsetHeight, be.top = Q.top, be.right = Q.right, be.bottom = Q.bottom, be.left = Q.left, be.widthCSS = Q.width, be.heightCSS = Q.height, be;
     }
-    function B() {
-      var K = ee();
+    function j() {
+      var Q = ee();
       o(b).startSize = {
-        width: K.width,
-        height: K.height
+        width: Q.width,
+        height: Q.height
       }, E("Element start size", o(b).startSize);
     }
     function F() {
       o(b).listeners = [];
     }
-    function Q() {
+    function J() {
       if (E("storeStyle invoked."), !o(b)) {
         E("Aborting because element has been uninstalled");
         return;
       }
-      var K = ee();
-      o(b).style = K;
+      var Q = ee();
+      o(b).style = Q;
     }
-    function T(K, be, Ve) {
-      o(K).lastWidth = be, o(K).lastHeight = Ve;
+    function T(Q, be, Ve) {
+      o(Q).lastWidth = be, o(Q).lastHeight = Ve;
     }
-    function te(K) {
-      return _(K).childNodes[0];
+    function te(Q) {
+      return _(Q).childNodes[0];
     }
     function A() {
       return 2 * i.width + 1;
@@ -19233,35 +19237,35 @@ var Cx = {
     function R() {
       return 2 * i.height + 1;
     }
-    function j(K) {
-      return K + 10 + A();
+    function B(Q) {
+      return Q + 10 + A();
     }
-    function G(K) {
-      return K + 10 + R();
+    function G(Q) {
+      return Q + 10 + R();
     }
-    function U(K) {
-      return K * 2 + A();
+    function U(Q) {
+      return Q * 2 + A();
     }
-    function q(K) {
-      return K * 2 + R();
+    function q(Q) {
+      return Q * 2 + R();
     }
-    function $(K, be, Ve) {
-      var Pe = _(K), Te = I(K), Ye = j(be), rt = G(Ve), Qe = U(be), Ae = q(Ve);
+    function $(Q, be, Ve) {
+      var Pe = _(Q), Te = I(Q), Ye = B(be), rt = G(Ve), Qe = U(be), Ae = q(Ve);
       Pe.scrollLeft = Ye, Pe.scrollTop = rt, Te.scrollLeft = Qe, Te.scrollTop = Ae;
     }
     function H() {
-      var K = o(b).container;
-      if (!K) {
-        K = document.createElement("div"), K.className = u, K.style.cssText = a(["visibility: hidden", "display: inline", "width: 0px", "height: 0px", "z-index: -1", "overflow: hidden", "margin: 0", "padding: 0"]), o(b).container = K, v(K), b.appendChild(K);
+      var Q = o(b).container;
+      if (!Q) {
+        Q = document.createElement("div"), Q.className = u, Q.style.cssText = a(["visibility: hidden", "display: inline", "width: 0px", "height: 0px", "z-index: -1", "overflow: hidden", "margin: 0", "padding: 0"]), o(b).container = Q, v(Q), b.appendChild(Q);
         var be = function() {
           o(b).onRendered && o(b).onRendered();
         };
-        m(K, "animationstart", be), o(b).onAnimationStart = be;
+        m(Q, "animationstart", be), o(b).onAnimationStart = be;
       }
-      return K;
+      return Q;
     }
     function de() {
-      function K() {
+      function Q() {
         var je = o(b).style;
         if (je.position === "static") {
           b.style.setProperty("position", "relative", k.important ? "important" : "");
@@ -19282,7 +19286,7 @@ var Cx = {
         E("Aborting because element has been uninstalled");
         return;
       }
-      K();
+      Q();
       var Ve = o(b).container;
       Ve || (Ve = H());
       var Pe = i.width, Te = i.height, Ye = a(["position: absolute", "flex: none", "overflow: hidden", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%", "left: 0px", "top: 0px"]), rt = a(["position: absolute", "flex: none", "overflow: hidden", "z-index: -1", "visibility: hidden"].concat(be(-(1 + Pe), -(1 + Te), -Te, -Pe))), Qe = a(["position: absolute", "flex: none", "overflow: scroll", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%"]), Ae = a(["position: absolute", "flex: none", "overflow: scroll", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%"]), et = a(["position: absolute", "left: 0", "top: 0"]), ut = a(["position: absolute", "width: 200%", "height: 200%"]), ot = document.createElement("div"), pe = document.createElement("div"), Ge = document.createElement("div"), Vt = document.createElement("div"), Fe = document.createElement("div"), qe = document.createElement("div");
@@ -19298,8 +19302,8 @@ var Cx = {
       m(Ge, "scroll", dt), m(Fe, "scroll", vt), o(b).onExpandScroll = dt, o(b).onShrinkScroll = vt;
     }
     function Ee() {
-      function K(Qe, Ae, et) {
-        var ut = te(Qe), ot = j(Ae), pe = G(et);
+      function Q(Qe, Ae, et) {
+        var ut = te(Qe), ot = B(Ae), pe = G(et);
         ut.style.setProperty("width", ot + "px", k.important ? "important" : ""), ut.style.setProperty("height", pe + "px", k.important ? "important" : "");
       }
       function be(Qe) {
@@ -19318,7 +19322,7 @@ var Cx = {
               var ot = b.offsetWidth, pe = b.offsetHeight;
               (ot !== Ae || pe !== et) && t.warn(r.get(b), "Scroll: Size changed before updating detector elements.");
             }
-            K(b, Ae, et);
+            Q(b, Ae, et);
           }
         }), n.add(1, function() {
           if (!o(b)) {
@@ -19381,21 +19385,21 @@ var Cx = {
       }
       o(b).onRendered = Te, o(b).onExpand = Ye, o(b).onShrink = Ye;
       var rt = o(b).style;
-      K(b, rt.width, rt.height);
+      Q(b, rt.width, rt.height);
     }
     function W() {
       if (E("finalizeDomMutation invoked."), !o(b)) {
         E("Aborting because element has been uninstalled");
         return;
       }
-      var K = o(b).style;
-      T(b, K.width, K.height), $(b, K.width, K.height);
+      var Q = o(b).style;
+      T(b, Q.width, Q.height), $(b, Q.width, Q.height);
     }
     function ne() {
       D(b);
     }
     function ye() {
-      E("Installing..."), F(), B(), n.add(0, Q), n.add(1, de), n.add(2, Ee), n.add(3, W), n.add(4, ne);
+      E("Installing..."), F(), j(), n.add(0, J), n.add(1, de), n.add(2, Ee), n.add(3, W), n.add(4, ne);
     }
     E("Making detectable..."), O(b) ? (E("Element is detached"), H(), E("Waiting until element is attached..."), o(b).onRendered = function() {
       E("Element is now attached"), ye();
@@ -19467,14 +19471,14 @@ var Ox = function(e) {
     throw new Error("Invalid strategy name: " + p);
   var g = {};
   function _(M, V, k) {
-    function b(B) {
-      var F = l.get(B);
-      eo(F, function(Q) {
-        Q(B);
+    function b(j) {
+      var F = l.get(j);
+      eo(F, function(J) {
+        J(j);
       });
     }
-    function D(B, F, Q) {
-      l.add(F, Q), B && Q(F);
+    function D(j, F, J) {
+      l.add(F, J), j && J(F);
     }
     if (k || (k = V, V = M, M = {}), !V)
       throw new Error("At least one element required.");
@@ -19488,23 +19492,23 @@ var Ox = function(e) {
       return r.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");
     var E = 0, O = Zt(M, "callOnAdd", u.callOnAdd), L = Zt(M, "onReady", function() {
     }), ee = Zt(M, "debug", u.debug);
-    eo(V, function(B) {
-      Wt.getState(B) || (Wt.initState(B), t.set(B));
-      var F = t.get(B);
-      if (ee && r.log("Attaching listener to element", F, B), !a.isDetectable(B)) {
-        if (ee && r.log(F, "Not detectable."), a.isBusy(B)) {
-          ee && r.log(F, "System busy making it detectable"), D(O, B, k), g[F] = g[F] || [], g[F].push(function() {
+    eo(V, function(j) {
+      Wt.getState(j) || (Wt.initState(j), t.set(j));
+      var F = t.get(j);
+      if (ee && r.log("Attaching listener to element", F, j), !a.isDetectable(j)) {
+        if (ee && r.log(F, "Not detectable."), a.isBusy(j)) {
+          ee && r.log(F, "System busy making it detectable"), D(O, j, k), g[F] = g[F] || [], g[F].push(function() {
             E++, E === V.length && L();
           });
           return;
         }
-        return ee && r.log(F, "Making detectable..."), a.markBusy(B, !0), c.makeDetectable({ debug: ee, important: v }, B, function(Q) {
-          if (ee && r.log(F, "onElementDetectable"), Wt.getState(Q)) {
-            a.markAsDetectable(Q), a.markBusy(Q, !1), c.addListener(Q, b), D(O, Q, k);
-            var T = Wt.getState(Q);
+        return ee && r.log(F, "Making detectable..."), a.markBusy(j, !0), c.makeDetectable({ debug: ee, important: v }, j, function(J) {
+          if (ee && r.log(F, "onElementDetectable"), Wt.getState(J)) {
+            a.markAsDetectable(J), a.markBusy(J, !1), c.addListener(J, b), D(O, J, k);
+            var T = Wt.getState(J);
             if (T && T.startSize) {
-              var te = Q.offsetWidth, A = Q.offsetHeight;
-              (T.startSize.width !== te || T.startSize.height !== A) && b(Q);
+              var te = J.offsetWidth, A = J.offsetHeight;
+              (T.startSize.width !== te || T.startSize.height !== A) && b(J);
             }
             g[F] && eo(g[F], function(R) {
               R();
@@ -19514,7 +19518,7 @@ var Ox = function(e) {
           delete g[F], E++, E === V.length && L();
         });
       }
-      ee && r.log(F, "Already detecable, adding listener."), D(O, B, k), E++;
+      ee && r.log(F, "Already detecable, adding listener."), D(O, j, k), E++;
     }), E === V.length && L();
   }
   function I(M) {
@@ -19749,11 +19753,11 @@ const jx = {
         return !0;
       let E = !1, O = 0;
       for (; O < b.length; ) {
-        const L = b[O], ee = Object.keys(L), B = D[O], F = Object.keys(B), Q = [.../* @__PURE__ */ new Set([...ee, ...F])];
+        const L = b[O], ee = Object.keys(L), j = D[O], F = Object.keys(j), J = [.../* @__PURE__ */ new Set([...ee, ...F])];
         let T = 0;
-        for (; T < Q.length; ) {
-          const te = Q[T];
-          if (L[te] !== B[te]) {
+        for (; T < J.length; ) {
+          const te = J[T];
+          if (L[te] !== j[te]) {
             E = !0;
             break;
           }
@@ -19786,33 +19790,33 @@ const jx = {
       return `${Jb(l.layout) * (o.rowHeight + D) + D}px`;
     }
     function _([b, D, E, O, L, ee] = []) {
-      let B = Es(l.layout, D);
-      if (B == null && (B = { x: 0, y: 0 }), b === "dragstart" && !o.verticalCompact && (l.positionsBeforeDrag = l.layout.reduce((F, { i: Q, x: T, y: te }) => ({
+      let j = Es(l.layout, D);
+      if (j == null && (j = { x: 0, y: 0 }), b === "dragstart" && !o.verticalCompact && (l.positionsBeforeDrag = l.layout.reduce((F, { i: J, x: T, y: te }) => ({
         ...F,
-        [Q]: { x: T, y: te }
-      }), {})), b === "dragmove" || b === "dragstart" ? (l.placeholder.x = B.x, l.placeholder.y = B.y, l.placeholder.w = ee, l.placeholder.h = L, l.isDragging = !0) : l.isDragging = !1, l.layout = ti(l.layout, B, E, O, !0, o.preventCollision), o.restoreOnDrag ? (B.static = !0, Qn(l.layout, o.verticalCompact, l.positionsBeforeDrag), B.static = !1) : Qn(l.layout, o.verticalCompact), v(), b === "dragend" && delete l.positionsBeforeDrag, c(o.layout, l.layout)) {
+        [J]: { x: T, y: te }
+      }), {})), b === "dragmove" || b === "dragstart" ? (l.placeholder.x = j.x, l.placeholder.y = j.y, l.placeholder.w = ee, l.placeholder.h = L, l.isDragging = !0) : l.isDragging = !1, l.layout = ti(l.layout, j, E, O, !0, o.preventCollision), o.restoreOnDrag ? (j.static = !0, Qn(l.layout, o.verticalCompact, l.positionsBeforeDrag), j.static = !1) : Qn(l.layout, o.verticalCompact), v(), b === "dragend" && delete l.positionsBeforeDrag, c(o.layout, l.layout)) {
         const F = fn(l.layout);
         r("layout-updated", F), r("update:layout", F);
       }
     }
     function I([b, D, E, O, L, ee] = []) {
-      let B = Es(l.layout, D);
-      B == null && (B = { h: 0, w: 0 });
+      let j = Es(l.layout, D);
+      j == null && (j = { h: 0, w: 0 });
       let F;
       if (o.preventCollision) {
-        const Q = ka(l.layout, { ...B, w: ee, h: L }).filter(
-          (T) => T.i !== B.i
+        const J = ka(l.layout, { ...j, w: ee, h: L }).filter(
+          (T) => T.i !== j.i
         );
-        if (F = Q.length > 0, F) {
+        if (F = J.length > 0, F) {
           let T = 1 / 0, te = 1 / 0;
-          Q.forEach((A) => {
-            A.x > B.x && (T = Math.min(T, A.x)), A.y > B.y && (te = Math.min(te, A.y));
-          }), Number.isFinite(T) && (B.w = T - B.x), Number.isFinite(te) && (B.h = te - B.y);
+          J.forEach((A) => {
+            A.x > j.x && (T = Math.min(T, A.x)), A.y > j.y && (te = Math.min(te, A.y));
+          }), Number.isFinite(T) && (j.w = T - j.x), Number.isFinite(te) && (j.h = te - j.y);
         }
       }
-      if (F || (B.w = ee, B.h = L), b === "resizestart" || b === "resizemove" ? (l.placeholder.x = E, l.placeholder.y = O, l.placeholder.w = B.w, l.placeholder.h = B.h, l.isDragging = !0) : l.isDragging = !1, o.responsive && x(), Qn(l.layout, o.verticalCompact), v(), c(o.layout, l.layout)) {
-        const Q = fn(l.layout);
-        r("layout-updated", Q), r("update:layout", Q);
+      if (F || (j.w = ee, j.h = L), b === "resizestart" || b === "resizemove" ? (l.placeholder.x = E, l.placeholder.y = O, l.placeholder.w = j.w, l.placeholder.h = j.h, l.isDragging = !0) : l.isDragging = !1, o.responsive && x(), Qn(l.layout, o.verticalCompact), v(), c(o.layout, l.layout)) {
+        const J = fn(l.layout);
+        r("layout-updated", J), r("update:layout", J);
       }
     }
     function x() {
@@ -20252,16 +20256,16 @@ const f1 = /* @__PURE__ */ Sn(d1, [["render", c1]]), p1 = { class: "grid w-full
     const E = (U) => {
       r.value = U;
     };
-    let O, L, ee, B;
-    const F = oe(!1), Q = (U) => {
+    let O, L, ee, j;
+    const F = oe(!1), J = (U) => {
       if (!s.value || U.target.closest(".vue-grid-item")) return;
       F.value = !0;
       const H = O.getBoundingClientRect(), de = O.scrollTop, Ee = O.scrollLeft;
-      ee = U.clientX - H.left + Ee, B = U.clientY - H.top + de, L.style.left = ee + "px", L.style.top = B + "px", L.style.width = "0px", L.style.height = "0px", L.style.opacity = "1";
+      ee = U.clientX - H.left + Ee, j = U.clientY - H.top + de, L.style.left = ee + "px", L.style.top = j + "px", L.style.width = "0px", L.style.height = "0px", L.style.opacity = "1";
     }, T = (U) => {
       if (!s.value || !F.value) return;
-      const q = O.getBoundingClientRect(), $ = O.scrollTop, H = O.scrollLeft, de = U.clientX - q.left + H, Ee = U.clientY - q.top + $, W = Math.min(ee, de), ne = Math.min(B, Ee), ye = Math.abs(ee - de), K = Math.abs(B - Ee);
-      L.style.left = W + "px", L.style.top = ne + "px", L.style.width = ye + "px", L.style.height = K + "px";
+      const q = O.getBoundingClientRect(), $ = O.scrollTop, H = O.scrollLeft, de = U.clientX - q.left + H, Ee = U.clientY - q.top + $, W = Math.min(ee, de), ne = Math.min(j, Ee), ye = Math.abs(ee - de), Q = Math.abs(j - Ee);
+      L.style.left = W + "px", L.style.top = ne + "px", L.style.width = ye + "px", L.style.height = Q + "px";
     }, te = () => {
       if (!s.value) return;
       F.value = !1, L.style.opacity = "0";
@@ -20281,10 +20285,10 @@ const f1 = /* @__PURE__ */ Sn(d1, [["render", c1]]), p1 = { class: "grid w-full
     }
     async function R(U) {
       s.value && U.key === "Backspace" && !A() && (i.value.length > 0 || r.value) && (U.preventDefault(), await t.confirm(`Are you sure you want to delete ${i.value.length > 1 ? "these " + i.value.length + " items" : "this item"}?`) && (i.value.length > 0 ? i.value.forEach(($) => {
-        j($);
-      }) : j(r.value.i)), i.value = [], r.value = null);
+        B($);
+      }) : B(r.value.i)), i.value = [], r.value = null);
     }
-    const j = (U) => {
+    const B = (U) => {
       n.layout.splice(n.layout.findIndex((q) => q.i === U), 1);
     }, G = (U) => Object.keys(U).includes("visibility") ? ![!0, "true", 1].includes(Xo(U.visibility.trim(), u == null ? void 0 : u.value)) : !1;
     return lt(() => {
@@ -20296,7 +20300,7 @@ const f1 = /* @__PURE__ */ Sn(d1, [["render", c1]]), p1 = { class: "grid w-full
       ref: l,
       id: "custom-module-wrapper",
       class: Ze(["relative block w-full overflow-auto bg-muted/80 border border-ring/50 dark:border-ring rounded-xl", { "select-none": h(o) || F.value }]),
-      onMousedown: Q
+      onMousedown: J
     }, [
       S("div", C1, [
         S("div", {
@@ -20440,7 +20444,7 @@ const f1 = /* @__PURE__ */ Sn(d1, [["render", c1]]), p1 = { class: "grid w-full
         name: $.label,
         type: "apiActionResponse",
         value: $.action ?? null
-      }))) || [], j = Object.entries(c.elementValues ?? {}).map(([$, H]) => ({
+      }))) || [], B = Object.entries(c.elementValues ?? {}).map(([$, H]) => ({
         name: $,
         type: "element",
         value: {
@@ -20451,10 +20455,10 @@ const f1 = /* @__PURE__ */ Sn(d1, [["render", c1]]), p1 = { class: "grid w-full
         type: "routeQueryParam",
         value: H ?? null
       })) || [];
-      return [...A, ...R, ...j, ...G].filter(($) => $.name);
+      return [...A, ...R, ...B, ...G].filter(($) => $.name);
     });
     function m(A) {
-      return A.replace(/-([a-z])/g, (R, j) => j.toUpperCase());
+      return A.replace(/-([a-z])/g, (R, B) => B.toUpperCase());
     }
     const g = ve(() => {
       const A = Object.fromEntries(
@@ -20469,11 +20473,11 @@ const f1 = /* @__PURE__ */ Sn(d1, [["render", c1]]), p1 = { class: "grid w-full
         value: I(R.expression, A)
       }));
     }), _ = ve(() => [...v.value, ...g.value]), I = (A, R) => x(A, R), x = (A, R = {}) => {
-      var j;
+      var B;
       try {
         const G = document.createElement("iframe");
         G.style.display = "none", document.body.appendChild(G);
-        const U = (j = G.contentWindow) == null ? void 0 : j.Function;
+        const U = (B = G.contentWindow) == null ? void 0 : B.Function;
         return document.body.removeChild(G), U == null ? void 0 : U(...Object.keys(R), "'use strict';" + A)(...Object.values(R));
       } catch (G) {
         return console.error("Sandbox error:", G), "";
@@ -20508,33 +20512,33 @@ const f1 = /* @__PURE__ */ Sn(d1, [["render", c1]]), p1 = { class: "grid w-full
         c[R] = p.value[R];
       });
     }
-    function B() {
+    function j() {
       var R;
       let A = JSON.parse(JSON.stringify(c));
-      (R = A.apiActions) == null || R.forEach((j) => {
-        j.action.response = null, j.firedAt = null, j.hasFired = !1;
+      (R = A.apiActions) == null || R.forEach((B) => {
+        B.action.response = null, B.firedAt = null, B.hasFired = !1;
       }), A.elementValues = {}, O("state", A), i.value = !1;
     }
     async function F() {
       var R;
       const A = await E("state");
-      A && ((R = Object.keys(A)) == null || R.forEach((j) => {
-        c[j] = A[j];
+      A && ((R = Object.keys(A)) == null || R.forEach((B) => {
+        c[B] = A[B];
       }));
     }
-    function Q() {
+    function J() {
       var A;
       (A = c.layout) == null || A.forEach((R) => {
         Object.keys(R).includes("defaultValue") && (c.elementValues[R.variableName] = R.defaultValue);
       });
     }
     const T = async () => {
-      await F(), Q(), console.log("accc", c.apiActions), te();
+      await F(), J(), console.log("accc", c.apiActions), te();
     }, te = () => {
       async function A(R) {
         console.log("loadAction", R);
-        const { fireAction: j } = Mo(R.action.integration);
-        let G = await j(R.action, _.value);
+        const { fireAction: B } = Mo(R.action.integration);
+        let G = await B(R.action, _.value);
         c.apiActions.find((U) => U.id === R.id).action.response = G;
       }
       c.apiActions.forEach((R) => {
@@ -20544,11 +20548,11 @@ const f1 = /* @__PURE__ */ Sn(d1, [["render", c1]]), p1 = { class: "grid w-full
     return lt(() => {
       T();
     }), (A, R) => {
-      const j = y("Button");
+      const B = y("Button");
       return w(), P("div", $1, [
         h(n) ? (w(), P("div", I1, [
           i.value ? (w(), P("div", R1, [
-            d(j, {
+            d(B, {
               variant: "outline",
               onClick: ee
             }, {
@@ -20558,14 +20562,14 @@ const f1 = /* @__PURE__ */ Sn(d1, [["render", c1]]), p1 = { class: "grid w-full
               _: 1,
               __: [2]
             }),
-            d(j, { onClick: B }, {
+            d(B, { onClick: j }, {
               default: f(() => R[3] || (R[3] = [
                 C("Save")
               ])),
               _: 1,
               __: [3]
             })
-          ])) : (w(), Z(j, {
+          ])) : (w(), Z(B, {
             key: 0,
             onClick: L
           }, {