@aeria-ui/ui 0.0.205 → 0.0.207

package/dist/{index-CVB9yudm.js → index-BQDMBiX5.js}

@@ -1,4 +1,4 @@
-import { defineComponent as M, ref as X, resolveDirective as ee, createElementBlock as s, openBlock as n, normalizeClass as H, Fragment as Y, renderList as z, withDirectives as K, createCommentVNode as h, createTextVNode as U, toDisplayString as V, unref as t, renderSlot as C, withModifiers as Ie, inject as re, computed as G, createElementVNode as O, mergeProps as x, createBlock as $, withCtx as y, resolveDynamicComponent as pe, useCssVars as Ne, normalizeProps as oe, guardReactiveProps as be, Teleport as Fe, createVNode as L, onMounted as Ue, watch as ae, vModelDynamic as et, onBeforeMount as Xe, normalizeStyle as ve, provide as fe, createSlots as ie, vModelCheckbox as tt, onUnmounted as nt, resolveComponent as at, Suspense as ot, useSlots as lt, h as it } from "vue";
+import { defineComponent as M, ref as K, resolveDirective as ee, createElementBlock as s, openBlock as n, normalizeClass as U, Fragment as W, renderList as z, withDirectives as Y, createCommentVNode as h, createTextVNode as D, toDisplayString as V, unref as t, renderSlot as C, withModifiers as Ie, inject as re, computed as G, createElementVNode as O, mergeProps as x, createBlock as $, withCtx as y, resolveDynamicComponent as pe, useCssVars as Ne, normalizeProps as oe, guardReactiveProps as be, Teleport as Fe, createVNode as L, onMounted as Ue, watch as ae, vModelDynamic as et, onBeforeMount as Xe, normalizeStyle as ve, provide as fe, createSlots as ie, vModelCheckbox as tt, onUnmounted as nt, resolveComponent as at, Suspense as ot, useSlots as lt, h as it } from "vue";
 import { t as R, useI18n as st } from "@aeria-ui/i18n";
 import { INSTANCE_VARS_SYMBOL as rt, useScrollObserver as He, useBreakpoints as Se, useMask as ut, PAGINATION_PER_PAGE_DEFAULTS as ct, API_URL as Je, request as dt, useDebounce as Ze, convertToSearchQuery as mt, useParentCollectionStore as Ae, useCollectionStore as pt, useAction as ft, convertFromSearchQuery as vt, usePasswordPolicy as yt } from "@aeria-ui/core";
 import { arraysIntersect as Ee, deepClone as ke, getReferenceProperty as se, convertConditionToQuery as ht, freshItem as bt, isRequired as je, evaluateCondition as qe, deepMerge as Be } from "@aeriajs/common";
@@ -17,25 +17,25 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     headers: {}
   },
   setup(e) {
-    const u = X(null), o = (a) => typeof a == "string" ? a : a.title;
+    const u = K(null), o = (a) => typeof a == "string" ? a : a.title;
     return (a, l) => {
       const c = ee("clickable");
       return n(), s("div", {
-        class: H({
+        class: U({
           accordion: !0,
           "accordion--padded": !e.noPadding
         })
       }, [
-        (n(!0), s(Y, null, z(Object.keys(a.$slots).filter((r) => r !== "default"), (r, p) => (n(), s("div", {
+        (n(!0), s(W, null, z(Object.keys(a.$slots).filter((r) => r !== "default"), (r, p) => (n(), s("div", {
           key: r,
           class: "accordion__slot"
         }, [
-          K((n(), s("div", {
+          Y((n(), s("div", {
             class: "accordion__header",
             onClick: (d) => u.value === r ? u.value = null : u.value = r
           }, [
             e.enumerate ? (n(), s("span", kt, V(p + 1) + ". ", 1)) : h("", !0),
-            U(" " + V(e.headers[r] ? o(e.headers[r]) : t(R)(r)), 1)
+            D(" " + V(e.headers[r] ? o(e.headers[r]) : t(R)(r)), 1)
           ], 8, gt)), [
             [c]
           ]),
@@ -59,7 +59,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
   },
   setup(e) {
     return (u, o) => (n(), s("div", {
-      class: H([
+      class: U([
         "badge",
         { "badge--large": e.large },
         { "badge--alt": e.alt }
@@ -81,7 +81,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     };
     return (c, r) => e.dummy ? (n(), s("button", {
       key: 0,
-      class: H([
+      class: U([
         "barebutton",
         `barebutton--${e.disabled ? "disabled" : "enabled"}`
       ])
@@ -89,7 +89,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       C(c.$slots, "default", {}, void 0, !0)
     ], 2)) : (n(), s("button", {
       key: 1,
-      class: H([
+      class: U([
         "barebutton",
         `barebutton--${e.disabled ? "disabled" : "enabled"}`
       ]),
@@ -114,7 +114,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
   setup(e) {
     const u = e, o = re(rt, {}), a = typeof u.reactive == "boolean" ? u.reactive : re("iconReactive", !1), l = G(() => u.icon?.includes(":") ? u.icon : `regular:${u.icon}`);
     return (c, r) => (n(), s("a", {
-      class: H([
+      class: U([
         "icon",
         { "icon--reactive": t(a) },
         { "icon--active": e.active },
@@ -122,7 +122,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       ])
     }, [
       O("div", {
-        class: H([
+        class: U([
           "icon__icon",
           { "icon__icon--right": e.iconRight }
         ])
@@ -145,7 +145,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       ])) : h("", !0)
     ], 2));
   }
-}), D = /* @__PURE__ */ E(St, [["__scopeId", "data-v-263a2782"]]), wt = {
+}), H = /* @__PURE__ */ E(St, [["__scopeId", "data-v-263a2782"]]), wt = {
   key: 1,
   class: "button__content"
 }, Tt = /* @__PURE__ */ M({
@@ -171,7 +171,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       return re("buttonSize", u.size) || "medium";
     })();
     return (l, c) => (n(), $(de, {
-      class: H([
+      class: U([
         "button",
         `button--${t(o)}`,
         `button--${t(a)}`,
@@ -181,7 +181,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       disabled: e.disabled || e.loading
     }, {
       default: y(() => [
-        e.icon ? (n(), $(D, {
+        e.icon ? (n(), $(H, {
           key: 0,
           icon: e.icon,
           class: "button__content"
@@ -205,7 +205,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
   },
   setup(e) {
     return (u, o) => (n(), s("div", {
-      class: H([
+      class: U([
         "card",
         { "card--inactive": e.inactive },
         { "card--horizontal": e.horizontal }
@@ -258,18 +258,18 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
   },
   emits: ["update:modelValue", "update:collapsed", "update:closeHint", "overlayClick", "close"],
   setup(e, { emit: u }) {
-    const o = e, a = u, l = X(o.collapsed), c = X(null), { reachedEnd: r } = He(c), p = () => {
+    const o = e, a = u, l = K(o.collapsed), c = K(null), { reachedEnd: r } = He(c), p = () => {
       a("update:modelValue", !1), a("close");
     }, d = () => {
       a("overlayClick");
-    }, v = (m) => {
+    }, f = (m) => {
       a("update:collapsed", m), l.value = m;
     };
     return (m, b) => {
       const _ = ee("clickable"), g = ee("loading"), i = ee("overlay");
-      return e.modelValue ? K((n(), s("div", {
+      return e.modelValue ? Y((n(), s("div", {
         key: 0,
-        class: H([
+        class: U([
           "panel",
           { "panel--fixed": e.fixedRight }
         ])
@@ -278,7 +278,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           e.float || e.fixedRight ? "dialog" : "div"
         ), {
           "data-component": "panel",
-          class: H([
+          class: U([
             "aeria-surface",
             "panel__content",
             { "panel__content--float": e.float },
@@ -293,7 +293,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           default: y(() => [
             m.$slots.header || e.title ? (n(), s("div", {
               key: 0,
-              class: H([
+              class: U([
                 "panel__header",
                 { "panel__header--collapsed": l.value },
                 { "panel__header--outer": e.outerHeader }
@@ -305,21 +305,21 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   C(m.$slots, "extra", {}, void 0, !0)
                 ])) : h("", !0)
               ]),
-              e.collapsible && l.value ? K((n(), $(D, {
+              e.collapsible && l.value ? Y((n(), $(H, {
                 key: 0,
                 reactive: "",
                 icon: "plus",
-                onClick: b[0] || (b[0] = (T) => v(!l.value))
+                onClick: b[0] || (b[0] = (T) => f(!l.value))
               }, null, 512)), [
                 [_]
-              ]) : e.collapsible && !l.value ? K((n(), $(D, {
+              ]) : e.collapsible && !l.value ? Y((n(), $(H, {
                 key: 1,
                 reactive: "",
                 icon: "minus",
-                onClick: b[1] || (b[1] = (T) => v(!l.value))
+                onClick: b[1] || (b[1] = (T) => f(!l.value))
               }, null, 512)), [
                 [_]
-              ]) : e.closeHint ? K((n(), $(D, {
+              ]) : e.closeHint ? Y((n(), $(H, {
                 key: 2,
                 reactive: "",
                 icon: "x",
@@ -328,12 +328,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 [_]
               ]) : h("", !0)
             ], 2)) : h("", !0),
-            l.value ? h("", !0) : K((n(), s("div", {
+            l.value ? h("", !0) : Y((n(), s("div", {
               key: 1,
               ref_key: "body",
               ref: c,
               tabindex: "0",
-              class: H([
+              class: U([
                 "panel__body",
                 { "panel__body--padded": !e.fill }
               ])
@@ -344,7 +344,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             ]),
             m.$slots.footer ? (n(), s("div", {
               key: 2,
-              class: H([
+              class: U([
                 "panel__footer",
                 { "panel__footer--padded": !e.fillFooter },
                 { "panel__footer--shadowed": !t(r) }
@@ -381,14 +381,14 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       v4078ef85: p.value.x,
       v4078ef86: p.value.y
     }));
-    const o = u, a = X(null), l = X(!1), c = (d) => d?.filter((v) => {
-      if (v.roles) {
+    const o = u, a = K(null), l = K(!1), c = (d) => d?.filter((f) => {
+      if (f.roles) {
         const m = ne("user");
-        return Ee(v.roles, m.currentUser.roles);
+        return Ee(f.roles, m.currentUser.roles);
       }
       return !0;
-    }), r = (d, v) => {
-      const m = v && ke(v);
+    }), r = (d, f) => {
+      const m = f && ke(f);
       d.click && d.click(m), o("actionClick", {
         action: d,
         subject: m
@@ -399,16 +399,16 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           x: 0,
           y: 0
         };
-      const d = a.value.getBoundingClientRect().top, v = a.value.getBoundingClientRect().left, m = a.value.offsetHeight;
+      const d = a.value.getBoundingClientRect().top, f = a.value.getBoundingClientRect().left, m = a.value.offsetHeight;
       return {
         _: l.value,
-        x: Math.floor(v) + "px",
+        x: Math.floor(f) + "px",
         y: Math.floor(d + m) + "px"
       };
     });
-    return (d, v) => {
+    return (d, f) => {
       const m = ee("overlay");
-      return n(), s(Y, null, [
+      return n(), s(W, null, [
         Object.keys(d.$slots).some((b) => b !== "default") || e.actions !== void 0 && e.actions.length > 0 ? (n(), s("div", {
           key: 0,
           ref_key: "contextmenu",
@@ -417,7 +417,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         }, [
           O("a", {
             class: "contextmenu__trigger",
-            onClick: v[0] || (v[0] = (b) => l.value = !0)
+            onClick: f[0] || (f[0] = (b) => l.value = !0)
           }, [
             C(d.$slots, "default", oe(be({
               visible: l.value
@@ -428,9 +428,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           key: 1,
           to: "main"
         }, [
-          K((n(), $(Oe, {
+          Y((n(), $(Oe, {
             modelValue: l.value,
-            "onUpdate:modelValue": v[4] || (v[4] = (b) => l.value = b),
+            "onUpdate:modelValue": f[4] || (f[4] = (b) => l.value = b),
             fill: "",
             bordered: "",
             class: "content",
@@ -444,9 +444,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 Object.keys(d.$slots).filter((b) => !["default", "extra", "header"].includes(b)).length > 0 ? (n(), s("div", {
                   key: 1,
                   class: "content__section",
-                  onClick: v[1] || (v[1] = (b) => l.value = !1)
+                  onClick: f[1] || (f[1] = (b) => l.value = !1)
                 }, [
-                  (n(!0), s(Y, null, z(Object.keys(d.$slots).filter((b) => !["default", "extra", "header"].includes(b)), (b, _) => (n(), $(de, {
+                  (n(!0), s(W, null, z(Object.keys(d.$slots).filter((b) => !["default", "extra", "header"].includes(b)), (b, _) => (n(), $(de, {
                     key: `slot-${_}`,
                     class: "content__item content__item--reactive"
                   }, {
@@ -459,19 +459,19 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 e.actions !== void 0 && e.actions.length > 0 ? (n(), s("div", {
                   key: 2,
                   class: "content__section",
-                  onClick: v[2] || (v[2] = (b) => l.value = !1)
+                  onClick: f[2] || (f[2] = (b) => l.value = !1)
                 }, [
-                  (n(!0), s(Y, null, z(c(e.actions), (b, _) => (n(), $(de, {
+                  (n(!0), s(W, null, z(c(e.actions), (b, _) => (n(), $(de, {
                     key: `action-${_}`,
                     class: "content__item content__item--reactive",
                     onClick: (g) => r(b, e.subject)
                   }, {
                     default: y(() => [
-                      L(D, {
+                      L(H, {
                         icon: b.icon || "gear"
                       }, {
                         default: y(() => [
-                          U(V(b.translate ? t(R)(b.label, { capitalize: !0 }) : b.label), 1)
+                          D(V(b.translate ? t(R)(b.label, { capitalize: !0 }) : b.label), 1)
                         ]),
                         _: 2
                       }, 1032, ["icon"])
@@ -482,7 +482,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 d.$slots.extra ? (n(), s("div", {
                   key: 3,
                   class: "content__section",
-                  onClick: v[3] || (v[3] = (b) => l.value = !1)
+                  onClick: f[3] || (f[3] = (b) => l.value = !1)
                 }, [
                   O("div", Gt, [
                     d.$slots.extra ? C(d.$slots, "extra", { key: 0 }, void 0, !0) : h("", !0)
@@ -514,7 +514,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     where: { default: "top" }
   },
   setup(e) {
-    const u = Se(), o = X(!1);
+    const u = Se(), o = K(!1);
     return (a, l) => t(u).md ? (n(), s("div", {
       key: 0,
       class: "info",
@@ -522,7 +522,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     }, [
       o.value ? (n(), s("div", {
         key: 0,
-        class: H([
+        class: U([
           "info__bubble",
           `info__bubble--${e.where}`
         ])
@@ -561,8 +561,8 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
   },
   emits: ["update:modelValue", "input", "change", "clipboardCopy"],
   setup(e, { emit: u }) {
-    const o = e, a = u, l = o.property || {}, c = l.icon || "inputType" in l && l.inputType === "search", r = re("searchOnly", !1), p = re("innerInputLabel", !1), d = !r && (o.readOnly || l.readOnly), v = X(!1), m = async (w) => {
-      await navigator.clipboard.writeText(w), a("clipboardCopy", w), v.value = !0;
+    const o = e, a = u, l = o.property || {}, c = l.icon || "inputType" in l && l.inputType === "search", r = re("searchOnly", !1), p = re("innerInputLabel", !1), d = !r && (o.readOnly || l.readOnly), f = K(!1), m = async (w) => {
+      await navigator.clipboard.writeText(w), a("clipboardCopy", w), f.value = !0;
     }, b = re("inputVariant", o.variant) || "normal", _ = Object.assign(Object.assign({}, o), {
       name: o.propertyName,
       readonly: d,
@@ -605,7 +605,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         default:
           throw new Error();
       }
-    }, i = X(""), T = o.property?.type === "string" && o.property.mask ? ut(o.property.mask) : null;
+    }, i = K(""), T = o.property?.type === "string" && o.property.mask ? ut(o.property.mask) : null;
     ae(() => o.modelValue, (w) => {
       i.value = (() => {
         if (T)
@@ -661,17 +661,17 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         ])) : h("", !0),
         "element" in t(l) && t(l).element === "textarea" ? (n(), s("div", {
           key: 2,
-          class: H([
+          class: U([
             "input__container",
             "input__container--textarea",
             `input__container--${t(b)}`
           ])
         }, [
-          K(O("textarea", {
+          Y(O("textarea", {
             placeholder: t(_).placeholder,
             readonly: t(_).readonly,
             value: e.modelValue,
-            class: H([
+            class: U([
               "input__textarea",
               `input__input--${t(b)}`
             ]),
@@ -681,12 +681,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           ])
         ], 2)) : (n(), s("div", {
           key: 3,
-          class: H([
+          class: U([
             "input__container",
             `input__container--${t(b)}`
           ])
         }, [
-          K(O("input", x(t(_), {
+          Y(O("input", x(t(_), {
             value: i.value,
             "data-component": "input",
             class: [
@@ -700,10 +700,10 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           }), null, 16, en), [
             [N, t(l).focus]
           ]),
-          t(c) ? (n(), $(D, {
+          t(c) ? (n(), $(H, {
             key: 0,
             icon: t(l).icon || "magnifying-glass",
-            class: H([
+            class: U([
               "input__icon",
               `input__icon--${t(b)}`
             ])
@@ -711,14 +711,14 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           t(d) ? (n(), s("div", tn, [
             L(Xt, null, {
               text: y(() => [...J[2] || (J[2] = [
-                U("Copiar", -1)
+                D("Copiar", -1)
               ])]),
               default: y(() => [
-                v.value ? (n(), $(D, {
+                f.value ? (n(), $(H, {
                   key: 0,
                   reactive: "",
                   icon: "check"
-                })) : K((n(), $(D, {
+                })) : Y((n(), $(H, {
                   key: 1,
                   reactive: "",
                   icon: "clipboard",
@@ -753,11 +753,11 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: u }) {
-    const o = e, a = u, l = X(null), c = o.property, r = (m) => {
+    const o = e, a = u, l = K(null), c = o.property, r = (m) => {
       a("update:modelValue", m), a("change", m);
     }, p = (m) => {
       m === "" || m === null ? r(null) : o.booleanRef ? r(m === "true") : r(m);
-    }, d = (m) => Array.isArray(o.modelValue) ? o.modelValue.includes(m) : o.modelValue === m, v = G(() => o.multiple ? typeof o.multiple == "number" ? o.multiple : 5 : 1);
+    }, d = (m) => Array.isArray(o.modelValue) ? o.modelValue.includes(m) : o.modelValue === m, f = G(() => o.multiple ? typeof o.multiple == "number" ? o.multiple : 5 : 1);
     return ae(l, (m) => {
       if (m && o.required && !o.modelValue) {
         const b = m.querySelector("option")?.value;
@@ -773,24 +773,24 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       "read-only": "",
       "model-value": e.modelValue
     }, null, 8, ["model-value"])) : (n(), s("select", x({ key: 0 }, {
-      size: v.value,
+      size: f.value,
       value: e.modelValue
     }, {
       ref_key: "select",
       ref: l,
       class: {
         select: !0,
-        "select--multiple": !!v.value,
+        "select--multiple": !!f.value,
         "select--outline": !e.noOutline
       },
       onChange: b[0] || (b[0] = (_) => p(_.target.value))
     }), [
-      t(c) && t(c).icon ? (n(), $(D, {
+      t(c) && t(c).icon ? (n(), $(H, {
         key: 0,
         icon: t(c).icon
       }, null, 8, ["icon"])) : h("", !0),
       !o.multiple && !e.required ? (n(), s("option", an, V(t(R)("none")), 1)) : h("", !0),
-      (n(!0), s(Y, null, z(t(c) && "enum" in t(c) ? t(c).enum : [], (_) => (n(), s("option", {
+      (n(!0), s(W, null, z(t(c) && "enum" in t(c) ? t(c).enum : [], (_) => (n(), s("option", {
         key: String(_),
         value: _,
         "data-selected": d(_)
@@ -819,7 +819,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       set: (d) => {
         o.pagination.limit = Number(d);
       }
-    }), r = X(l.value ? l.value + 1 : 1), p = G(() => Math.ceil(o.pagination.recordsTotal / o.pagination.limit));
+    }), r = K(l.value ? l.value + 1 : 1), p = G(() => Math.ceil(o.pagination.recordsTotal / o.pagination.limit));
     return ae([
       l,
       c
@@ -828,47 +828,47 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         offset: l.value * c.value,
         limit: c.value
       });
-    }), (d, v) => (n(), s("div", sn, [
+    }), (d, f) => (n(), s("div", sn, [
       O("div", rn, [
         L(de, {
           disabled: l.value === 0,
-          onClick: v[0] || (v[0] = (m) => l.value = 0)
+          onClick: f[0] || (f[0] = (m) => l.value = 0)
         }, {
           default: y(() => [
-            L(D, { icon: "caret-double-left" })
+            L(H, { icon: "caret-double-left" })
           ]),
           _: 1
         }, 8, ["disabled"]),
         L(de, {
           disabled: l.value === 0,
-          onClick: v[1] || (v[1] = (m) => l.value -= 1)
+          onClick: f[1] || (f[1] = (m) => l.value -= 1)
         }, {
           default: y(() => [
-            L(D, { icon: "caret-left" })
+            L(H, { icon: "caret-left" })
           ]),
           _: 1
         }, 8, ["disabled"]),
         L(de, {
           disabled: l.value === p.value - 1,
-          onClick: v[2] || (v[2] = (m) => l.value += 1)
+          onClick: f[2] || (f[2] = (m) => l.value += 1)
         }, {
           default: y(() => [
-            L(D, { icon: "caret-right" })
+            L(H, { icon: "caret-right" })
           ]),
           _: 1
         }, 8, ["disabled"]),
         L(de, {
           disabled: l.value === p.value - 1,
-          onClick: v[3] || (v[3] = (m) => l.value = p.value - 1)
+          onClick: f[3] || (f[3] = (m) => l.value = p.value - 1)
         }, {
           default: y(() => [
-            L(D, { icon: "caret-double-right" })
+            L(H, { icon: "caret-double-right" })
           ]),
           _: 1
         }, 8, ["disabled"]),
         L(Qe, {
           modelValue: c.value,
-          "onUpdate:modelValue": v[4] || (v[4] = (m) => c.value = m),
+          "onUpdate:modelValue": f[4] || (f[4] = (m) => c.value = m),
           property: {
             enum: [],
             icon: "list"
@@ -876,7 +876,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           class: "pagination__control"
         }, {
           default: y(() => [
-            (n(!0), s(Y, null, z(t(ct), (m) => (n(), s("option", {
+            (n(!0), s(W, null, z(t(ct), (m) => (n(), s("option", {
               key: `limit-${m}`,
               value: m
             }, V(m), 9, un))), 128))
@@ -885,17 +885,17 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         }, 8, ["modelValue"])
       ]),
       e.noSummary ? h("", !0) : (n(), s("div", cn, [
-        U(V(t(R)("Page")) + " ", 1),
+        D(V(t(R)("Page")) + " ", 1),
         (n(), $(_e, {
           key: l.value,
           modelValue: r.value,
-          "onUpdate:modelValue": v[5] || (v[5] = (m) => r.value = m),
+          "onUpdate:modelValue": f[5] || (f[5] = (m) => r.value = m),
           property: {
             type: "number",
             minimum: 1
           },
           style: { height: "100%" },
-          onChange: v[6] || (v[6] = (m) => {
+          onChange: f[6] || (f[6] = (m) => {
             l.value = r.value === 0 ? 0 : r.value - 1;
           })
         }, null, 8, ["modelValue"])),
@@ -958,18 +958,18 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           r("update:modelValue", o.value);
         }
       }
-    }), v = (m) => {
+    }), f = (m) => {
       l && m.preventDefault();
     };
     return (m, b) => {
       const _ = ee("clickable");
-      return K((n(), s("label", {
-        class: H([
+      return Y((n(), s("label", {
+        class: U([
           "checkbox",
           { "checkbox--readOnly": t(l) }
         ])
       }, [
-        K(O("input", x({
+        Y(O("input", x({
           "onUpdate:modelValue": b[0] || (b[0] = (g) => d.value = g)
         }, {
           type: t(c),
@@ -977,7 +977,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           checked: d.value
         }, {
           class: "checkbox__input",
-          onClick: v
+          onClick: f
         }), null, 16), [
           [et, d.value]
         ]),
@@ -1032,12 +1032,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         "grid-template-columns": "repeat(var(--columns), 1fr)"
       })
     }, [
-      (n(!0), s(Y, null, z(t(c), (v) => (n(), s("div", {
-        key: `option-${v}`,
+      (n(!0), s(W, null, z(t(c), (f) => (n(), s("div", {
+        key: `option-${f}`,
         class: "options__checkbox"
       }, [
         L(_n, x({ ref_for: !0 }, {
-          value: v,
+          value: f,
           readOnly: t(l),
           property: e.property
         }, {
@@ -1067,10 +1067,10 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       c || (a("change", !o.modelValue), a("update:modelValue", !o.modelValue));
     };
     return (p, d) => {
-      const v = ee("clickable");
+      const f = ee("clickable");
       return n(), s("div", Vn, [
-        K((n(), s("a", {
-          class: H([
+        Y((n(), s("a", {
+          class: U([
             "switch",
             { "switch--active": e.modelValue },
             { "switch--readOnly": t(c) }
@@ -1079,13 +1079,13 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         }, [
           d[0] || (d[0] = O("div", { class: "switch__slider" }, null, -1)),
           O("div", {
-            class: H([
+            class: U([
               "switch__dummy",
               { "switch__dummy--flex": !e.modelValue }
             ])
           }, null, 2)
         ], 2)), [
-          [v, {
+          [f, {
             blocked: t(c)
           }]
         ]),
@@ -1111,7 +1111,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     height: { default: "100%" }
   },
   setup(e) {
-    const u = e, o = G(() => u.fileId ? `${Je}/file/${u.fileId}/picture` : u.url || u.modelValue), a = X(!1);
+    const u = e, o = G(() => u.fileId ? `${Je}/file/${u.fileId}/picture` : u.url || u.modelValue), a = K(!1);
     return (l, c) => {
       const r = ee("overlay");
       return n(), s("figure", Bn, [
@@ -1119,7 +1119,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           key: 0,
           to: "main"
         }, [
-          K((n(), s("div", Sn, [
+          Y((n(), s("div", Sn, [
             O("img", {
               src: o.value,
               alt: e.alt,
@@ -1142,7 +1142,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         o.value ? (n(), s("img", {
           key: 1,
           src: o.value,
-          class: H([
+          class: U([
             "picture__image",
             { "picture__image--bordered": e.bordered },
             { "picture__image--expandable": e.expandable }
@@ -1157,7 +1157,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           })
         }, null, 14, jn)) : l.$slots.fallback ? C(l.$slots, "fallback", { key: 2 }, void 0, !0) : l.$slots.default ? C(l.$slots, "default", { key: 3 }, void 0, !0) : (n(), s("svg", {
           key: 4,
-          class: H(["picture__background", [
+          class: U(["picture__background", [
             { "picture__image--bordered": e.bordered }
           ]]),
           xmlns: "http://www.w3.org/2000/svg",
@@ -1221,7 +1221,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         class: "item__picture"
       }, null, 8, ["alt", "url"])) : h("", !0),
       O("div", xn, [
-        "_id" in t(o) ? (n(), $(D, {
+        "_id" in t(o) ? (n(), $(H, {
           key: 0,
           icon: "arrow-square-out",
           href: t(o).link,
@@ -1229,7 +1229,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           class: "item__name item__name--link"
         }, {
           default: y(() => [
-            U(V(t(o).name), 1)
+            D(V(t(o).name), 1)
           ]),
           _: 1
         }, 8, ["href"])) : (n(), s("div", Mn, V(t(o).name), 1)),
@@ -1262,7 +1262,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     const o = e, a = o.property && se(o.property), l = u, r = we() ? xe() : null, p = o.multiple || o.property && "type" in o.property && o.property.type === "array", d = G(() => {
       if (o.modelValue)
         return Array.isArray(o.modelValue) ? o.modelValue : [o.modelValue];
-    }), v = (_) => new Promise((g) => {
+    }), f = (_) => new Promise((g) => {
       const i = new FileReader();
       i.onload = () => g(i.result), i.readAsArrayBuffer(_);
     }), m = async (_) => {
@@ -1271,7 +1271,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         return;
       const i = [];
       for (const T of g) {
-        const k = await v(T);
+        const k = await f(T);
         if (r) {
           const { data: { error: F, result: I } } = await dt(`${Je}/${r.$id}/upload?name=${T.name}`, k, {
             params: {
@@ -1312,12 +1312,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           onChange: m
         }, null, 40, Hn)),
         d.value && d.value.length > 0 ? (n(), s("div", Dn, [
-          (n(!0), s(Y, null, z(d.value, (T, k) => (n(), $(Fn, {
+          (n(!0), s(W, null, z(d.value, (T, k) => (n(), $(Fn, {
             key: "_id" in T ? String(T._id) : T.file.name,
             "model-value": T
           }, {
             default: y(() => [
-              e.readOnly ? h("", !0) : K((n(), $(D, {
+              e.readOnly ? h("", !0) : Y((n(), $(H, {
                 key: 0,
                 reactive: "",
                 icon: "trash",
@@ -1342,7 +1342,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
   },
   emits: ["endReached"],
   setup(e, { emit: u }) {
-    const o = e, a = u, l = X(null), c = o.observeScroll ? He(l, {
+    const o = e, a = u, l = K(null), c = o.observeScroll ? He(l, {
       antecipate: 100
     }).reachedEnd : null;
     return c !== null && ae(c, (r) => {
@@ -1380,7 +1380,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       const b = (g) => g.filter((i) => !!i._id);
       let _;
       "items" in c ? a.modelValue ? _ = b(Array.isArray(a.modelValue) ? a.modelValue : [a.modelValue]) : _ = [] : _ = a.modelValue, Array.isArray(_) ? l("update:modelValue", _.concat([a.item])) : l("update:modelValue", a.item), l("change", a.item);
-    }, v = async (b) => {
+    }, f = async (b) => {
       r.purge && b?.purge;
       const _ = () => {
         const g = Array.isArray(a.modelValue) ? Array.from(a.modelValue) : [], i = g.findIndex((T) => T._id === a.item._id);
@@ -1394,12 +1394,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         });
         return;
       }
-      return p.value ? v() : d();
+      return p.value ? f() : d();
     };
     return (b, _) => {
       const g = ee("clickable");
-      return K((n(), s("div", {
-        class: H({
+      return Y((n(), s("div", {
+        class: U({
           item: !0,
           "item--selected": p.value
         }),
@@ -1407,12 +1407,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       }, [
         C(b.$slots, "default", {}, void 0, !0),
         O("div", Xn, [
-          (n(!0), s(Y, null, z(e.indexes, (i, T) => (n(), s("div", {
+          (n(!0), s(W, null, z(e.indexes, (i, T) => (n(), s("div", {
             key: `index-${e.item._id}-${T}`,
             class: "item__value"
           }, V(e.item[i]), 1))), 128))
         ]),
-        e.readOnly ? (n(), $(D, {
+        e.readOnly ? (n(), $(H, {
           key: 0,
           icon: "arrow-square-out",
           style: { "--icon-color": "var(--theme-brand-color-contrast)" }
@@ -1440,16 +1440,16 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
   },
   emits: ["update:modelValue", "change", "update:panel"],
   setup(e, { emit: u }) {
-    const o = e, a = ne("meta"), l = se(o.property), c = o.panel !== void 0 ? G(() => o.panel) : X(!1), r = u, p = ne(se(o.property).$ref), d = we(), v = d ? xe() : null, m = l.indexes;
+    const o = e, a = ne("meta"), l = se(o.property), c = o.panel !== void 0 ? G(() => o.panel) : K(!1), r = u, p = ne(se(o.property).$ref), d = we(), f = d ? xe() : null, m = l.indexes;
     fe(Te, se(o.property).$ref), fe("innerInputLabel", !0), fe("omitInputLabels", !0);
-    const b = X(o.modelValue), _ = X({
+    const b = K(o.modelValue), _ = K({
       data: [],
       pagination: {}
-    }), g = G(() => _.value.data), i = G(() => _.value.pagination), T = X(0), k = X(!1), F = X(""), I = () => {
+    }), g = G(() => _.value.data), i = G(() => _.value.pagination), T = K(0), k = K(!1), F = K(""), I = () => {
       const Z = {};
       if (d) {
         const P = t(d);
-        Z[P] = v;
+        Z[P] = f;
       }
       return l.constraints ? ht(l.constraints, Z) : {};
     }, w = () => {
@@ -1502,7 +1502,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       me(), r("update:modelValue", b.value);
     };
     return (Z, P) => {
-      const f = ee("clickable");
+      const v = ee("clickable");
       return n(), s("div", null, [
         t(c) ? (n(), $(Fe, {
           key: 0,
@@ -1524,7 +1524,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 onClick: j
               }, {
                 default: y(() => [
-                  U(V(t(R)("action.save", { capitalize: !0 })), 1)
+                  D(V(t(R)("action.save", { capitalize: !0 })), 1)
                 ]),
                 _: 1
               })
@@ -1547,14 +1547,14 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   onEndReached: w
                 }, {
                   default: y(() => [
-                    (n(!0), s(Y, null, z(g.value, (B) => (n(), $(ze, x({ ref_for: !0 }, {
+                    (n(!0), s(W, null, z(g.value, (B) => (n(), $(ze, x({ ref_for: !0 }, {
                       item: B,
                       indexes: t(m),
                       property: e.property
                     }, {
                       key: `matching-${B._id}`,
                       modelValue: b.value,
-                      "onUpdate:modelValue": P[1] || (P[1] = (W) => b.value = W)
+                      "onUpdate:modelValue": P[1] || (P[1] = (X) => b.value = X)
                     }), null, 16, ["modelValue"]))), 128))
                   ]),
                   _: 1
@@ -1571,7 +1571,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           L(Ge, null, ie({
             default: y(() => [
               "items" in e.property ? (n(), s("div", aa, [
-                (n(!0), s(Y, null, z(e.modelValue, (B) => (n(), $(ze, x({ ref_for: !0 }, {
+                (n(!0), s(W, null, z(e.modelValue, (B) => (n(), $(ze, x({ ref_for: !0 }, {
                   item: B,
                   indexes: t(m),
                   property: e.property,
@@ -1594,16 +1594,16 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             e.readOnly ? void 0 : {
               name: "footer",
               fn: y(() => [
-                K((n(), $(D, {
+                Y((n(), $(H, {
                   icon: "plus",
                   onClick: $e
                 }, {
                   default: y(() => [
-                    U(V(t(R)("action.select", { capitalize: !0 })), 1)
+                    D(V(t(R)("action.select", { capitalize: !0 })), 1)
                   ]),
                   _: 1
                 })), [
-                  [f]
+                  [v]
                 ])
               ]),
               key: "0"
@@ -1687,7 +1687,8 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     highlightRequired: { type: Boolean, default: !0 },
     focus: { type: Boolean },
     includeId: { type: Boolean },
-    includeTimestamps: { type: Boolean }
+    includeTimestamps: { type: Boolean },
+    includeReadOnly: { type: Boolean }
   },
   emits: ["update:modelValue", "input", "change", "clipboardCopy"],
   setup(e, { emit: u }) {
@@ -1695,41 +1696,41 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     Xe(() => {
       a.modelValue || l("update:modelValue", a.property && "items" in a.property ? [] : {});
     });
-    const c = a.property && se(a.property), r = c ? c.$ref : a.collection || we(), p = a.readOnly || a.property?.readOnly, d = r ? ne(t(r)) : null;
+    const c = a.property && se(a.property), r = c ? c.$ref : a.collection || we();
+    let p;
+    a.readOnly ? p = a.readOnly : a.property && typeof a.property.readOnly == "boolean" ? p = a.property.readOnly : p = !1;
+    const d = r ? ne(t(r)) : null;
     !r && process.env.NODE_ENV !== "production" && console.warn("aeria-form was used without providing storeId or specifying collection prop, some features may not work as intended");
-    const v = X(!1), m = G(() => {
-      const f = !a.form && a.property ? "type" in a.property && a.property.type === "object" ? "properties" in a.property ? a.property.properties : void 0 : d?.properties : a.form;
-      if (!f)
+    const f = K(!1), m = G(() => {
+      const v = !a.form && a.property ? "type" in a.property && a.property.type === "object" ? "properties" in a.property ? a.property.properties : void 0 : d?.properties : a.form;
+      if (!v)
         return;
       const B = {};
       if (a.includeId && (B._id = {
         type: "string",
         readOnly: !0
       }), a.includeTimestamps) {
-        const W = {
+        const X = {
           type: "string",
           format: "date-time",
           readOnly: !0,
           isTimestamp: !0
         };
-        f.created_at || (B.created_at = W), f.created_at || (B.updated_at = W);
+        v.created_at || (B.created_at = X), v.created_at || (B.updated_at = X);
       }
-      return Object.assign(B, f), B;
-    }), b = G(() => a.layout || d?.description.formLayout), _ = (f) => {
-      const B = re(f, a[f]);
-      return a[f] && fe(f, a[f]), B;
+      return Object.assign(B, v), B;
+    }), b = G(() => a.layout || d?.description.formLayout), _ = (v) => {
+      const B = re(v, a[v]);
+      return a[v] && fe(v, a[v]), B;
     }, g = G(() => a.validationErrors !== null ? a.validationErrors : d?.validationErrors), i = _("formComponents") || {}, T = _("propertyComponents") || {}, k = _("omitFormHeader"), F = _("omitInputLabels"), I = _("innerInputLabel");
     r && fe(Te, r), fe("searchOnly", a.searchOnly);
-    const w = (f) => m.value ? Object.entries(m.value).filter(([B, W]) => !W.noForm && f([
-      B,
-      W
-    ])) : null, J = (f, B) => {
-      if (a.searchOnly || !r || a.includeId && f === "_id" || a.includeTimestamps && B.isTimestamp)
+    const w = (v, B) => {
+      if (a.searchOnly || !r || a.includeId && v === "_id" || a.includeTimestamps && B.isTimestamp)
         return !0;
-      const W = a.property && "properties" in a.property ? a.property.form : d?.description?.form;
-      return !W || W.includes(f);
-    }, N = w(([f, B]) => J(f, B) && (!B.readOnly || a.readOnly)), ue = Se(), ce = {}, $e = (f, B) => {
-      const W = [], te = b.value?.fields?.[f];
+      const X = a.property && "properties" in a.property ? a.property.form : d?.description?.form;
+      return !X || X.includes(v);
+    }, N = m.value ? Object.entries(m.value).filter(([v, B]) => w(v, B) && !B.noForm && (!B.readOnly || a.readOnly || a.includeReadOnly)) : null, ue = Se(), ce = {}, $e = (v, B) => {
+      const X = [], te = b.value?.fields?.[v];
       if (!B)
         return;
       if (te?.if && !a.searchOnly) {
@@ -1737,22 +1738,22 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           a.modelValue,
           te.if
         );
-        q.satisfied || (ce[f] && (d ? a.modelValue[f] = typeof d.$freshItem[f] == "object" ? ke(d.$freshItem[f]) : d.$freshItem[f] : a.modelValue[f] = [
+        q.satisfied || (ce[v] && (d ? a.modelValue[v] = typeof d.$freshItem[v] == "object" ? ke(d.$freshItem[v]) : d.$freshItem[v] : a.modelValue[v] = [
           void 0,
           null
-        ].includes(a.modelValue[f]) ? null : a.modelValue[f].constructor()), W.push("display: none")), ce[f] = q.satisfied;
+        ].includes(a.modelValue[v]) ? null : a.modelValue[v].constructor()), X.push("display: none")), ce[v] = q.satisfied;
       }
       const S = ue.value.md && te?.span || 6;
-      return W.push(`--field-span: ${S}`, "grid-column: span var(--field-span) / span var(--field-span)"), te && (te.verticalSpacing && W.push([
+      return X.push(`--field-span: ${S}`, "grid-column: span var(--field-span) / span var(--field-span)"), te && (te.verticalSpacing && X.push([
         `--vertical-spacing: ${te.verticalSpacing}`,
         "padding: var(--vertical-spacing) 0"
-      ]), te.separator && W.push([
+      ]), te.separator && X.push([
         "border-top: 1px solid var(--theme-border-color)",
         "border-width: 1px 0 1px 0",
         "padding: 1rem 0",
         "margin: 1rem 0"
-      ])), W.join(";");
-    }, me = (f) => f === null || f instanceof Object && !Object.keys(f).length, A = G(() => {
+      ])), X.join(";");
+    }, me = (v) => v === null || v instanceof Object && !Object.keys(v).length, A = G(() => {
       if (typeof a.required < "u")
         switch (a.required) {
           case !0:
@@ -1764,50 +1765,50 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         }
       return a.property && "required" in a.property ? a.property.required : a.collection ? d.description.required : void 0;
     }), j = G(() => {
-      let f;
+      let v;
       if (a.form)
-        f = a.form;
+        v = a.form;
       else if (a.property && "properties" in a.property)
-        f = a.property.properties;
+        v = a.property.properties;
       else
         return !0;
       const { error: B } = _t(a.modelValue, {
         type: "object",
         required: A.value,
-        properties: f
+        properties: v
       }, {
         coerce: !0,
         tolerateExtraneous: !0
       });
       return !B;
-    }), Z = (f, B) => g.value?.[f] && (typeof g.value[f].index != "number" || g.value[f].index === B) ? g.value[f].errors : null, P = (f) => {
-      if (!a.focus || p || f.readOnly)
+    }), Z = (v, B) => g.value?.[v] && (typeof g.value[v].index != "number" || g.value[v].index === B) ? g.value[v].errors : null, P = (v) => {
+      if (!a.focus || p || v.readOnly)
         return !1;
-      if (!a.parentPropertyName && !a.parentCollection && !v.value)
-        return v.value = !0, !0;
+      if (!a.parentPropertyName && !a.parentCollection && !f.value)
+        return f.value = !0, !0;
     };
-    return (f, B) => {
-      const W = ee("clickable"), te = ee("focus");
+    return (v, B) => {
+      const X = ee("clickable"), te = ee("focus");
       return n(), s("form", {
         class: "form",
         style: ve(`row-gap: ${t(k) ? ".8rem" : "var(--form-internal-gap, 1.6rem);"};`)
       }, [
-        f.$slots.header && !t(k) ? (n(), s("header", ra, [
-          C(f.$slots, "header", {}, void 0, !0)
+        v.$slots.header && !t(k) ? (n(), s("header", ra, [
+          C(v.$slots, "header", {}, void 0, !0)
         ])) : h("", !0),
-        C(f.$slots, "default", {}, void 0, !0),
+        C(v.$slots, "default", {}, void 0, !0),
         O("fieldset", ua, [
-          (n(!0), s(Y, null, z(t(N), ([S, q]) => (n(), s("div", {
+          (n(!0), s(W, null, z(t(N), ([S, q]) => (n(), s("div", {
             key: `field-${S}`,
             style: ve($e(S, q)),
-            class: H({
+            class: U({
               form__field: !0,
               "form__field--form": "properties" in q
             })
           }, [
             (!("type" in q) || q.type !== "boolean" || e.searchOnly) && !q.noLabel && !t(F) && !t(I) ? (n(), s("label", ca, [
               O("div", {
-                class: H({
+                class: U({
                   "form__field-label": !0,
                   "form__field-label--section": "items" in q ? "properties" in q.items : "properties" in q,
                   "form__field-required-hint": e.highlightRequired && !t(p) && !e.searchOnly && (!A.value || t(je)(S, A.value, e.modelValue))
@@ -1818,7 +1819,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 innerHTML: q.hint
               }, null, 8, da)) : h("", !0)
             ])) : h("", !0),
-            f.$slots[`field-${S}`] ? C(f.$slots, `field-${S}`, x({
+            v.$slots[`field-${S}`] ? C(v.$slots, `field-${S}`, x({
               key: 1,
               ref_for: !0
             }, {
@@ -1889,28 +1890,28 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   }, ["prevent"])
                 }, {
                   default: y(() => [
-                    U(V(t(R)("action.add", { capitalize: !0 })), 1)
+                    D(V(t(R)("action.add", { capitalize: !0 })), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
               ])),
               e.modelValue[S]?.length > 0 ? (n(), s("div", ba, [
-                (n(!0), s(Y, null, z(e.modelValue[S], (Q, ge) => (n(), s("div", {
+                (n(!0), s(W, null, z(e.modelValue[S], (Q, ge) => (n(), s("div", {
                   key: `rep-${S}-${t($t)(Q, ge)}`,
                   class: "form__array-item"
                 }, [
-                  t(p) ? h("", !0) : K((n(), $(D, {
+                  t(p) ? h("", !0) : Y((n(), $(H, {
                     key: 0,
                     icon: "trash",
                     class: "form__array-remove",
                     onClick: Ie((ye) => t(sa)(e.modelValue[S], ge), ["prevent"])
                   }, {
                     default: y(() => [
-                      U(V(t(R)("action.remove", { capitalize: !0 })), 1)
+                      D(V(t(R)("action.remove", { capitalize: !0 })), 1)
                     ]),
                     _: 1
                   }, 8, ["onClick"])), [
-                    [W]
+                    [X]
                   ]),
                   (n(), $(pe(t(We)(q, t(i))), x({
                     modelValue: e.modelValue[S][ge],
@@ -1930,7 +1931,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "onInput"]))
                 ]))), 128))
               ])) : h("", !0)
-            ])) : e.modelValue ? K((n(), $(pe(t(We)(q, t(i))), x({
+            ])) : e.modelValue ? Y((n(), $(pe(t(We)(q, t(i))), x({
               key: 6,
               modelValue: e.modelValue[S],
               "onUpdate:modelValue": (Q) => e.modelValue[S] = Q
@@ -1956,24 +1957,24 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             ])) : h("", !0)
           ], 6))), 128))
         ]),
-        f.$slots.after ? C(f.$slots, "after", { key: 1 }, void 0, !0) : h("", !0),
-        f.$slots.footer ? (n(), s("div", ka, [
-          C(f.$slots, "footer", oe(be({
+        v.$slots.after ? C(v.$slots, "after", { key: 1 }, void 0, !0) : h("", !0),
+        v.$slots.footer ? (n(), s("div", ka, [
+          C(v.$slots, "footer", oe(be({
             isInsertReady: j.value
           })), void 0, !0)
         ])) : h("", !0)
       ], 4);
     };
   }
-}), Me = /* @__PURE__ */ E(Va, [["__scopeId", "data-v-a4afcd70"]]), Ca = /* @__PURE__ */ M({
+}), Me = /* @__PURE__ */ E(Va, [["__scopeId", "data-v-017664ad"]]), Ca = /* @__PURE__ */ M({
   __name: "aeria-filter-panel",
   emits: ["update:modelValue"],
   setup(e, { emit: u }) {
     const o = u, a = xe(), l = Ce(), c = t(re(Te)), r = () => {
       if (a.pagination.offset = 0, a.$actions.filter(), o("update:modelValue", !1), "query" in l.currentRoute && l.currentRoute.query && typeof l.currentRoute.query == "object") {
-        const v = l.currentRoute.query;
-        for (const m of Object.keys(v))
-          m.startsWith(`${c}.`) && delete v[m];
+        const f = l.currentRoute.query;
+        for (const m of Object.keys(f))
+          m.startsWith(`${c}.`) && delete f[m];
       }
       const { query: p, ...d } = l.currentRoute.value;
       l.push(Be(d, {
@@ -1984,22 +1985,22 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       "close-hint": "",
       "fixed-right": "",
       title: p.t("filter_by", { capitalize: !0 }),
-      onClose: d[2] || (d[2] = (v) => o("update:modelValue", !1)),
-      onOverlayClick: d[3] || (d[3] = (v) => o("update:modelValue", !1))
+      onClose: d[2] || (d[2] = (f) => o("update:modelValue", !1)),
+      onOverlayClick: d[3] || (d[3] = (f) => o("update:modelValue", !1))
     }, {
       footer: y(() => [
         t(a).filtersCount > 0 ? (n(), $(le, {
           key: 0,
           variant: "transparent",
-          onClick: d[1] || (d[1] = (v) => {
+          onClick: d[1] || (d[1] = (f) => {
             t(a).$actions.clearFilters(), r(), o("update:modelValue", !1);
           })
         }, {
           default: y(() => [
-            U(V(p.t("action.clear", { capitalize: !0 })) + " ", 1),
+            D(V(p.t("action.clear", { capitalize: !0 })) + " ", 1),
             L(he, null, {
               default: y(() => [
-                U(V(t(a).filtersCount), 1)
+                D(V(t(a).filtersCount), 1)
               ]),
               _: 1
             })
@@ -2013,7 +2014,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           onClick: r
         }, {
           default: y(() => [
-            U(V(p.t("action.filter", { capitalize: !0 })), 1)
+            D(V(p.t("action.filter", { capitalize: !0 })), 1)
           ]),
           _: 1
         }, 8, ["disabled"])
@@ -2021,7 +2022,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       default: y(() => [
         L(Me, x({
           modelValue: t(a).filters,
-          "onUpdate:modelValue": d[0] || (d[0] = (v) => t(a).filters = v)
+          "onUpdate:modelValue": d[0] || (d[0] = (f) => t(a).filters = f)
         }, {
           form: t(a).$actions.useProperties(
             Array.isArray(t(a).description.filters) ? t(a).description.filters : Object.keys(t(a).description.filters)
@@ -2064,10 +2065,10 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             case "MISSING_PROPERTIES":
               return;
             default: {
-              let g = v("error", {
+              let g = f("error", {
                 capitalize: !0
               });
-              b.message && (g += `: ${v(b.message)}`), g += ` (${v(b.code)})`, l.$actions.spawnToast({
+              b.message && (g += `: ${f(b.message)}`), g += ` (${f(b.code)})`, l.$actions.spawnToast({
                 text: g,
                 icon: "warning"
               });
@@ -2076,12 +2077,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         return;
       }
       a("update:visible", !1), a("update:modelValue", _), a("insert", _), r.$actions.clearItem();
-    }, { t: v } = st(), m = () => {
+    }, { t: f } = st(), m = () => {
       l.$actions.ask({
         action: () => {
           r.$actions.clearItem(), r.validationErrors = {}, a("cancel");
         },
-        body: v("prompt.close_panel")
+        body: f("prompt.close_panel")
       });
     };
     return ae(() => r.item._id, (b) => {
@@ -2105,7 +2106,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             default: y(({
               visible: i
             }) => [
-              t(r).item._id ? K((n(), $(D, {
+              t(r).item._id ? Y((n(), $(H, {
                 key: 0,
                 reactive: "",
                 active: i,
@@ -2158,7 +2159,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               onClick: m
             }, {
               default: y(() => [
-                U(V(t(v)("action.cancel", { capitalize: !0 })), 1)
+                D(V(t(f)("action.cancel", { capitalize: !0 })), 1)
               ]),
               _: 1
             })) : h("", !0),
@@ -2169,7 +2170,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               onClick: d
             }, {
               default: y(() => [
-                U(V(t(v)("action.insert", { capitalize: !0 })), 1)
+                D(V(t(f)("action.insert", { capitalize: !0 })), 1)
               ]),
               _: 1
             }, 8, ["disabled", "loading"])
@@ -2241,7 +2242,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     const o = e, a = u, l = Se(), c = o.collection || we(), r = c ? ne(typeof c == "string" ? c : c.value) : null, p = G({
       get: () => r?.selected,
       set: (g) => r?.$actions.selectManyItems(g, !0)
-    }), d = G(() => o.columns ? Object.keys(o.columns).length + Number(o.checkbox) : 0), v = (g, i) => g.button ? typeof g.button == "object" ? qe(i, g.button).satisfied : g.button : !1, m = (g) => {
+    }), d = G(() => o.columns ? Object.keys(o.columns).length + Number(o.checkbox) : 0), f = (g, i) => g.button ? typeof g.button == "object" ? qe(i, g.button).satisfied : g.button : !1, m = (g) => {
       const i = o.layout?.actions;
       return !l.value.xl || !i || !o.actions ? [] : o.actions.filter((T) => {
         if (T.roles) {
@@ -2250,7 +2251,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             return !1;
         }
         const k = i[T.action];
-        return k && v(k, g);
+        return k && f(k, g);
       });
     }, b = (g) => {
       if (!o.actions)
@@ -2266,7 +2267,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         return k ? k.if ? qe(
           g,
           k.if
-        ).satisfied : !v(k, g) : !0;
+        ).satisfied : !f(k, g) : !0;
       });
     }, _ = (g, i) => {
       const T = [], k = o.layout?.actions?.[i.action];
@@ -2289,7 +2290,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 onChange: i[0] || (i[0] = (k) => t(r).$actions.selectAllItems(k.target.checked))
               }, null, 40, Ta)
             ])) : h("", !0),
-            (n(!0), s(Y, null, z(Object.entries(e.columns), ([k, F], I) => (n(), s("th", {
+            (n(!0), s(W, null, z(Object.entries(e.columns), ([k, F], I) => (n(), s("th", {
               key: `header-${I}`,
               class: "table__header"
             }, V(F.description || t(R)(k)), 1))), 128)),
@@ -2299,12 +2300,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         g.$slots.tbody ? (n(), s("tbody", Ra, [
           C(g.$slots, "tbody", {}, void 0, !0)
         ])) : (n(), s("tbody", qa, [
-          (n(!0), s(Y, null, z(e.rows, (k, F) => (n(), s("tr", {
+          (n(!0), s(W, null, z(e.rows, (k, F) => (n(), s("tr", {
             key: k._id,
             onClick: (I) => a("itemClick", k)
           }, [
             t(r) && e.checkbox && t(l).md ? (n(), s("td", xa, [
-              K(O("input", {
+              Y(O("input", {
                 "onUpdate:modelValue": i[1] || (i[1] = (I) => p.value = I),
                 type: "checkbox",
                 value: k._id
@@ -2312,7 +2313,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 [tt, p.value]
               ])
             ])) : h("", !0),
-            (n(!0), s(Y, null, z(Object.entries(e.columns), ([I, w], J) => (n(), s("td", {
+            (n(!0), s(W, null, z(Object.entries(e.columns), ([I, w], J) => (n(), s("td", {
               key: `column-${k._id}-${J}`
             }, [
               O("div", za, V(w.description || t(R)(I)), 1),
@@ -2327,22 +2328,22 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               ])) : (n(), s("div", Fa, [
                 O("div", Ua, [
                   "type" in w && w.type === "boolean" ? (n(), s("div", Ha, [
-                    k[I] ? (n(), $(D, {
+                    k[I] ? (n(), $(H, {
                       key: 0,
                       icon: "check",
                       "icon-classes": "aeria-blueish"
                     }, {
                       default: y(() => [
-                        U(V(t(R)("yes")), 1)
+                        D(V(t(R)("yes")), 1)
                       ]),
                       _: 1
-                    })) : (n(), $(D, {
+                    })) : (n(), $(H, {
                       key: 1,
                       icon: "x",
                       "icon-classes": "aeria-redish"
                     }, {
                       default: y(() => [
-                        U(V(t(R)("no")), 1)
+                        D(V(t(R)("no")), 1)
                       ]),
                       _: 1
                     }))
@@ -2377,7 +2378,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                       property: w
                     })), 1)) : (n(), s("span", Ja, V(Array.isArray(k[I]) ? k[I].filter((N) => !!N).join(", ") : [void 0, null].includes(k[I]) ? "-" : k[I]), 1)),
                     t(se)(w)?.indexes?.length > 1 ? (n(), s("div", Za, [
-                      (n(!0), s(Y, null, z(t(se)(w).indexes.slice(1, 2), (N, ue) => (n(), s("div", {
+                      (n(!0), s(W, null, z(t(se)(w).indexes.slice(1, 2), (N, ue) => (n(), s("div", {
                         key: `subvalue-${ue}`,
                         class: "table__cell-subvalue"
                       }, V(t(r).$actions.formatValue({
@@ -2393,7 +2394,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             ]))), 128)),
             e.actions?.length && t(l).md ? (n(), s("td", Pa, [
               O("div", Na, [
-                (n(!0), s(Y, null, z(m(k), (I) => (n(), $(le, {
+                (n(!0), s(W, null, z(m(k), (I) => (n(), $(le, {
                   key: `action-${I.action}`,
                   small: "",
                   variant: "alt",
@@ -2402,7 +2403,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   onClick: (w) => I.click(k)
                 }, {
                   default: y(() => [
-                    U(V(t(R)(I.label)), 1)
+                    D(V(t(R)(I.label)), 1)
                   ]),
                   _: 2
                 }, 1032, ["icon", "style", "onClick"]))), 128)),
@@ -2416,7 +2417,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   default: y(({
                     visible: I
                   }) => [
-                    K(L(D, {
+                    Y(L(H, {
                       reactive: "",
                       active: I,
                       icon: "dots-three"
@@ -2432,17 +2433,17 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 class: "table__mobile-actions-grid",
                 style: ve(`grid-template-columns: repeat(${m(k).length + (b(k).length ? 1 : 0)}, 1fr);`)
               }, [
-                (n(!0), s(Y, null, z(m(k), (I) => (n(), $(de, {
+                (n(!0), s(W, null, z(m(k), (I) => (n(), $(de, {
                   key: `action-${I.action}`,
                   class: "table__mobile-actions-button",
                   onClick: (w) => I.click(k)
                 }, {
                   default: y(() => [
-                    L(D, {
+                    L(H, {
                       icon: I.icon || "gear"
                     }, {
                       default: y(() => [
-                        U(V(t(R)(I.label)), 1)
+                        D(V(t(R)(I.label)), 1)
                       ]),
                       _: 2
                     }, 1032, ["icon"])
@@ -2457,7 +2458,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   actions: b(k)
                 }), {
                   default: y(() => [
-                    L(D, {
+                    L(H, {
                       icon: "dots-three",
                       class: "table__mobile-actions-button"
                     })
@@ -2523,7 +2524,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
   },
   setup(e) {
     return (u, o) => (n(), s("div", {
-      class: H([
+      class: U([
         "grid",
         { "grid--list": e.list }
       ])
@@ -2553,7 +2554,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         list: e.componentName === "list"
       }, {
         default: y(() => [
-          (n(!0), s(Y, null, z(t(a).items, (d) => (n(), $(zt, {
+          (n(!0), s(W, null, z(t(a).items, (d) => (n(), $(zt, {
             key: d._id,
             inactive: !!(t(o).active && !d[t(o).active]),
             horizontal: e.componentName === "list"
@@ -2561,9 +2562,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             footer: y(() => [
               t(o).title ? (n(), s("div", co, V(d[t(o).title]), 1)) : h("", !0),
               Array.isArray(t(o).information) ? (n(), s("div", mo, [
-                (n(!0), s(Y, null, z(t(o).information, (v) => (n(), s("div", {
-                  key: `info-${v}`
-                }, V(d[v]), 1))), 128))
+                (n(!0), s(W, null, z(t(o).information, (f) => (n(), s("div", {
+                  key: `info-${f}`
+                }, V(d[f]), 1))), 128))
               ])) : t(o).information ? (n(), s("div", po, V(d[t(o).information]), 1)) : h("", !0)
             ]),
             actions: y(() => [
@@ -2575,11 +2576,11 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 actions: e.individualActions
               }), {
                 default: y(({
-                  visible: v
+                  visible: f
                 }) => [
-                  K(L(D, {
+                  Y(L(H, {
                     reactive: "",
-                    active: v,
+                    active: f,
                     icon: "dots-three-vertical"
                   }, null, 8, ["active"]), [
                     [p]
@@ -2601,12 +2602,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             t(o).badge && Array.isArray(d[t(o).badge]) ? {
               name: "badge",
               fn: y(() => [
-                (n(!0), s(Y, null, z(d[t(o).badge], (v) => (n(), $(he, {
-                  key: `${d._id}-${v}`,
+                (n(!0), s(W, null, z(d[t(o).badge], (f) => (n(), $(he, {
+                  key: `${d._id}-${f}`,
                   large: ""
                 }, {
                   default: y(() => [
-                    U(V(t(o).translateBadge ? t(R)(v) : v), 1)
+                    D(V(t(o).translateBadge ? t(R)(f) : f), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -2617,7 +2618,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               fn: y(() => [
                 L(he, null, {
                   default: y(() => [
-                    U(V(t(o).translateBadge && typeof d[t(o).badge] == "string" ? t(R)(d[t(o).badge]) : d[t(o).badge]), 1)
+                    D(V(t(o).translateBadge && typeof d[t(o).badge] == "string" ? t(R)(d[t(o).badge]) : d[t(o).badge]), 1)
                   ]),
                   _: 2
                 }, 1024)
@@ -2659,7 +2660,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
   },
   emits: ["uiEvent"],
   setup(e, { emit: u }) {
-    const o = X(!1), a = X(!1), l = X((...A) => null), c = X(), r = e, p = u, d = Ce(), v = ne("meta"), m = Se(), { reachedEnd: b, detach: _ } = He(null, {
+    const o = K(!1), a = K(!1), l = K((...A) => null), c = K(), r = e, p = u, d = Ce(), f = ne("meta"), m = Se(), { reachedEnd: b, detach: _ } = He(null, {
       antecipate: 600
     }), g = !m.value.md || r.scrollPagination;
     g && ae(b, (A) => {
@@ -2671,7 +2672,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     });
     const T = De(), k = r.action ? t(r.action) : ft(i, d, T);
     l.value = k[0], c.value = k[1];
-    const F = X(0), I = X(!1), w = async (A) => {
+    const F = K(0), I = K(!1), w = async (A) => {
       i.activeFilters = Object.assign({}, A?.filters || i.$filters), Object.assign(i.activeFilters, i.filtersPreset);
       const j = {
         filters: i.activeFilters,
@@ -2683,8 +2684,8 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       const { error: Z, result: P } = await i.$actions.retrieveItems(j);
       if (Z)
         return;
-      const { data: f, pagination: B } = P;
-      i.pagination.recordsCount = B.recordsCount, i.pagination.recordsTotal = B.recordsTotal, F.value === 0 && i.items.splice(0), i.items.push(...f), i.loading.getAll = !1, I.value = !0;
+      const { data: v, pagination: B } = P;
+      i.pagination.recordsCount = B.recordsCount, i.pagination.recordsTotal = B.recordsTotal, F.value === 0 && i.items.splice(0), i.items.push(...v), i.loading.getAll = !1, I.value = !0;
     }, J = async (A) => {
       d.push(Be(d.currentRoute.value, {
         query: {
@@ -2700,7 +2701,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       if (j && j[0] === A[0] && j[1] === A[1])
         return;
       const Z = d.currentRoute.value;
-      if (v.view.title = r.collection, !r.noFetch && (!Z.query._popstate || i.itemsCount === 0)) {
+      if (f.view.title = r.collection, !r.noFetch && (!Z.query._popstate || i.itemsCount === 0)) {
         const P = vt(i, Z.query);
         Object.keys(P).length > 0 && Object.assign(i.filters, P), await w();
       }
@@ -2746,15 +2747,15 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           i.$actions.setItem(j.params), o.value = "edit";
         else if (j.name === "duplicate") {
           await Z;
-          const P = Object.entries(i.item).reduce((f, [B, W]) => {
+          const P = Object.entries(i.item).reduce((v, [B, X]) => {
             if (!(B in i.properties))
               return {
-                ...f,
-                [B]: W
+                ...v,
+                [B]: X
               };
             const te = i.properties[B];
             if (te.readOnly)
-              return f;
+              return v;
             const S = (q) => {
               const Q = se(te);
               if (!Q)
@@ -2767,9 +2768,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               }
               return q;
             };
-            return W = Array.isArray(W) ? W.map(S) : S(W), {
-              ...f,
-              [B]: W
+            return X = Array.isArray(X) ? X.map(S) : S(X), {
+              ...v,
+              [B]: X
             };
           }, {
             _id: void 0
@@ -2793,22 +2794,22 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     }), me = G(() => i.actions.filter((A) => !A.button));
     return fe(Te, G(() => r.collection)), (A, j) => {
       const Z = ee("clickable"), P = ee("loading");
-      return n(), s(Y, null, [
+      return n(), s(W, null, [
         a.value ? (n(), $(Ca, {
           key: t(i).$id,
           modelValue: a.value,
-          "onUpdate:modelValue": j[0] || (j[0] = (f) => a.value = f)
+          "onUpdate:modelValue": j[0] || (j[0] = (v) => a.value = v)
         }, null, 8, ["modelValue"])) : h("", !0),
         o.value ? (n(), $(Oa, x({
           key: 1,
           visible: o.value,
-          "onUpdate:visible": j[1] || (j[1] = (f) => o.value = f),
+          "onUpdate:visible": j[1] || (j[1] = (v) => o.value = v),
           "fixed-right": ""
         }, {
           collection: e.collection,
           individualActions: $e.value
         }, {
-          onCancel: j[2] || (j[2] = (f) => o.value = !1)
+          onCancel: j[2] || (j[2] = (v) => o.value = !1)
         }), ie({
           header: y(() => [
             O("span", null, V((() => {
@@ -2825,10 +2826,10 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           ]),
           _: 2
         }, [
-          z(Object.keys(A.$slots).filter((f) => f.startsWith("field-")), (f) => ({
-            name: f,
+          z(Object.keys(A.$slots).filter((v) => v.startsWith("field-")), (v) => ({
+            name: v,
             fn: y((B) => [
-              C(A.$slots, f, oe(be(B)), void 0, !0)
+              C(A.$slots, v, oe(be(B)), void 0, !0)
             ])
           }))
         ]), 1040, ["visible"])) : h("", !0),
@@ -2836,7 +2837,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           t(i).description.search ? (n(), s("div", ho, [
             L(_e, x({
               modelValue: t(i).textQuery,
-              "onUpdate:modelValue": j[3] || (j[3] = (f) => t(i).textQuery = f)
+              "onUpdate:modelValue": j[3] || (j[3] = (v) => t(i).textQuery = v)
             }, {
               property: {
                 type: "string",
@@ -2855,7 +2856,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   default: y(() => [
                     t(i).filtersCount ? (n(), $(he, { key: 0 }, {
                       default: y(() => [
-                        U(V(t(i).filtersCount), 1)
+                        D(V(t(i).filtersCount), 1)
                       ]),
                       _: 1
                     })) : h("", !0)
@@ -2868,12 +2869,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               Object.keys(t(i).description.filters || {}).length > 0 ? {
                 name: "filter",
                 fn: y(() => [
-                  K((n(), $(D, {
+                  Y((n(), $(H, {
                     icon: "funnel",
-                    onClick: j[4] || (j[4] = (f) => a.value = !0)
+                    onClick: j[4] || (j[4] = (v) => a.value = !0)
                   }, {
                     default: y(() => [
-                      U(V(t(R)("filters", { capitalize: !0 })), 1)
+                      D(V(t(R)("filters", { capitalize: !0 })), 1)
                     ]),
                     _: 1
                   })), [
@@ -2882,7 +2883,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   O("div", _o, [
                     t(i).filtersCount ? (n(), $(he, { key: 0 }, {
                       default: y(() => [
-                        U(V(t(i).filtersCount), 1)
+                        D(V(t(i).filtersCount), 1)
                       ]),
                       _: 1
                     })) : h("", !0)
@@ -2893,12 +2894,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               !e.noLayoutToggle && t(i).description.layout && t(i).description.layout?.name !== "tabular" ? {
                 name: "layout-toggle",
                 fn: y(() => [
-                  K((n(), $(D, {
+                  Y((n(), $(H, {
                     icon: "table",
-                    onClick: j[5] || (j[5] = (f) => ce(t(i)))
+                    onClick: j[5] || (j[5] = (v) => ce(t(i)))
                   }, {
                     default: y(() => [
-                      U(V(t(R)("change_layout", { capitalize: !0 })), 1)
+                      D(V(t(R)("change_layout", { capitalize: !0 })), 1)
                     ]),
                     _: 1
                   })), [
@@ -2907,17 +2908,17 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 ]),
                 key: "1"
               } : void 0,
-              z(me.value, (f, B) => ({
+              z(me.value, (v, B) => ({
                 name: `action-${B}`,
                 fn: y(() => [
-                  f ? (n(), $(D, {
+                  v ? (n(), $(H, {
                     key: 0,
-                    icon: f.icon || "gear",
-                    disabled: t(i).selected.length === 0 && "selection" in f && f.selection,
-                    onClick: (W) => l.value(f)({ _id: t(i).selected.map((te) => typeof te == "string" || te._id) })
+                    icon: v.icon || "gear",
+                    disabled: t(i).selected.length === 0 && "selection" in v && v.selection,
+                    onClick: (X) => l.value(v)({ _id: t(i).selected.map((te) => typeof te == "string" || te._id) })
                   }, {
                     default: y(() => [
-                      U(V(t(R)(f.label, { capitalize: !0 })), 1)
+                      D(V(t(R)(v.label, { capitalize: !0 })), 1)
                     ]),
                     _: 2
                   }, 1032, ["icon", "disabled", "onClick"])) : h("", !0)
@@ -2927,34 +2928,34 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               key: 1,
               variant: "alt",
               icon: "funnel",
-              onClick: j[6] || (j[6] = (f) => a.value = !0)
+              onClick: j[6] || (j[6] = (v) => a.value = !0)
             }, {
               default: y(() => [
                 O("div", null, V(t(R)("Filters")), 1),
                 t(i).filtersCount ? (n(), $(he, { key: 0 }, {
                   default: y(() => [
-                    U(V(t(i).filtersCount), 1)
+                    D(V(t(i).filtersCount), 1)
                   ]),
                   _: 1
                 })) : h("", !0)
               ]),
               _: 1
             })) : h("", !0),
-            (n(!0), s(Y, null, z(t(i).actions.filter((f) => f.button), (f, B) => (n(), $(le, {
+            (n(!0), s(W, null, z(t(i).actions.filter((v) => v.button), (v, B) => (n(), $(le, {
               key: `action-${B}`,
-              icon: f.icon,
-              disabled: t(i).selected.length === 0 && "selection" in f && f.selection,
-              onClick: (W) => l.value(f)({ _id: t(i).selected.map((te) => typeof te == "string" || te._id) })
+              icon: v.icon,
+              disabled: t(i).selected.length === 0 && "selection" in v && v.selection,
+              onClick: (X) => l.value(v)({ _id: t(i).selected.map((te) => typeof te == "string" || te._id) })
             }, {
               default: y(() => [
-                U(V(t(R)(f.label, { capitalize: !0 })), 1)
+                D(V(t(R)(v.label, { capitalize: !0 })), 1)
               ]),
               _: 2
             }, 1032, ["icon", "disabled", "onClick"]))), 128)),
             A.$slots.actions ? C(A.$slots, "actions", { key: 2 }, void 0, !0) : h("", !0)
           ])
         ])) : h("", !0),
-        K((n(), s("div", $o, [
+        Y((n(), s("div", $o, [
           t(i).itemsCount === 0 && !t(i).loading.getAll && I.value && (t(N) || A.$slots.empty) ? (n(), s("div", go, [
             t(N) ? (n(), $(pe(t(N)), oe(x({ key: 0 }, {
               collection: t(i).$id
@@ -2963,13 +2964,13 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 t(i).filtersCount === 0 && t(i).description.actions && "spawnAdd" in t(i).description.actions ? (n(), $(le, {
                   key: 0,
                   icon: "plus",
-                  onClick: j[7] || (j[7] = (f) => l.value({
+                  onClick: j[7] || (j[7] = (v) => l.value({
                     action: "spawnAdd",
                     event: "spawnAdd"
                   })())
                 }, {
                   default: y(() => [
-                    U(V(t(R)("add_first_item", { capitalize: !0 })), 1)
+                    D(V(t(R)("add_first_item", { capitalize: !0 })), 1)
                   ]),
                   _: 1
                 })) : h("", !0)
@@ -2987,10 +2988,10 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           }, {
             "component-name": e.layout?.name || t(i).$currentLayout
           }), ie({ _: 2 }, [
-            z(Object.keys(A.$slots).filter((f) => f.startsWith("row-")), (f) => ({
-              name: f,
+            z(Object.keys(A.$slots).filter((v) => v.startsWith("row-")), (v) => ({
+              name: v,
               fn: y((B) => [
-                C(A.$slots, f, oe(be(B)), void 0, !0)
+                C(A.$slots, v, oe(be(B)), void 0, !0)
               ])
             })),
             A.$slots.tfoot ? {
@@ -3035,16 +3036,16 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           class: "prompt__options",
           style: ve(`grid-template-columns: repeat(${Object.keys(e.options).length}, 1fr)`)
         }, [
-          (n(!0), s(Y, null, z(Object.entries(e.options), ([c, r], p) => (n(), $(de, {
+          (n(!0), s(W, null, z(Object.entries(e.options), ([c, r], p) => (n(), $(de, {
             key: `option-${p}`,
-            class: H([
+            class: U([
               "prompt__option",
               `prompt__option--${r.variant || "primary"}`
             ]),
             onClick: (d) => r.click ? r.click(c, r) : o(c, r)
           }, {
             default: y(() => [
-              U(V(r.title), 1)
+              D(V(r.title), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128))
@@ -3070,15 +3071,15 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     const u = ne("meta");
     return (o, a) => {
       const l = ee("clickable");
-      return K((n(), s("div", {
-        class: H({
+      return Y((n(), s("div", {
+        class: U({
           toast: !0,
           "toast--animate": t(u).toasts[0].itr === e.itr
         }),
         onAnimationend: a[0] || (a[0] = (c) => t(u).$actions.popToast()),
         onClick: a[1] || (a[1] = (c) => t(u).$actions.popToast(e.itr))
       }, [
-        L(D, x(
+        L(H, x(
           e.icon ? { icon: e.icon } : { icon: "warning-circle" },
           { style: { "--icon-size": "4rem", "--icon-color": "var(--theme-brand-color-shade-3)" } }
         ), null, 16),
@@ -3099,13 +3100,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       const c = at("router-view");
       return n(), s("main", {
         id: "main",
-        class: H([
+        class: U([
           "main",
           `main--${o.value}`,
           { dark: o.value === "dark" }
         ])
       }, [
-        l[2] || (l[2] = U(" ] ", -1)),
         (n(), $(ot, null, {
           default: y(() => [
             a.$slots.default ? C(a.$slots, "default", { key: 0 }, void 0, !0) : (n(), $(c, { key: 1 }, {
@@ -3152,7 +3152,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           _: 1
         }, 16)) : h("", !0),
         O("div", Ro, [
-          (n(!0), s(Y, null, z(t(u).toasts, (r) => (n(), $(wo, x({ ref_for: !0 }, r, {
+          (n(!0), s(W, null, z(t(u).toasts, (r) => (n(), $(wo, x({ ref_for: !0 }, r, {
             key: `toast-${r.itr}`
           }), {
             default: y(() => [
@@ -3166,10 +3166,10 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       ], 2);
     };
   }
-}), ul = /* @__PURE__ */ E(Lo, [["__scopeId", "data-v-3823929d"]]), xo = {}, Mo = { class: "menu" };
+}), ul = /* @__PURE__ */ E(Lo, [["__scopeId", "data-v-19b147ab"]]), xo = {}, Mo = { class: "menu" };
 function zo(e, u) {
   return n(), s("menu", Mo, [
-    (n(!0), s(Y, null, z(Object.keys(e.$slots), (o) => (n(), s("div", {
+    (n(!0), s(W, null, z(Object.keys(e.$slots), (o) => (n(), s("div", {
       key: o,
       class: "menu__entry"
     }, [
@@ -3217,15 +3217,15 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
       }));
     };
     return (p, d) => {
-      const v = ee("clickable");
+      const f = ee("clickable");
       return n(), s("div", Eo, [
         t(l).md && !e.dropdown ? (n(), s("div", Fo, [
           p.$slots.default ? (n(), s("div", Uo, [
             C(p.$slots, "default", {}, void 0, !0)
           ])) : h("", !0),
-          (n(!0), s(Y, null, z(Object.keys(p.$slots).filter((m) => m !== "default"), (m, b) => (n(), s("div", {
+          (n(!0), s(W, null, z(Object.keys(p.$slots).filter((m) => m !== "default"), (m, b) => (n(), s("div", {
             key: m,
-            class: H({
+            class: U({
               tabs__tab: !0,
               "tabs__tab--current": m === c.value || !c.value && b === 0
             }),
@@ -3236,7 +3236,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
         ])) : (n(), s("div", Do, [
           L(Ve, null, ie({
             default: y(({ visible: m }) => [
-              K((n(), $(D, {
+              Y((n(), $(H, {
                 "icon-right": "",
                 active: m,
                 icon: "caret-down",
@@ -3248,7 +3248,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
                 ]),
                 _: 3
               }, 8, ["active"])), [
-                [v]
+                [f]
               ])
             ]),
             _: 2
@@ -3274,7 +3274,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
     promise: Promise
   },
   setup(e) {
-    const u = X(e.initialValue);
+    const u = K(e.initialValue);
     return e.promise instanceof Promise && e.promise.then((o) => {
       u.value = o;
     }), () => it("div", String(u.value));
@@ -3286,32 +3286,32 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
   },
   setup(e) {
     const u = e, a = Ce().currentRoute, l = De(), c = G(() => u.collection ? Ae(u.collection, l) : typeof a.value.meta.collection == "string" ? Ae(a.value.meta.collection, l) : typeof a.value.params.collection == "string" ? Ae(a.value.params.collection, l) : null), r = async (p, d) => {
-      const { error: v, result: m } = await d.$functions[p.badgeFunction]({
+      const { error: f, result: m } = await d.$functions[p.badgeFunction]({
         filters: p.filters
       });
-      return v ? 0 : m;
+      return f ? 0 : m;
     };
     return (p, d) => c.value && c.value.description.filtersPresets ? (n(), $(Wo, {
       key: 0,
       dropdown: "",
       query: "section"
     }, ie({ _: 2 }, [
-      z(Object.entries(c.value.description.filtersPresets), ([v, m]) => ({
-        name: v,
+      z(Object.entries(c.value.description.filtersPresets), ([f, m]) => ({
+        name: f,
         fn: y(() => [
           O("div", {
             class: "topbar__preset",
             onClick: (b) => t(Pe)(m, c.value)
           }, [
-            m.icon ? (n(), $(D, {
+            m.icon ? (n(), $(H, {
               key: 0,
               icon: m.icon
             }, {
               default: y(() => [
-                U(V(m.label || t(R)(v, { plural: !0 })), 1)
+                D(V(m.label || t(R)(f, { plural: !0 })), 1)
               ]),
               _: 2
-            }, 1032, ["icon"])) : (n(), s("div", Xo, V(m.label || t(R)(v, { plural: !0 })), 1)),
+            }, 1032, ["icon"])) : (n(), s("div", Xo, V(m.label || t(R)(f, { plural: !0 })), 1)),
             m.badgeFunction ? (n(), $(he, { key: 2 }, {
               default: y(() => [
                 L(t(Yo), {
@@ -3383,7 +3383,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
     {
       path: "signin",
       name: "/user/signin",
-      component: () => import("./signin-Gx25b2IX.js"),
+      component: () => import("./signin-B75Qkv31.js"),
       meta: {
         title: "Sign in"
       }
@@ -3391,7 +3391,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
     {
       path: "signup",
       name: "/user/signup",
-      component: () => import("./signup-DadDQtJQ.js"),
+      component: () => import("./signup-r_Cg8wlh.js"),
       meta: {
         title: "Sign up"
       }
@@ -3399,7 +3399,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
     {
       path: "redefine-password",
       name: "/user/redefine-password",
-      component: () => import("./redefine-password-qAgn9kbE.js"),
+      component: () => import("./redefine-password-CJAyfalJ.js"),
       meta: {
         title: "Redefine password"
       }
@@ -3407,7 +3407,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
     {
       path: "activation",
       name: "/user/activation",
-      component: () => import("./activation-DWnv4YYM.js"),
+      component: () => import("./activation-7SslzLP5.js"),
       meta: {
         title: "Activate user"
       }
@@ -3429,7 +3429,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
       name: "/dashboard/:collection",
       props: !0,
       components: {
-        default: () => import("./index-D8Jk3vxU.js"),
+        default: () => import("./index-DZLVdsTE.js"),
         topbar: () => Promise.resolve().then(() => Po)
       },
       meta: {
@@ -3443,7 +3443,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
       name: "/dashboard/:collection/:id",
       props: !0,
       components: {
-        default: () => import("./_id_-DYaLEoj1.js")
+        default: () => import("./_id_-1SbaGrdM.js")
       },
       meta: {
         title: ({ collectionName: o, t: a }) => a(o, {
@@ -3463,7 +3463,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
       children: [
         {
           path: "profile",
-          component: () => import("./index-BpLcvVdU.js"),
+          component: () => import("./index-D3fxLWDD.js"),
           meta: {
             title: "User profile",
             icon: "user-square"
@@ -3472,7 +3472,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
         {
           path: "changepass",
           name: "/dashboard/user/changepass",
-          component: () => import("./index-Ca0UCFPf.js"),
+          component: () => import("./index-CeZ1Y1LN.js"),
           meta: {
             title: "Change password",
             icon: "lock"
@@ -3493,7 +3493,7 @@ export {
   pl as H,
   E as _,
   le as a,
-  D as b,
+  H as b,
   dl as c,
   _n as d,
   rl as e,