@wssto2/vue-core 0.4.8 → 0.4.10

package/dist/{CollectionPage.vue_vue_type_script_setup_true_lang-C35PsfKK.js → CollectionPage.vue_vue_type_script_setup_true_lang-DkpFEHUw.js}

@@ -1,15 +1,15 @@
-import { hasInjectionContext as lt, inject as ot, shallowRef as xe, computed as _, watch as Le, toValue as Se, ref as ie, getCurrentScope as nt, onScopeDispose as st, defineComponent as be, openBlock as u, createElementBlock as y, createVNode as O, unref as t, createElementVNode as r, toDisplayString as g, Fragment as ee, renderList as le, createCommentVNode as F, createBlock as W, mergeProps as ve, withCtx as q, createTextVNode as G, normalizeClass as ue, useTemplateRef as fe, withModifiers as We, withDirectives as Fe, vModelText as Pe, nextTick as at, onBeforeUnmount as rt, onMounted as it, renderSlot as ge, useSlots as ze, createSlots as Qe, normalizeProps as Xe, guardReactiveProps as Je } from "vue";
+import { hasInjectionContext as lt, inject as ot, shallowRef as xe, computed as k, watch as Ve, toValue as Se, ref as ie, getCurrentScope as nt, onScopeDispose as st, defineComponent as be, openBlock as u, createElementBlock as y, createVNode as O, unref as t, createElementVNode as i, toDisplayString as g, Fragment as ee, renderList as le, createCommentVNode as F, createBlock as W, mergeProps as ve, withCtx as q, createTextVNode as G, normalizeClass as ue, useTemplateRef as fe, withModifiers as Ke, withDirectives as Le, vModelText as Fe, nextTick as at, onBeforeUnmount as rt, onMounted as it, renderSlot as ge, useSlots as We, createSlots as Qe, normalizeProps as Xe, guardReactiveProps as Je } from "vue";
 import { routerKey as ct } from "vue-router";
-import { i as Re, a as ut } from "./error-CD7x0Jrz.js";
-import { a as dt, d as Te, o as ft, L as Ne, e as je, w as pt, b as vt } from "./http-D_D9YbLH.js";
+import { i as qe, a as ut } from "./error-CD7x0Jrz.js";
+import { a as dt, d as Re, o as ft, L as Te, e as je, w as pt, b as vt } from "./http-D_D9YbLH.js";
 import { a as mt } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-B7qSUiee.js";
 import { useI18n as he } from "vue-i18n";
-import { _ as ce, u as Ae } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { _ as ce, u as Ne } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { _ as Ge } from "./Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js";
-import { u as qe } from "./format-B8mJm946.js";
+import { u as Pe } from "./format-B8mJm946.js";
 import { _ as I } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { _ as Ee } from "./Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
-import { _ as Ue } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
+import { _ as Ae } from "./Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
+import { _ as Ee } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
 import { u as bt, _ as gt } from "./rowLayout-D1cYQghV.js";
 import { _ as Ye } from "./Menu.vue_vue_type_script_setup_true_lang-uPmxWvds.js";
 import { _ as Ze } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
@@ -19,86 +19,86 @@ import { _ as yt } from "./SelectField.vue_vue_type_script_setup_true_lang-BJoAk
 import { a as _t } from "./mediaQuery-CygcXmFW.js";
 import { _ as xt } from "./Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
 import { t as ke } from "./toast-CqSDTWRX.js";
-const re = (n) => n == null || n === "";
-function et(n) {
-  if (!n) return [null, null];
-  const [e = "", s = ""] = String(n).split(",");
-  return [e.trim() || null, s.trim() || null];
+const re = (s) => s == null || s === "";
+function et(s) {
+  if (!s) return [null, null];
+  const [e = "", n = ""] = String(s).split(",");
+  return [e.trim() || null, n.trim() || null];
 }
-function kt(n, e) {
-  const s = re(n) ? "" : String(n), p = re(e) ? "" : String(e);
-  return s === "" && p === "" ? null : `${s},${p}`;
+function kt(s, e) {
+  const n = re(s) ? "" : String(s), f = re(e) ? "" : String(e);
+  return n === "" && f === "" ? null : `${n},${f}`;
 }
-function wt(n, e) {
-  const s = re(e) ? null : new Set(String(e).split(",")), p = (n.options ?? []).filter(
-    (c) => !n.dependsOn || !s || c.parentValue !== void 0 && s.has(String(c.parentValue))
+function wt(s, e) {
+  const n = re(e) ? null : new Set(String(e).split(",")), f = (s.options ?? []).filter(
+    (r) => !s.dependsOn || !n || r.parentValue !== void 0 && n.has(String(r.parentValue))
   ), a = /* @__PURE__ */ new Map();
-  for (const c of p) {
-    const d = a.get(c.label) ?? { values: [], dot: c.dot }, f = String(c.value);
-    d.values.includes(f) || d.values.push(f), a.set(c.label, d);
+  for (const r of f) {
+    const p = a.get(r.label) ?? { values: [], dot: r.dot }, d = String(r.value);
+    p.values.includes(d) || p.values.push(d), a.set(r.label, p);
   }
-  return [...a.entries()].map(([c, { values: d, dot: f }]) => ({ label: c, value: d.join(","), ...f ? { dot: f } : {} }));
+  return [...a.entries()].map(([r, { values: p, dot: d }]) => ({ label: r, value: p.join(","), ...d ? { dot: d } : {} }));
 }
-function $t(n, e, s) {
+function $t(s, e, n) {
   if (re(e)) return null;
-  if (n.type === "range") {
-    const [a, c] = et(String(e)), d = n.unit ? ` ${n.unit}` : "", f = (b) => `${n.unit ? s.formatNumber(Number(b)) : b}${d}`;
-    return a !== null && c !== null ? `${f(a)} – ${f(c)}` : a !== null ? `${s.from.toLowerCase()} ${f(a)}` : c !== null ? `${s.until.toLowerCase()} ${f(c)}` : null;
+  if (s.type === "range") {
+    const [a, r] = et(String(e)), p = s.unit ? ` ${s.unit}` : "", d = (b) => `${s.unit ? n.formatNumber(Number(b)) : b}${p}`;
+    return a !== null && r !== null ? `${d(a)} – ${d(r)}` : a !== null ? `${n.from.toLowerCase()} ${d(a)}` : r !== null ? `${n.until.toLowerCase()} ${d(r)}` : null;
   }
-  const p = new Set(String(e).split(","));
-  return (n.options ?? []).find((a) => p.has(String(a.value)))?.label ?? String(e);
+  const f = new Set(String(e).split(","));
+  return (s.options ?? []).find((a) => f.has(String(a.value)))?.label ?? String(e);
 }
-function Ve(n, e, s) {
-  const p = new Set(n.map((d) => d.key)), a = (d) => n.find((f) => f.dependsOn === d), c = [];
-  for (const d of n.filter((f) => !f.dependsOn || !p.has(f.dependsOn))) {
-    const f = [];
-    for (let S = d; S && !f.includes(S); S = a(S.key)) f.push(S);
-    const b = f.map((S) => ({ filter: S, value: $t(S, e[S.key], s) })).filter((S) => S.value !== null);
-    b.length !== 0 && c.push({
-      key: d.key,
+function ze(s, e, n) {
+  const f = new Set(s.map((p) => p.key)), a = (p) => s.find((d) => d.dependsOn === p), r = [];
+  for (const p of s.filter((d) => !d.dependsOn || !f.has(d.dependsOn))) {
+    const d = [];
+    for (let S = p; S && !d.includes(S); S = a(S.key)) d.push(S);
+    const b = d.map((S) => ({ filter: S, value: $t(S, e[S.key], n) })).filter((S) => S.value !== null);
+    b.length !== 0 && r.push({
+      key: p.key,
       label: b.length === 1 ? b[0].filter.label : null,
       values: b.map((S) => S.value),
-      clears: f.map((S) => S.key)
+      clears: d.map((S) => S.key)
     });
   }
-  return c;
+  return r;
 }
-function Ct(n, e) {
-  return n.filter((s) => !re(e[s.key])).length;
+function Ct(s, e) {
+  return s.filter((n) => !re(e[n.key])).length;
 }
-const Me = /* @__PURE__ */ new WeakMap();
-function St(n, e, s, p) {
-  let a = Me.get(n);
-  a || Me.set(n, a = /* @__PURE__ */ new Map());
-  const c = `${s}\0${p}`, d = a.get(c);
-  if (d && d.id !== e)
+const Ue = /* @__PURE__ */ new WeakMap();
+function St(s, e, n, f) {
+  let a = Ue.get(s);
+  a || Ue.set(s, a = /* @__PURE__ */ new Map());
+  const r = `${n}\0${f}`, p = a.get(r);
+  if (p && p.id !== e)
     throw new Error(
-      `useCollection("${e}"): the URL state key "${p}" is already used by the list "${d.id}" on this page. Two lists on one page each need their own \`state: { kind: "url", key }\`, or they overwrite each other's state.`
+      `useCollection("${e}"): the URL state key "${f}" is already used by the list "${p.id}" on this page. Two lists on one page each need their own \`state: { kind: "url", key }\`, or they overwrite each other's state.`
     );
-  const f = d ?? { id: e, count: 0 };
-  return f.count++, a.set(c, f), () => {
-    --f.count <= 0 && a.delete(c);
+  const d = p ?? { id: e, count: 0 };
+  return d.count++, a.set(r, d), () => {
+    --d.count <= 0 && a.delete(r);
   };
 }
-const Oe = (n) => n.status === "loaded" || n.status === "refreshing" || n.status === "stale", Be = (n) => n instanceof Error && n.message !== "" ? n.message : String(n);
-function Uo(n, e) {
-  const s = `useCollection("${n.id}")`, p = e.state;
-  let a = null, c = "", d = "", f = () => {
+const Oe = (s) => s.status === "loaded" || s.status === "refreshing" || s.status === "stale", Me = (s) => s instanceof Error && s.message !== "" ? s.message : String(s);
+function Uo(s, e) {
+  const n = `useCollection("${s.id}")`, f = e.state;
+  let a = null, r = "", p = "", d = () => {
   };
-  if (p.kind === "url") {
-    if (a = lt() ? ot(ct, null) : null, !a) throw new Error(`${s}: a URL state needs the application's router. Call it while a component is being set up, with the router installed, or use \`state: { kind: "memory" }\`.`);
-    if (!p.key) throw new Error(`${s}: \`state.key\` must not be empty.`);
-    d = p.key, c = a.currentRoute.value.path, f = St(a, n.id, c, d);
+  if (f.kind === "url") {
+    if (a = lt() ? ot(ct, null) : null, !a) throw new Error(`${n}: a URL state needs the application's router. Call it while a component is being set up, with the router installed, or use \`state: { kind: "memory" }\`.`);
+    if (!f.key) throw new Error(`${n}: \`state.key\` must not be empty.`);
+    p = f.key, r = a.currentRoute.value.path, d = St(a, s.id, r, p);
   }
   const b = e.defaults ? dt({
-    ...n,
-    query: { ...n.contract, sorts: n.contract.sorts ?? void 0, filters: n.contract.filters ?? void 0, views: n.contract.views ?? void 0 },
-    defaults: { ...n.defaults, ...e.defaults }
-  }).defaults : n.defaults, S = { search: e.defaults?.search ?? "", filters: e.defaults?.filters ?? {} }, N = e.defaults ? b : void 0, R = (() => {
+    ...s,
+    query: { ...s.contract, sorts: s.contract.sorts ?? void 0, filters: s.contract.filters ?? void 0, views: s.contract.views ?? void 0 },
+    defaults: { ...s.defaults, ...e.defaults }
+  }).defaults : s.defaults, S = { search: e.defaults?.search ?? "", filters: e.defaults?.filters ?? {} }, N = e.defaults ? b : void 0, R = (() => {
     if (!a) return b;
-    const o = a.currentRoute.value.query[d];
-    return Te(n, Array.isArray(o) ? o[0] : o, N) ?? b;
-  })(), w = xe(R), $ = xe({ status: "loading" }), P = xe(null), j = xe(null), H = _(() => Oe($.value) ? $.value.value : j.value);
+    const o = a.currentRoute.value.query[p];
+    return Re(s, Array.isArray(o) ? o[0] : o, N) ?? b;
+  })(), w = xe(R), $ = xe({ status: "loading" }), P = xe(null), j = xe(null), H = k(() => Oe($.value) ? $.value.value : j.value);
   let A = !1, T = null, Q = 0, M = !1;
   const Y = [];
   a && e.linked && de(a.currentRoute.value.query, e.linked);
@@ -109,7 +109,7 @@ function Uo(n, e) {
       return typeof ae == "string" && ae !== "" ? ae : null;
     };
     if (v.view) {
-      const X = K(v.view), E = X !== null && (n.contract.views ? n.contract.views.includes(X) : !0);
+      const X = K(v.view), E = X !== null && (s.contract.views ? s.contract.views.includes(X) : !0);
       X !== null && E && (L = { ...L, view: X, page: 1 }, Y.push(v.view));
     }
     for (const [X, E] of Object.entries(v.params ?? {})) {
@@ -129,7 +129,7 @@ function Uo(n, e) {
     const v = ++Q, L = T = new AbortController(), K = $.value, X = w.value;
     $.value = o && Oe(K) ? { status: "refreshing", value: K.value } : { status: "loading" };
     try {
-      const E = await n.load(X, { signal: L.signal });
+      const E = await s.load(X, { signal: L.signal });
       if (v !== Q) return;
       if (E.lastPage >= 1 && X.page > E.lastPage) {
         w.value = { ...X, page: E.lastPage }, te(), oe(!1);
@@ -137,8 +137,8 @@ function Uo(n, e) {
       }
       P.value = null, j.value = E, $.value = { status: "loaded", value: E };
     } catch (E) {
-      if (v !== Q || L.signal.aborted || Re(E)) return;
-      P.value = E, $.value = o && Oe(K) ? { status: "stale", value: K.value, error: Be(E) } : { status: "failed", error: Be(E) };
+      if (v !== Q || L.signal.aborted || qe(E)) return;
+      P.value = E, $.value = o && Oe(K) ? { status: "stale", value: K.value, error: Me(E) } : { status: "failed", error: Me(E) };
     }
   }
   function C() {
@@ -166,10 +166,10 @@ function Uo(n, e) {
         do {
           ne = !1;
           const o = a.currentRoute.value;
-          if (A || o.path !== c) return;
-          const v = je(n, w.value, N), L = { ...o.query };
+          if (A || o.path !== r) return;
+          const v = je(s, w.value, N), L = { ...o.query };
           for (const K of Y.splice(0)) delete L[K];
-          o.query[d] === v && Object.keys(L).length === Object.keys(o.query).length || await a.replace({ query: { ...L, [d]: v }, hash: o.hash });
+          o.query[p] === v && Object.keys(L).length === Object.keys(o.query).length || await a.replace({ query: { ...L, [p]: v }, hash: o.hash });
         } while (ne);
       } catch {
       } finally {
@@ -177,48 +177,48 @@ function Uo(n, e) {
       }
     }
   }
-  const h = a ? Le(
-    () => a.currentRoute.value.query[d],
+  const h = a ? Ve(
+    () => a.currentRoute.value.query[p],
     (o) => {
       const v = a.currentRoute.value;
-      if (A || J || v.path !== c) return;
-      const L = Array.isArray(o) ? o[0] : o, K = Te(n, L, N) ?? b;
+      if (A || J || v.path !== r) return;
+      const L = Array.isArray(o) ? o[0] : o, K = Re(s, L, N) ?? b;
       JSON.stringify(K) !== JSON.stringify(w.value) ? (w.value = K, C()) : te();
     }
   ) : () => {
-  }, x = (o, v = !1) => {
+  }, _ = (o, v = !1) => {
     w.value = { ...w.value, ...o, ...v ? { page: 1 } : {} }, C();
   }, z = (o) => {
     const v = { ...w.value.filters };
     for (const [L, K] of Object.entries(o))
       K == null || re(K) ? delete v[L] : v[L] = String(K);
     return v;
-  }, pe = _(
+  }, pe = k(
     () => w.value.search !== "" && w.value.search !== S.search || Object.entries(w.value.filters).some(([o, v]) => !re(v) && v !== S.filters[o])
-  ), me = _(() => Object.keys(S.filters).filter((o) => !re(S.filters[o]) && w.value.filters[o] === S.filters[o])), ye = _(() => H.value?.rows ?? []), $e = _(() => {
+  ), me = k(() => Object.keys(S.filters).filter((o) => !re(S.filters[o]) && w.value.filters[o] === S.filters[o])), ye = k(() => H.value?.rows ?? []), $e = k(() => {
     const o = $.value;
     return o.status === "loading" ? "loading" : o.status === "failed" ? "failed" : o.value.rows.length > 0 ? "rows" : pe.value ? "no-matches" : "empty";
-  }), Ce = _(() => {
+  }), Ce = k(() => {
     const o = new Map((H.value?.views ?? []).map((v) => [v.key, v.count]));
     return (Se(e.views) ?? []).map((v) => o.has(v.key) ? { ...v, count: o.get(v.key) } : v);
   });
   let _e = () => {
   };
-  const i = e.savedViews ? l(e.savedViews) : null;
+  const c = e.savedViews ? l(e.savedViews) : null;
   function m(o) {
     const v = { v: o.state.version, f: o.state.filters, s: o.state.search, w: o.state.view ?? void 0 };
-    return vt(n, v, N);
+    return vt(s, v, N);
   }
   function l(o) {
     const v = ie([]), L = ie("idle");
     let K = null;
-    const X = (U, D) => U.name.localeCompare(D.name), E = _(() => v.value.filter((U) => m(U) !== null));
+    const X = (U, D) => U.name.localeCompare(D.name), E = k(() => v.value.filter((U) => m(U) !== null));
     _e = () => {
       K?.abort(), v.value = [], L.value = "idle";
     };
     const ae = () => ({
-      version: n.stateVersion,
-      filters: Object.fromEntries(Object.entries(w.value.filters).filter(([U, D]) => D !== void 0 && !n.contract.sensitive.includes(U))),
+      version: s.stateVersion,
+      filters: Object.fromEntries(Object.entries(w.value.filters).filter(([U, D]) => D !== void 0 && !s.contract.sensitive.includes(U))),
       search: w.value.search,
       view: w.value.view
     });
@@ -230,22 +230,22 @@ function Uo(n, e) {
         const U = K = new AbortController();
         L.value = "loading";
         try {
-          const D = await o.list(n.id, { signal: U.signal });
+          const D = await o.list(s.id, { signal: U.signal });
           if (U.signal.aborted) return;
           v.value = [...D].sort(X), L.value = "ready";
         } catch (D) {
-          if (U.signal.aborted || Re(D)) return;
+          if (U.signal.aborted || qe(D)) return;
           L.value = "failed";
         }
       },
       current: ae,
       async save(U, D) {
-        const Z = await o.save(n.id, U, { ...ae(), ...D });
+        const Z = await o.save(s.id, U, { ...ae(), ...D });
         return v.value = [...v.value.filter((tt) => tt.id !== Z.id), Z].sort(X), Z;
       },
       apply(U) {
         const D = m(U);
-        D && x({ filters: D.filters, search: D.search, view: U.state.view ? D.view : w.value.view }, !0);
+        D && _({ filters: D.filters, search: D.search, view: U.state.view ? D.view : w.value.view }, !0);
       },
       stageRemoval(U) {
         const D = v.value.find((Z) => Z.id === U) ?? null;
@@ -255,79 +255,79 @@ function Uo(n, e) {
           },
           // Saved again under the same name while the toast was up: the server replaced that very row, it must not be deleted now.
           async commit() {
-            v.value.some((Z) => Z.id === U) || await o.remove(n.id, U);
+            v.value.some((Z) => Z.id === U) || await o.remove(s.id, U);
           }
         };
       }
     };
   }
-  function k() {
-    A || (A = !0, T?.abort(), Q++, h(), f());
+  function x() {
+    A || (A = !0, T?.abort(), Q++, h(), d());
   }
-  return nt() && st(k), ft((o) => {
+  return nt() && st(x), ft((o) => {
     T?.abort(), Q++, $.value = { status: "loading" }, j.value = null, P.value = null, _e(), o !== null && C();
   }), C(), {
-    id: n.id,
-    pageSizes: n.contract.pageSizes,
-    searchable: n.contract.search,
-    rowKey: (o) => n.key(o),
+    id: s.id,
+    pageSizes: s.contract.pageSizes,
+    searchable: s.contract.search,
+    rowKey: (o) => s.key(o),
     state: $,
     query: w,
     page: H,
     rows: ye,
-    total: _(() => H.value?.total ?? 0),
+    total: k(() => H.value?.total ?? 0),
     display: $e,
     isFiltered: pe,
     startFilters: me,
     error: P,
-    columns: _(() => {
-      const o = Se(e.columns) ?? [], v = n.contract.sorts;
+    columns: k(() => {
+      const o = Se(e.columns) ?? [], v = s.contract.sorts;
       if (v) {
-        for (const L of o) if (L.sort !== void 0 && !v.includes(L.sort)) throw new Error(`${s}: column "${L.key}" sorts by "${L.sort}", which is not in the query contract's sorts (${v.join(", ")}).`);
+        for (const L of o) if (L.sort !== void 0 && !v.includes(L.sort)) throw new Error(`${n}: column "${L.key}" sorts by "${L.sort}", which is not in the query contract's sorts (${v.join(", ")}).`);
       }
       return o;
     }),
-    filters: _(() => Se(e.filters) ?? []),
+    filters: k(() => Se(e.filters) ?? []),
     views: Ce,
-    savedViews: i,
+    savedViews: c,
     refresh: B,
     goToPage: (o) => {
-      Number.isInteger(o) && o >= 1 && o !== w.value.page && x({ page: o });
+      Number.isInteger(o) && o >= 1 && o !== w.value.page && _({ page: o });
     },
     nextPage: () => {
       const o = H.value?.lastPage ?? 0;
-      w.value.page < o && x({ page: w.value.page + 1 });
+      w.value.page < o && _({ page: w.value.page + 1 });
     },
     previousPage: () => {
-      w.value.page > 1 && x({ page: w.value.page - 1 });
+      w.value.page > 1 && _({ page: w.value.page - 1 });
     },
     setPageSize: (o) => {
-      n.contract.pageSizes.includes(o) && o !== w.value.pageSize && x({ pageSize: o }, !0);
+      s.contract.pageSizes.includes(o) && o !== w.value.pageSize && _({ pageSize: o }, !0);
     },
     sortBy: (o, v = "asc") => {
-      if (n.contract.sorts && !n.contract.sorts.includes(o)) throw new Error(`${s}: "${o}" is not in the query contract's sorts.`);
-      x({ sort: o, direction: v });
+      if (s.contract.sorts && !s.contract.sorts.includes(o)) throw new Error(`${n}: "${o}" is not in the query contract's sorts.`);
+      _({ sort: o, direction: v });
     },
     toggleSort: (o) => {
       const v = w.value;
-      x({ sort: o, direction: v.sort === o && v.direction === "asc" ? "desc" : "asc" });
+      _({ sort: o, direction: v.sort === o && v.direction === "asc" ? "desc" : "asc" });
     },
-    search: (o) => x({ search: o }, !0),
-    setFilter: (o, v) => x({ filters: z({ [o]: v }) }, !0),
-    setFilters: (o) => x({ filters: z(o) }, !0),
-    clearFilters: () => x({ filters: {}, search: "" }, !0),
+    search: (o) => _({ search: o }, !0),
+    setFilter: (o, v) => _({ filters: z({ [o]: v }) }, !0),
+    setFilters: (o) => _({ filters: z(o) }, !0),
+    clearFilters: () => _({ filters: {}, search: "" }, !0),
     clearStart: () => {
-      me.value.length > 0 && x({ filters: z(Object.fromEntries(me.value.map((o) => [o, null]))) }, !0);
+      me.value.length > 0 && _({ filters: z(Object.fromEntries(me.value.map((o) => [o, null]))) }, !0);
     },
-    setView: (o) => x({ view: o }, !0),
+    setView: (o) => _({ view: o }, !0),
     reset: () => {
       w.value = b, C();
     },
     recordLocation: (o) => {
       const v = e.recordRoute?.(o);
-      return v ? a ? pt(v, { [Ne]: je(n, w.value, N) }) : v : null;
+      return v ? a ? pt(v, { [Te]: je(s, w.value, N) }) : v : null;
     },
-    linkContext: () => a ? { [Ne]: je(n, w.value, N) } : {}
+    linkContext: () => a ? { [Te]: je(s, w.value, N) } : {}
   };
 }
 const jt = {
@@ -343,31 +343,31 @@ const jt = {
     lastChip: {}
   },
   emits: ["remove", "clearAll"],
-  setup(n, { emit: e }) {
-    const s = n, p = e, { t: a } = he();
-    return (c, d) => (u(), y("div", jt, [
+  setup(s, { emit: e }) {
+    const n = s, f = e, { t: a } = he();
+    return (r, p) => (u(), y("div", jt, [
       O(t(I), {
         name: "filter3",
         size: 32,
         class: "mx-auto text-content-disabled"
       }),
-      r("h3", Ot, g(t(a)("core.collection.empty.title")), 1),
-      r("p", zt, g(t(a)("core.collection.empty.description")), 1),
-      r("ul", Vt, [
-        (u(!0), y(ee, null, le(s.chips, (f) => (u(), y("li", {
-          key: f.key,
+      i("h3", Ot, g(t(a)("core.collection.empty.title")), 1),
+      i("p", zt, g(t(a)("core.collection.empty.description")), 1),
+      i("ul", Vt, [
+        (u(!0), y(ee, null, le(n.chips, (d) => (u(), y("li", {
+          key: d.key,
           class: "inline-flex h-7 max-w-full min-w-0 items-center gap-1.5 rounded-control bg-surface-cell pr-0.5 pl-2.5 text-sm shadow-group ring-1 ring-inset ring-border-separator"
         }, [
-          f.label ? (u(), y("span", Lt, g(f.label), 1)) : F("", !0),
-          r("span", {
+          d.label ? (u(), y("span", Lt, g(d.label), 1)) : F("", !0),
+          i("span", {
             class: "min-w-0 truncate font-medium text-content-strong",
-            title: f.values.join(" › ")
-          }, g(f.values.join(" › ")), 9, Ft),
-          r("button", {
+            title: d.values.join(" › ")
+          }, g(d.values.join(" › ")), 9, Ft),
+          i("button", {
             type: "button",
             class: "shrink-0 cursor-pointer rounded p-1 text-content-disabled hover:bg-fill hover:text-content-strong",
-            "aria-label": `${t(a)("core.collection.clear")}: ${f.label ?? f.values.join(" › ")}`,
-            onClick: (b) => p("remove", f)
+            "aria-label": `${t(a)("core.collection.clear")}: ${d.label ?? d.values.join(" › ")}`,
+            onClick: (b) => f("remove", d)
           }, [
             O(t(I), {
               name: "close",
@@ -376,20 +376,20 @@ const jt = {
           ], 8, Pt)
         ]))), 128))
       ]),
-      r("div", qt, [
-        s.lastChip ? (u(), W(ce, ve({ key: 0 }, { "data-test": "collection-empty-remove-last" }, {
+      i("div", qt, [
+        n.lastChip ? (u(), W(ce, ve({ key: 0 }, { "data-test": "collection-empty-remove-last" }, {
           prominence: "secondary",
           size: "sm",
-          onClick: d[0] || (d[0] = (f) => p("remove", s.lastChip))
+          onClick: p[0] || (p[0] = (d) => f("remove", n.lastChip))
         }), {
           default: q(() => [
-            G(g(t(a)("core.collection.empty.remove_last", { filter: s.lastChip.values.join(" › ") })), 1)
+            G(g(t(a)("core.collection.empty.remove_last", { filter: n.lastChip.values.join(" › ") })), 1)
           ]),
           _: 1
         }, 16)) : F("", !0),
         O(ce, ve({ "data-test": "collection-empty-clear-all" }, {
           size: "sm",
-          onClick: d[1] || (d[1] = (f) => p("clearAll"))
+          onClick: p[1] || (p[1] = (d) => f("clearAll"))
         }), {
           default: q(() => [
             G(g(t(a)("core.collection.empty.clear_all")), 1)
@@ -419,108 +419,108 @@ const jt = {
     flat: { type: Boolean }
   },
   emits: ["turned"],
-  setup(n, { emit: e }) {
-    const s = n, p = e, { t: a } = he(), c = qe(), d = _(() => s.collection.query.value.page), f = _(() => s.collection.page.value?.lastPage ?? 0), b = _(() => s.collection.page.value), S = _(() => {
-      if (f.value <= 1) return f.value === 1 ? [1] : [];
-      const $ = [1], P = Math.max(2, d.value - 2), j = Math.min(f.value - 1, d.value + 2);
+  setup(s, { emit: e }) {
+    const n = s, f = e, { t: a } = he(), r = Pe(), p = k(() => n.collection.query.value.page), d = k(() => n.collection.page.value?.lastPage ?? 0), b = k(() => n.collection.page.value), S = k(() => {
+      if (d.value <= 1) return d.value === 1 ? [1] : [];
+      const $ = [1], P = Math.max(2, p.value - 2), j = Math.min(d.value - 1, p.value + 2);
       P > 2 && $.push(null);
       for (let H = P; H <= j; H++) $.push(H);
-      return j < f.value - 1 && $.push(null), $.push(f.value), $;
+      return j < d.value - 1 && $.push(null), $.push(d.value), $;
     });
     function N($) {
-      $ === 1 ? s.collection.nextPage() : s.collection.previousPage(), p("turned");
+      $ === 1 ? n.collection.nextPage() : n.collection.previousPage(), f("turned");
     }
     const R = ($) => [
       "hit-target inline-flex h-7 min-w-7 cursor-pointer items-center justify-center rounded-button px-2 transition-colors duration-motion-fast disabled:cursor-not-allowed disabled:opacity-40",
       $ ? "bg-tint font-semibold text-content-on-tint" : "text-content-strong hover:bg-fill disabled:hover:bg-transparent"
     ].join(" ");
     function w($) {
-      s.collection.setPageSize(Number($.target.value));
+      n.collection.setPageSize(Number($.target.value));
     }
-    return ($, P) => s.compact && f.value > 1 ? (u(), y("nav", {
+    return ($, P) => n.compact && d.value > 1 ? (u(), y("nav", {
       key: 0,
       "aria-label": t(a)("core.collection.page.label"),
-      class: ue(["flex select-none items-center justify-between gap-3 px-1 py-2", s.flat ? "mt-1" : "border-t border-border-separator"]),
+      class: ue(["flex select-none items-center justify-between gap-3 px-1 py-2", n.flat ? "mt-1" : "border-t border-border-separator"]),
       "data-test": "collection-pager-compact"
     }, [
-      r("button", {
+      i("button", {
         type: "button",
         class: "inline-flex size-11 cursor-pointer items-center justify-center rounded-full text-content-link active:bg-fill disabled:cursor-not-allowed disabled:text-content-disabled",
-        disabled: d.value <= 1,
+        disabled: p.value <= 1,
         onClick: P[0] || (P[0] = (j) => N(-1))
       }, [
         O(t(I), {
           name: "arrowLeftSLine",
           size: 20
         }),
-        r("span", At, g(t(a)("core.collection.page.previous")), 1)
+        i("span", At, g(t(a)("core.collection.page.previous")), 1)
       ], 8, Nt),
-      r("span", Et, g(t(a)("core.collection.page.page_of", { current: t(c).number(d.value), total: t(c).number(f.value) })), 1),
-      r("button", {
+      i("span", Et, g(t(a)("core.collection.page.page_of", { current: t(r).number(p.value), total: t(r).number(d.value) })), 1),
+      i("button", {
         type: "button",
         class: "inline-flex size-11 cursor-pointer items-center justify-center rounded-full text-content-link active:bg-fill disabled:cursor-not-allowed disabled:text-content-disabled",
-        disabled: d.value >= f.value,
+        disabled: p.value >= d.value,
         onClick: P[1] || (P[1] = (j) => N(1))
       }, [
         O(t(I), {
           name: "arrowRightSLine",
           size: 20
         }),
-        r("span", Mt, g(t(a)("core.collection.page.next")), 1)
+        i("span", Mt, g(t(a)("core.collection.page.next")), 1)
       ], 8, Ut)
-    ], 10, Tt)) : s.compact ? F("", !0) : (u(), y("div", Bt, [
-      r("div", Dt, [
-        b.value ? (u(), y("span", It, g(t(a)("core.collection.page.total", { from: t(c).number(b.value.from), to: t(c).number(b.value.to), total: t(c).number(b.value.total) })), 1)) : F("", !0),
-        r("label", Ht, [
-          r("span", Kt, g(t(a)("core.collection.page.per_page")) + ":", 1),
-          r("select", {
-            value: s.collection.query.value.pageSize,
+    ], 10, Tt)) : n.compact ? F("", !0) : (u(), y("div", Bt, [
+      i("div", Dt, [
+        b.value ? (u(), y("span", It, g(t(a)("core.collection.page.total", { from: t(r).number(b.value.from), to: t(r).number(b.value.to), total: t(r).number(b.value.total) })), 1)) : F("", !0),
+        i("label", Ht, [
+          i("span", Kt, g(t(a)("core.collection.page.per_page")) + ":", 1),
+          i("select", {
+            value: n.collection.query.value.pageSize,
             class: "cursor-pointer rounded-control bg-transparent py-0.5 pr-1 font-semibold text-content-strong hover:bg-fill",
             onChange: w
           }, [
-            (u(!0), y(ee, null, le(s.collection.pageSizes, (j) => (u(), y("option", {
+            (u(!0), y(ee, null, le(n.collection.pageSizes, (j) => (u(), y("option", {
               key: j,
               value: j
             }, g(j), 9, Qt))), 128))
           ], 40, Wt)
         ])
       ]),
-      r("nav", {
+      i("nav", {
         "aria-label": t(a)("core.collection.page.label"),
         class: "flex items-center gap-0.5 text-subheadline tabular-nums"
       }, [
-        r("button", {
+        i("button", {
           type: "button",
           class: ue(R(!1)),
-          disabled: d.value <= 1,
+          disabled: p.value <= 1,
           onClick: P[2] || (P[2] = (j) => N(-1))
         }, [
           O(t(I), {
             name: "arrowLeftSLine",
             size: 16
           }),
-          r("span", Gt, g(t(a)("core.collection.page.previous")), 1)
+          i("span", Gt, g(t(a)("core.collection.page.previous")), 1)
         ], 10, Jt),
         (u(!0), y(ee, null, le(S.value, (j, H) => (u(), y(ee, { key: H }, [
           j === null ? (u(), y("span", Yt, "…")) : (u(), y("button", {
             key: 1,
             type: "button",
-            class: ue(R(j === d.value)),
-            "aria-current": j === d.value ? "page" : void 0,
-            onClick: (A) => s.collection.goToPage(j)
-          }, g(t(c).number(j)), 11, Zt))
+            class: ue(R(j === p.value)),
+            "aria-current": j === p.value ? "page" : void 0,
+            onClick: (A) => n.collection.goToPage(j)
+          }, g(t(r).number(j)), 11, Zt))
         ], 64))), 128)),
-        r("button", {
+        i("button", {
           type: "button",
           class: ue(R(!1)),
-          disabled: d.value >= f.value,
+          disabled: p.value >= d.value,
           onClick: P[3] || (P[3] = (j) => N(1))
         }, [
           O(t(I), {
             name: "arrowRightSLine",
             size: 16
           }),
-          r("span", tl, g(t(a)("core.collection.page.next")), 1)
+          i("span", tl, g(t(a)("core.collection.page.next")), 1)
         ], 10, el)
       ], 8, Xt)
     ]));
@@ -528,60 +528,60 @@ const jt = {
 }), ol = ["onClick"], nl = { class: "max-w-56 truncate" }, sl = { class: "flex flex-col gap-1.5 text-footnote font-medium text-content-muted" }, al = ["placeholder"], rl = { class: "flex items-center justify-between gap-2" }, il = {
   type: "submit",
   class: "cursor-pointer rounded-control bg-tint px-3 py-1.5 text-footnote font-semibold text-content-on-tint"
-}, cl = ["onClick"], ul = { class: "max-w-56 truncate" }, De = "inline-flex shrink-0 cursor-pointer items-center gap-x-2 rounded-button px-3 py-1.5 text-subheadline transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", dl = /* @__PURE__ */ be({
+}, cl = ["onClick"], ul = { class: "max-w-56 truncate" }, Be = "inline-flex shrink-0 cursor-pointer items-center gap-x-2 rounded-button px-3 py-1.5 text-subheadline transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", dl = /* @__PURE__ */ be({
   __name: "CollectionFilterMenu",
   props: {
     filter: {},
     value: {}
   },
   emits: ["update"],
-  setup(n, { emit: e }) {
-    const s = n, p = e, { t: a } = he(), c = _(() => re(s.value) ? null : String(s.value)), d = _(() => s.filter.options?.find((A) => String(A.value) === c.value) ?? null), f = _(() => [
-      ...s.filter.withoutDefaultOption ? [] : [{ id: "__all", label: s.filter.defaultOptionTitle ?? a("core.collection.filters.show_all"), checked: c.value === null, onSelect: () => p("update", null) }],
-      ...(s.filter.options ?? []).map((T) => ({
+  setup(s, { emit: e }) {
+    const n = s, f = e, { t: a } = he(), r = k(() => re(n.value) ? null : String(n.value)), p = k(() => n.filter.options?.find((A) => String(A.value) === r.value) ?? null), d = k(() => [
+      ...n.filter.withoutDefaultOption ? [] : [{ id: "__all", label: n.filter.defaultOptionTitle ?? a("core.collection.filters.show_all"), checked: r.value === null, onSelect: () => f("update", null) }],
+      ...(n.filter.options ?? []).map((T) => ({
         id: `option-${String(T.value)}`,
         label: T.label,
         icon: T.icon,
         dot: T.dot,
-        checked: c.value === String(T.value),
-        onSelect: () => p("update", String(T.value))
+        checked: r.value === String(T.value),
+        onSelect: () => f("update", String(T.value))
       }))
-    ]), b = _(() => s.filter.type === "text" && c.value ? `${s.filter.label}: ${c.value}` : d.value?.label ?? s.filter.label), S = _(() => c.value !== null), N = _(
+    ]), b = k(() => n.filter.type === "text" && r.value ? `${n.filter.label}: ${r.value}` : p.value?.label ?? n.filter.label), S = k(() => r.value !== null), N = k(
       () => S.value ? "bg-tint-soft font-semibold text-content-link" : "bg-surface-cell font-medium text-content-strong ring-1 ring-inset ring-border-separator hover:bg-fill"
     ), R = ie(""), w = fe("popover");
-    Le(c, (A) => R.value = A ?? "", { immediate: !0 });
+    Ve(r, (A) => R.value = A ?? "", { immediate: !0 });
     function $() {
       const A = R.value.trim();
-      p("update", A === "" ? null : A), w.value?.dismiss();
+      f("update", A === "" ? null : A), w.value?.dismiss();
     }
     function P() {
-      R.value = "", p("update", null), w.value?.dismiss();
+      R.value = "", f("update", null), w.value?.dismiss();
     }
     const j = fe("field");
     async function H() {
       await at(), j.value?.focus();
     }
-    return (A, T) => s.filter.type === "text" ? (u(), W(t(Ze), {
+    return (A, T) => n.filter.type === "text" ? (u(), W(t(Ze), {
       key: 0,
       ref_key: "popover",
       ref: w,
-      label: s.filter.label,
+      label: n.filter.label,
       width: "md",
       placement: "bottom-start",
       onPresented: H
     }, {
       trigger: q(({ toggle: Q, attrs: M }) => [
-        r("button", ve(M, {
+        i("button", ve(M, {
           type: "button",
-          class: [De, N.value],
+          class: [Be, N.value],
           onClick: Q
         }), [
-          s.filter.icon ? (u(), W(t(I), {
+          n.filter.icon ? (u(), W(t(I), {
             key: 0,
-            name: s.filter.icon,
+            name: n.filter.icon,
             size: 16
           }, null, 8, ["name"])) : F("", !0),
-          r("span", nl, g(b.value), 1),
+          i("span", nl, g(b.value), 1),
           O(t(I), {
             name: "arrowDownSLine",
             size: 16,
@@ -590,13 +590,13 @@ const jt = {
         ], 16, ol)
       ]),
       default: q(() => [
-        r("form", {
+        i("form", {
           class: "flex flex-col gap-3",
-          onSubmit: We($, ["prevent"])
+          onSubmit: Ke($, ["prevent"])
         }, [
-          r("label", sl, [
-            G(g(s.filter.label) + " ", 1),
-            Fe(r("input", {
+          i("label", sl, [
+            G(g(n.filter.label) + " ", 1),
+            Le(i("input", {
               ref_key: "field",
               ref: j,
               "onUpdate:modelValue": T[0] || (T[0] = (Q) => R.value = Q),
@@ -605,42 +605,42 @@ const jt = {
               placeholder: t(a)("core.collection.filters.type_to_filter"),
               class: "rounded-control bg-fill px-2.5 py-1.5 text-body text-content-strong outline-none placeholder:text-content-disabled focus:bg-surface-cell focus:ring-[1.5px] focus:ring-inset focus:ring-border-focus"
             }, null, 8, al), [
-              [Pe, R.value]
+              [Fe, R.value]
             ])
           ]),
-          r("div", rl, [
-            r("button", {
+          i("div", rl, [
+            i("button", {
               type: "button",
               class: "cursor-pointer rounded-control px-2 py-1 text-footnote text-content-muted hover:text-content-strong",
               onClick: P
             }, g(t(a)("core.collection.filters.clear")), 1),
-            r("button", il, g(t(a)("core.collection.filters.apply")), 1)
+            i("button", il, g(t(a)("core.collection.filters.apply")), 1)
           ])
         ], 32)
       ]),
       _: 1
     }, 8, ["label"])) : (u(), W(t(Ye), {
       key: 1,
-      items: f.value,
-      label: s.filter.label,
+      items: d.value,
+      label: n.filter.label,
       placement: "bottom-start"
     }, {
       trigger: q(({ toggle: Q, attrs: M }) => [
-        r("button", ve(M, {
+        i("button", ve(M, {
           type: "button",
-          class: [De, N.value],
+          class: [Be, N.value],
           onClick: Q
         }), [
-          s.filter.icon ? (u(), W(t(I), {
+          n.filter.icon ? (u(), W(t(I), {
             key: 0,
-            name: s.filter.icon,
+            name: n.filter.icon,
             size: 16
           }, null, 8, ["name"])) : F("", !0),
-          d.value?.dot ? (u(), W(we, {
+          p.value?.dot ? (u(), W(we, {
             key: 1,
-            tone: d.value.dot
+            tone: p.value.dot
           }, null, 8, ["tone"])) : F("", !0),
-          r("span", ul, g(b.value), 1),
+          i("span", ul, g(b.value), 1),
           O(t(I), {
             name: "arrowDownSLine",
             size: 16,
@@ -665,157 +665,157 @@ const jt = {
   key: 0,
   class: "text-footnote text-status-warning-content",
   "data-test": "saved-filter-replace-hint"
-}, Hl = { class: "flex justify-end gap-2" }, Kl = 8, Wl = 18, Ie = 6e3, Ql = /* @__PURE__ */ be({
+}, Hl = { class: "flex justify-end gap-2" }, Kl = 8, Wl = 18, De = 6e3, Ql = /* @__PURE__ */ be({
   __name: "CollectionFilterPanel",
   props: {
     collection: {},
     filters: {}
   },
   emits: ["touched"],
-  setup(n, { expose: e, emit: s }) {
-    const p = n, a = s, { t: c } = he(), d = fe("sheet"), f = _t("(max-width: 1023px), (pointer: coarse)"), b = ie({}), S = ie({}), N = ie(null), R = _(() => p.filters.find((i) => i.key === N.value) ?? null);
+  setup(s, { expose: e, emit: n }) {
+    const f = s, a = n, { t: r } = he(), p = fe("sheet"), d = _t("(max-width: 1023px), (pointer: coarse)"), b = ie({}), S = ie({}), N = ie(null), R = k(() => f.filters.find((c) => c.key === N.value) ?? null);
     function w() {
-      const i = {}, m = {};
-      for (const l of p.filters) {
-        const k = p.collection.query.value.filters[l.key];
-        if (i[l.key] = re(k) ? null : String(k), l.type === "range") {
-          const [o, v] = et(i[l.key]);
+      const c = {}, m = {};
+      for (const l of f.filters) {
+        const x = f.collection.query.value.filters[l.key];
+        if (c[l.key] = re(x) ? null : String(x), l.type === "range") {
+          const [o, v] = et(c[l.key]);
           m[l.key] = { min: o ?? "", max: v ?? "" };
         }
       }
-      b.value = i, S.value = m, N.value = null, d.value?.present();
+      b.value = c, S.value = m, N.value = null, p.value?.present();
     }
-    function $(i, m) {
+    function $(c, m) {
       const l = re(m) ? null : String(m);
-      if (b.value[i] !== l) {
-        b.value = { ...b.value, [i]: l };
-        for (const k of p.filters.filter((o) => o.dependsOn === i)) $(k.key, null);
+      if (b.value[c] !== l) {
+        b.value = { ...b.value, [c]: l };
+        for (const x of f.filters.filter((o) => o.dependsOn === c)) $(x.key, null);
       }
     }
     function P() {
-      for (const i of p.filters)
-        b.value[i.key] = null, i.type === "range" && (S.value[i.key] = { min: "", max: "" });
+      for (const c of f.filters)
+        b.value[c.key] = null, c.type === "range" && (S.value[c.key] = { min: "", max: "" });
     }
-    const j = (i) => i.replace(/[^\d.,-]/g, "").replace(",", "."), H = (i, m) => {
-      const l = S.value[i]?.[m] ?? "", k = l === "" ? Number.NaN : Number(j(l));
-      return Number.isNaN(k) ? null : k;
+    const j = (c) => c.replace(/[^\d.,-]/g, "").replace(",", "."), H = (c, m) => {
+      const l = S.value[c]?.[m] ?? "", x = l === "" ? Number.NaN : Number(j(l));
+      return Number.isNaN(x) ? null : x;
     };
-    function A(i, m, l) {
-      const k = S.value[i];
-      k && (k[m] = l === null ? "" : String(l));
+    function A(c, m, l) {
+      const x = S.value[c];
+      x && (x[m] = l === null ? "" : String(l));
     }
     function T() {
-      const i = {};
-      for (const m of p.filters) {
+      const c = {};
+      for (const m of f.filters) {
         const l = S.value[m.key];
-        i[m.key] = m.type === "range" ? kt(l ? j(l.min) : null, l ? j(l.max) : null) : b.value[m.key] ?? null;
+        c[m.key] = m.type === "range" ? kt(l ? j(l.min) : null, l ? j(l.max) : null) : b.value[m.key] ?? null;
       }
-      return i;
+      return c;
     }
     function Q() {
-      const i = T(), m = Object.keys(i).filter((l) => (p.collection.query.value.filters[l] ?? null) !== i[l]);
-      a("touched", m), p.collection.setFilters(i), d.value?.dismiss();
+      const c = T(), m = Object.keys(c).filter((l) => (f.collection.query.value.filters[l] ?? null) !== c[l]);
+      a("touched", m), f.collection.setFilters(c), p.value?.dismiss();
     }
-    const M = (i) => wt(i, i.dependsOn ? b.value[i.dependsOn] : null), Y = (i) => i.defaultOptionTitle ?? c("core.collection.filters.show_all");
-    function de(i) {
-      const m = b.value[i.key];
-      return m == null ? Y(i) : M(i).find((l) => l.value === m)?.label ?? m;
+    const M = (c) => wt(c, c.dependsOn ? b.value[c.dependsOn] : null), Y = (c) => c.defaultOptionTitle ?? r("core.collection.filters.show_all");
+    function de(c) {
+      const m = b.value[c.key];
+      return m == null ? Y(c) : M(c).find((l) => l.value === m)?.label ?? m;
     }
-    const oe = (i) => [{ value: null, label: Y(i) }, ...M(i)], C = (i) => {
-      const m = b.value[i.key];
-      return m == null ? void 0 : M(i).find((l) => l.value === m)?.dot;
-    }, B = (i) => [
-      { value: "", label: Y(i) },
-      ...M(i).map((m) => ({ value: String(m.value), label: m.label, dot: m.dot }))
-    ], V = (i) => [
-      { value: "", label: Y(i) },
-      ...(i.options ?? []).map((m) => ({ value: String(m.value), label: m.label }))
+    const oe = (c) => [{ value: null, label: Y(c) }, ...M(c)], C = (c) => {
+      const m = b.value[c.key];
+      return m == null ? void 0 : M(c).find((l) => l.value === m)?.dot;
+    }, B = (c) => [
+      { value: "", label: Y(c) },
+      ...M(c).map((m) => ({ value: String(m.value), label: m.label, dot: m.dot }))
+    ], V = (c) => [
+      { value: "", label: Y(c) },
+      ...(c.options ?? []).map((m) => ({ value: String(m.value), label: m.label }))
     ];
-    function J(i) {
-      const m = M(i);
-      return !i.dependsOn && m.length > 0 && m.length <= Kl && m.every((l) => l.label.length <= Wl);
+    function J(c) {
+      const m = M(c);
+      return !c.dependsOn && m.length > 0 && m.length <= Kl && m.every((l) => l.label.length <= Wl);
     }
-    const ne = _(() => f.value && R.value !== null), te = _(() => p.collection.savedViews), se = ie(""), h = ie(!1), x = fe("savePopover");
+    const ne = k(() => d.value && R.value !== null), te = k(() => f.collection.savedViews), se = ie(""), h = ie(!1), _ = fe("savePopover");
     function z() {
-      const i = new Set(p.filters.map((l) => l.key)), m = {};
-      for (const [l, k] of Object.entries(p.collection.query.value.filters))
-        !i.has(l) && k !== void 0 && k !== "" && (m[l] = String(k));
-      for (const [l, k] of Object.entries(T())) k !== null && (m[l] = k);
-      return { filters: m, search: p.collection.query.value.search };
+      const c = new Set(f.filters.map((l) => l.key)), m = {};
+      for (const [l, x] of Object.entries(f.collection.query.value.filters))
+        !c.has(l) && x !== void 0 && x !== "" && (m[l] = String(x));
+      for (const [l, x] of Object.entries(T())) x !== null && (m[l] = x);
+      return { filters: m, search: f.collection.query.value.search };
     }
-    const pe = _(() => {
-      const i = z();
-      return Object.keys(i.filters).length > 0 || i.search.trim() !== "";
-    }), me = _(() => {
-      const i = se.value.trim();
-      return i ? te.value?.items.value.find((m) => m.name === i) ?? null : null;
-    }), ye = (i, m) => ut(i) && i.message ? i.message : m;
+    const pe = k(() => {
+      const c = z();
+      return Object.keys(c.filters).length > 0 || c.search.trim() !== "";
+    }), me = k(() => {
+      const c = se.value.trim();
+      return c ? te.value?.items.value.find((m) => m.name === c) ?? null : null;
+    }), ye = (c, m) => ut(c) && c.message ? c.message : m;
     async function $e() {
-      const i = se.value.trim(), m = te.value;
-      if (!(!m || !i || h.value || !pe.value)) {
+      const c = se.value.trim(), m = te.value;
+      if (!(!m || !c || h.value || !pe.value)) {
         h.value = !0;
         try {
-          const l = await m.save(i, z());
-          se.value = "", x.value?.dismiss(), ke.success(c("core.collection.saved.saved_toast", { name: l.name })), m.apply(l), a("touched", []), d.value?.dismiss();
+          const l = await m.save(c, z());
+          se.value = "", _.value?.dismiss(), ke.success(r("core.collection.saved.saved_toast", { name: l.name })), m.apply(l), a("touched", []), p.value?.dismiss();
         } catch (l) {
-          ke.error(ye(l, c("core.collection.saved.save_failed")));
+          ke.error(ye(l, r("core.collection.saved.save_failed")));
         } finally {
           h.value = !1;
         }
       }
     }
-    function Ce(i) {
-      te.value?.apply(i), a("touched", []), d.value?.dismiss();
+    function Ce(c) {
+      te.value?.apply(c), a("touched", []), p.value?.dismiss();
     }
-    function _e(i) {
+    function _e(c) {
       const m = te.value;
       if (!m) return;
-      const { revert: l, commit: k } = m.stageRemoval(i.id), o = setTimeout(() => {
-        k().catch((v) => {
-          l(), ke.error(ye(v, c("core.collection.saved.delete_failed")));
+      const { revert: l, commit: x } = m.stageRemoval(c.id), o = setTimeout(() => {
+        x().catch((v) => {
+          l(), ke.error(ye(v, r("core.collection.saved.delete_failed")));
         });
-      }, Ie);
-      ke.success(c("core.collection.saved.deleted_toast", { name: i.name }), {
-        duration: Ie,
+      }, De);
+      ke.success(r("core.collection.saved.deleted_toast", { name: c.name }), {
+        duration: De,
         action: {
-          label: c("core.collection.saved.undo"),
+          label: r("core.collection.saved.undo"),
           onClick: () => {
             clearTimeout(o), l();
           }
         }
       });
     }
-    return e({ present: w }), (i, m) => (u(), W(t(xt), {
+    return e({ present: w }), (c, m) => (u(), W(t(xt), {
       ref_key: "sheet",
-      ref: d,
-      title: t(c)("core.collection.filters.panel_title"),
+      ref: p,
+      title: t(r)("core.collection.filters.panel_title"),
       grouped: ne.value
     }, {
       footer: q(() => [
-        r("div", Nl, [
+        i("div", Nl, [
           O(ce, {
             prominence: "standard",
             class: "whitespace-nowrap",
             onClick: P
           }, {
             default: q(() => [
-              G(g(t(c)("core.collection.filters.reset_all")), 1)
+              G(g(t(r)("core.collection.filters.reset_all")), 1)
             ]),
             _: 1
           }),
-          r("div", Al, [
+          i("div", Al, [
             te.value ? (u(), W(t(Ze), {
               key: 0,
               ref_key: "savePopover",
-              ref: x,
+              ref: _,
               placement: "top-end",
-              label: t(c)("core.collection.saved.save_button")
+              label: t(r)("core.collection.saved.save_button")
             }, {
-              trigger: q(({ toggle: l, attrs: k }) => [
-                r("span", {
-                  title: pe.value ? void 0 : t(c)("core.collection.saved.nothing_to_save")
+              trigger: q(({ toggle: l, attrs: x }) => [
+                i("span", {
+                  title: pe.value ? void 0 : t(r)("core.collection.saved.nothing_to_save")
                 }, [
-                  O(ce, ve({ ...k, "data-test": "saved-filter-open" }, {
+                  O(ce, ve({ ...x, "data-test": "saved-filter-open" }, {
                     prominence: "standard",
                     icon: "save",
                     class: "whitespace-nowrap",
@@ -823,40 +823,40 @@ const jt = {
                     onClick: l
                   }), {
                     default: q(() => [
-                      r("span", Ul, g(t(c)("core.collection.saved.save")), 1),
-                      r("span", Ml, g(t(c)("core.collection.saved.save_button")), 1)
+                      i("span", Ul, g(t(r)("core.collection.saved.save")), 1),
+                      i("span", Ml, g(t(r)("core.collection.saved.save_button")), 1)
                     ]),
                     _: 1
                   }, 16, ["disabled", "onClick"])
                 ], 8, El)
               ]),
               default: q(() => [
-                r("form", {
+                i("form", {
                   class: "flex flex-col gap-3",
                   "data-test": "saved-filter-form",
-                  onSubmit: We($e, ["prevent"])
+                  onSubmit: Ke($e, ["prevent"])
                 }, [
-                  r("label", Bl, [
-                    G(g(t(c)("core.collection.saved.name_label")) + " ", 1),
-                    Fe(r("input", {
+                  i("label", Bl, [
+                    G(g(t(r)("core.collection.saved.name_label")) + " ", 1),
+                    Le(i("input", {
                       "onUpdate:modelValue": m[1] || (m[1] = (l) => se.value = l),
                       type: "text",
                       maxlength: "60",
                       autocomplete: "off",
-                      placeholder: t(c)("core.collection.saved.name_placeholder"),
+                      placeholder: t(r)("core.collection.saved.name_placeholder"),
                       class: "rounded-control bg-fill px-2.5 py-1.5 text-body text-content-strong outline-none placeholder:text-content-disabled focus:bg-surface-cell focus:ring-[1.5px] focus:ring-inset focus:ring-border-focus"
                     }, null, 8, Dl), [
-                      [Pe, se.value]
+                      [Fe, se.value]
                     ])
                   ]),
-                  me.value ? (u(), y("p", Il, g(t(c)("core.collection.saved.replace_hint", { name: me.value.name })), 1)) : F("", !0),
-                  r("div", Hl, [
+                  me.value ? (u(), y("p", Il, g(t(r)("core.collection.saved.replace_hint", { name: me.value.name })), 1)) : F("", !0),
+                  i("div", Hl, [
                     O(ce, {
                       size: "sm",
-                      onClick: m[2] || (m[2] = (l) => x.value?.dismiss())
+                      onClick: m[2] || (m[2] = (l) => _.value?.dismiss())
                     }, {
                       default: q(() => [
-                        G(g(t(c)("core.actions.cancel")), 1)
+                        G(g(t(r)("core.actions.cancel")), 1)
                       ]),
                       _: 1
                     }),
@@ -868,7 +868,7 @@ const jt = {
                       disabled: !se.value.trim()
                     }), {
                       default: q(() => [
-                        G(g(me.value ? t(c)("core.collection.saved.replace") : t(c)("core.collection.saved.save")), 1)
+                        G(g(me.value ? t(r)("core.collection.saved.replace") : t(r)("core.collection.saved.save")), 1)
                       ]),
                       _: 1
                     }, 16, ["processing", "disabled"])
@@ -884,7 +884,7 @@ const jt = {
               onClick: Q
             }, {
               default: q(() => [
-                G(g(t(c)("core.collection.filters.apply")), 1)
+                G(g(t(r)("core.collection.filters.apply")), 1)
               ]),
               _: 1
             })
@@ -892,8 +892,8 @@ const jt = {
         ])
       ]),
       default: q(() => [
-        t(f) && R.value ? (u(), y("div", fl, [
-          r("button", {
+        t(d) && R.value ? (u(), y("div", fl, [
+          i("button", {
             type: "button",
             "data-test": "filter-drilldown-back",
             class: "-mx-2 -mt-2 mb-1 inline-flex h-10 cursor-pointer items-center gap-0.5 rounded-control px-2 text-body font-medium text-content-link active:bg-tint-soft",
@@ -903,10 +903,10 @@ const jt = {
               name: "arrowLeftSLine",
               size: 20
             }),
-            G(" " + g(t(c)("core.collection.filters.panel_title")), 1)
+            G(" " + g(t(r)("core.collection.filters.panel_title")), 1)
           ]),
-          r("p", pl, g(R.value.label), 1),
-          r("ul", {
+          i("p", pl, g(R.value.label), 1),
+          i("ul", {
             class: "overflow-hidden rounded-group bg-surface-cell shadow-group",
             role: "listbox",
             "aria-label": R.value.label
@@ -915,21 +915,21 @@ const jt = {
               key: String(l.value),
               role: "presentation"
             }, [
-              r("button", {
+              i("button", {
                 type: "button",
                 role: "option",
                 "aria-selected": (b.value[R.value.key] ?? null) === l.value,
                 class: "flex min-h-11 w-full cursor-pointer items-center justify-between gap-3 px-row-inset text-left text-body active:bg-fill",
-                onClick: (k) => {
+                onClick: (x) => {
                   $(R.value.key, l.value), N.value = null;
                 }
               }, [
-                r("span", bl, [
+                i("span", bl, [
                   l.dot ? (u(), W(we, {
                     key: 0,
                     tone: l.dot
                   }, null, 8, ["tone"])) : F("", !0),
-                  r("span", gl, g(l.label), 1)
+                  i("span", gl, g(l.label), 1)
                 ]),
                 (b.value[R.value.key] ?? null) === l.value ? (u(), W(t(I), {
                   key: 0,
@@ -942,17 +942,17 @@ const jt = {
           ], 8, vl)
         ])) : (u(), y(ee, { key: 1 }, [
           te.value && te.value.items.value.length > 0 ? (u(), y("section", hl, [
-            r("p", yl, g(t(c)("core.collection.saved.title")), 1),
-            r("div", _l, [
+            i("p", yl, g(t(r)("core.collection.saved.title")), 1),
+            i("div", _l, [
               (u(!0), y(ee, null, le(te.value.items.value, (l) => (u(), y("span", {
                 key: l.id,
                 class: "inline-flex h-8 items-center rounded-control bg-surface-cell text-subheadline shadow-group ring-1 ring-inset ring-border-separator"
               }, [
-                r("button", {
+                i("button", {
                   type: "button",
                   "data-test": "saved-filter-apply",
                   class: "inline-flex h-full cursor-pointer items-center gap-1.5 rounded-l-control pr-1.5 pl-2.5 font-medium text-content-strong hover:bg-fill",
-                  onClick: (k) => Ce(l)
+                  onClick: (x) => Ce(l)
                 }, [
                   O(t(I), {
                     name: "starFill",
@@ -961,13 +961,13 @@ const jt = {
                   }),
                   G(" " + g(l.name), 1)
                 ], 8, xl),
-                r("button", {
+                i("button", {
                   type: "button",
                   "data-test": "saved-filter-delete",
-                  "aria-label": t(c)("core.collection.saved.delete", { name: l.name }),
-                  title: t(c)("core.collection.saved.delete", { name: l.name }),
+                  "aria-label": t(r)("core.collection.saved.delete", { name: l.name }),
+                  title: t(r)("core.collection.saved.delete", { name: l.name }),
                   class: "h-full cursor-pointer rounded-r-control px-1.5 text-content-muted hover:bg-fill hover:text-content-destructive",
-                  onClick: (k) => _e(l)
+                  onClick: (x) => _e(l)
                 }, [
                   O(t(I), {
                     name: "close",
@@ -977,78 +977,78 @@ const jt = {
               ]))), 128))
             ])
           ])) : F("", !0),
-          r("div", wl, [
-            (u(!0), y(ee, null, le(p.filters, (l) => (u(), y(ee, {
+          i("div", wl, [
+            (u(!0), y(ee, null, le(f.filters, (l) => (u(), y(ee, {
               key: l.key
             }, [
               l.type === "segmented" ? (u(), y("div", $l, [
-                r("p", Cl, g(l.label), 1),
+                i("p", Cl, g(l.label), 1),
                 O(t(Ge), {
                   "model-value": b.value[l.key] ?? "",
                   tabs: V(l),
                   label: l.label,
                   stretch: "",
-                  "onUpdate:modelValue": (k) => $(l.key, k === null ? null : String(k))
+                  "onUpdate:modelValue": (x) => $(l.key, x === null ? null : String(x))
                 }, null, 8, ["model-value", "tabs", "label", "onUpdate:modelValue"])
               ])) : l.type === "range" ? (u(), y("div", {
                 key: 1,
                 role: "group",
                 "aria-label": l.label
               }, [
-                r("p", jl, g(l.label), 1),
+                i("p", jl, g(l.label), 1),
                 S.value[l.key] ? (u(), y("div", Ol, [
-                  (u(), y(ee, null, le(["min", "max"], (k) => O(ht, {
-                    key: k,
-                    "model-value": H(l.key, k),
-                    name: `${l.key}_${k}`,
+                  (u(), y(ee, null, le(["min", "max"], (x) => O(ht, {
+                    key: x,
+                    "model-value": H(l.key, x),
+                    name: `${l.key}_${x}`,
                     width: "full",
                     decimals: l.decimals ?? 0,
                     suffix: l.unit,
-                    label: t(c)(k === "min" ? "core.collection.filters.range_from" : "core.collection.filters.range_until"),
-                    "onUpdate:modelValue": (o) => A(l.key, k, o)
+                    label: t(r)(x === "min" ? "core.collection.filters.range_from" : "core.collection.filters.range_until"),
+                    "onUpdate:modelValue": (o) => A(l.key, x, o)
                   }, null, 8, ["model-value", "name", "decimals", "suffix", "label", "onUpdate:modelValue"])), 64))
                 ])) : F("", !0)
-              ], 8, Sl)) : t(f) && J(l) ? (u(), y("div", {
+              ], 8, Sl)) : t(d) && J(l) ? (u(), y("div", {
                 key: 2,
                 role: "group",
                 "aria-label": l.label,
                 "data-test": "filter-chips"
               }, [
-                r("p", Vl, g(l.label), 1),
-                r("div", Ll, [
-                  (u(!0), y(ee, null, le(oe(l), (k) => (u(), y("button", {
-                    key: String(k.value),
+                i("p", Vl, g(l.label), 1),
+                i("div", Ll, [
+                  (u(!0), y(ee, null, le(oe(l), (x) => (u(), y("button", {
+                    key: String(x.value),
                     type: "button",
-                    "aria-pressed": (b.value[l.key] ?? null) === k.value,
-                    class: ue(["min-h-9 cursor-pointer rounded-full px-3.5 text-subheadline ring-1 ring-inset transition-colors", (b.value[l.key] ?? null) === k.value ? "bg-tint-soft font-semibold text-content-link ring-border-selected" : "bg-surface-cell text-content ring-border-separator active:bg-fill"]),
-                    onClick: (o) => $(l.key, k.value)
+                    "aria-pressed": (b.value[l.key] ?? null) === x.value,
+                    class: ue(["min-h-9 cursor-pointer rounded-full px-3.5 text-subheadline ring-1 ring-inset transition-colors", (b.value[l.key] ?? null) === x.value ? "bg-tint-soft font-semibold text-content-link ring-border-selected" : "bg-surface-cell text-content ring-border-separator active:bg-fill"]),
+                    onClick: (o) => $(l.key, x.value)
                   }, [
-                    r("span", Pl, [
-                      k.dot ? (u(), W(we, {
+                    i("span", Pl, [
+                      x.dot ? (u(), W(we, {
                         key: 0,
-                        tone: k.dot
+                        tone: x.dot
                       }, null, 8, ["tone"])) : F("", !0),
-                      G(g(k.label), 1)
+                      G(g(x.label), 1)
                     ])
                   ], 10, Fl))), 128))
                 ])
-              ], 8, zl)) : t(f) ? (u(), y("button", {
+              ], 8, zl)) : t(d) ? (u(), y("button", {
                 key: 3,
                 type: "button",
                 "data-test": "filter-row",
                 disabled: !!l.dependsOn && M(l).length === 0,
                 class: "flex min-h-12 w-full cursor-pointer items-center gap-3 rounded-group bg-surface-cell px-3 text-left ring-1 ring-inset ring-border-separator active:bg-fill disabled:cursor-not-allowed disabled:opacity-50",
-                onClick: (k) => N.value = l.key
+                onClick: (x) => N.value = l.key
               }, [
-                r("span", Rl, g(l.label), 1),
-                r("span", {
+                i("span", Rl, g(l.label), 1),
+                i("span", {
                   class: ue(["flex min-w-0 flex-1 items-center justify-end gap-2 text-subheadline", b.value[l.key] == null ? "text-content-disabled" : "font-medium text-content-link"])
                 }, [
                   C(l) ? (u(), W(we, {
                     key: 0,
                     tone: C(l)
                   }, null, 8, ["tone"])) : F("", !0),
-                  r("span", Tl, g(de(l)), 1)
+                  i("span", Tl, g(de(l)), 1)
                 ], 2),
                 O(t(I), {
                   name: "arrowRightSLine",
@@ -1061,7 +1061,7 @@ const jt = {
                 label: l.label,
                 options: B(l),
                 disabled: !!l.dependsOn && M(l).length === 0,
-                "onUpdate:modelValue": (k) => $(l.key, k === "" ? null : k)
+                "onUpdate:modelValue": (x) => $(l.key, x === "" ? null : x)
               }, null, 8, ["model-value", "label", "options", "disabled", "onUpdate:modelValue"]))
             ], 64))), 128))
           ])
@@ -1083,7 +1083,7 @@ const jt = {
 }, oo = {
   key: 0,
   class: "shrink-0 opacity-80"
-}, no = { class: "flex min-w-0 flex-wrap items-center gap-1 font-semibold" }, so = { class: "break-words" }, ao = ["aria-label", "onClick"], He = "__search", ro = 3, io = 300, co = /* @__PURE__ */ be({
+}, no = { class: "flex min-w-0 flex-wrap items-center gap-1 font-semibold" }, so = { class: "break-words" }, ao = ["aria-label", "onClick"], Ie = "__search", ro = 3, io = 300, co = /* @__PURE__ */ be({
   __name: "CollectionToolbar",
   props: {
     collection: {},
@@ -1091,70 +1091,70 @@ const jt = {
     flat: { type: Boolean }
   },
   emits: ["touched", "searchKey"],
-  setup(n, { emit: e }) {
-    const s = n, p = e, { t: a } = he(), c = qe(), d = ie(s.collection.query.value.search), f = fe("field");
+  setup(s, { emit: e }) {
+    const n = s, f = e, { t: a } = he(), r = Pe(), p = ie(n.collection.query.value.search), d = fe("field");
     let b = null;
-    Le(() => s.collection.query.value.search, (C) => {
-      C !== d.value.trim() && (d.value = C);
+    Ve(() => n.collection.query.value.search, (C) => {
+      C !== p.value.trim() && (p.value = C);
     });
     function S() {
       b && clearTimeout(b);
-      const C = d.value;
+      const C = p.value;
       C.length > 0 && C.length < ro || (b = setTimeout(() => {
-        b = null, C !== s.collection.query.value.search && (p("touched", [He]), s.collection.search(C));
+        b = null, C !== n.collection.query.value.search && (f("touched", [Ie]), n.collection.search(C));
       }, io));
     }
     function N() {
-      b && clearTimeout(b), d.value = "", p("touched", [He]), s.collection.search(""), f.value?.focus();
+      b && clearTimeout(b), p.value = "", f("touched", [Ie]), n.collection.search(""), d.value?.focus();
     }
     rt(() => b && clearTimeout(b));
-    const R = (C) => C.placement === "panel" || s.narrow && C.type !== "text", w = _(() => s.collection.filters.value.filter((C) => !R(C))), $ = _(() => s.collection.filters.value.filter(R)), P = _(() => s.collection.query.value.filters), j = _(
-      () => Ve($.value, P.value, {
-        formatNumber: (C) => c.number(C),
+    const R = (C) => C.placement === "panel" || n.narrow && C.type !== "text", w = k(() => n.collection.filters.value.filter((C) => !R(C))), $ = k(() => n.collection.filters.value.filter(R)), P = k(() => n.collection.query.value.filters), j = k(
+      () => ze($.value, P.value, {
+        formatNumber: (C) => r.number(C),
         from: a("core.collection.filters.range_from"),
         until: a("core.collection.filters.range_until")
       })
-    ), H = _(() => Ct($.value, P.value));
+    ), H = k(() => Ct($.value, P.value));
     function A(C, B) {
-      p("touched", [C]), s.collection.setFilter(C, B);
+      f("touched", [C]), n.collection.setFilter(C, B);
     }
     function T(C) {
-      s.collection.setFilters(Object.fromEntries(C.map((B) => [B, null])));
+      n.collection.setFilters(Object.fromEntries(C.map((B) => [B, null])));
     }
     const Q = fe("panel"), M = fe("panelButton"), Y = (C) => !!C && (typeof C.checkVisibility != "function" || C.checkVisibility());
-    Ae({ key: "/", group: "list", label: () => a("core.shortcuts.focus_search") }, () => {
-      if (!Y(f.value)) return !1;
-      f.value?.focus(), f.value?.select();
-    }), Ae({ key: "f", group: "list", label: () => $.value.length > 0 ? a("core.shortcuts.open_filters") : "" }, () => {
+    Ne({ key: "/", group: "list", label: () => a("core.shortcuts.focus_search") }, () => {
+      if (!Y(d.value)) return !1;
+      d.value?.focus(), d.value?.select();
+    }), Ne({ key: "f", group: "list", label: () => $.value.length > 0 ? a("core.shortcuts.open_filters") : "" }, () => {
       if ($.value.length === 0 || !Y(M.value)) return !1;
       Q.value?.present();
     });
-    const de = _(() => s.collection.savedViews);
+    const de = k(() => n.collection.savedViews);
     it(() => void de.value?.load());
-    const oe = _(
+    const oe = k(
       () => (de.value?.items.value ?? []).map((C) => ({
         id: `saved-${C.id}`,
         label: C.name,
         icon: "starFill",
         onSelect: () => {
-          p("touched", []), de.value?.apply(C);
+          f("touched", []), de.value?.apply(C);
         }
       }))
     );
     return (C, B) => (u(), y("div", {
-      class: ue([s.flat ? "pb-3" : "border-b border-border-separator px-3 py-2.5", "select-none"]),
+      class: ue([n.flat ? "pb-3" : "border-b border-border-separator px-3 py-2.5", "select-none"]),
       "data-test": "collection-toolbar"
     }, [
-      r("div", Xl, [
-        s.collection.searchable ? (u(), y("div", Jl, [
+      i("div", Xl, [
+        n.collection.searchable ? (u(), y("div", Jl, [
           O(t(I), {
             name: "search",
             size: 16
           }),
-          Fe(r("input", {
+          Le(i("input", {
             ref_key: "field",
-            ref: f,
-            "onUpdate:modelValue": B[0] || (B[0] = (V) => d.value = V),
+            ref: d,
+            "onUpdate:modelValue": B[0] || (B[0] = (V) => p.value = V),
             type: "text",
             name: "collection-search",
             autocomplete: "off",
@@ -1162,15 +1162,15 @@ const jt = {
             "aria-label": t(a)("core.collection.search.label"),
             class: "peer block min-w-0 flex-1 bg-transparent px-2 py-1.5 text-body text-content-strong outline-0 placeholder:text-content-disabled",
             onInput: S,
-            onKeydown: B[1] || (B[1] = (V) => p("searchKey", V, t(b) === null && d.value.trim() === s.collection.query.value.search))
+            onKeydown: B[1] || (B[1] = (V) => f("searchKey", V, t(b) === null && p.value.trim() === n.collection.query.value.search))
           }, null, 40, Gl), [
-            [Pe, d.value]
+            [Fe, p.value]
           ]),
-          B[5] || (B[5] = r("kbd", {
+          B[5] || (B[5] = i("kbd", {
             "aria-hidden": "true",
             class: "rounded border border-border-separator px-1.5 font-mono text-2xs leading-5 text-content-disabled peer-focus:hidden peer-[:not(:placeholder-shown)]:hidden [@media(pointer:coarse)]:hidden"
           }, "/", -1)),
-          d.value !== "" ? (u(), y("button", {
+          p.value !== "" ? (u(), y("button", {
             key: 0,
             type: "button",
             "aria-label": t(a)("core.collection.clear"),
@@ -1183,8 +1183,8 @@ const jt = {
             })
           ], 8, Yl)) : F("", !0)
         ])) : F("", !0),
-        r("div", {
-          class: ue(["flex min-w-0 flex-1 items-center gap-2", s.narrow ? "w-full flex-nowrap overflow-x-auto [scrollbar-width:none]" : "flex-wrap"])
+        i("div", {
+          class: ue(["flex min-w-0 flex-1 items-center gap-2", n.narrow ? "w-full flex-nowrap overflow-x-auto [scrollbar-width:none]" : "flex-wrap"])
         }, [
           $.value.length > 0 ? (u(), y("button", {
             key: 0,
@@ -1210,7 +1210,7 @@ const jt = {
             placement: "bottom-start"
           }, {
             trigger: q(({ toggle: V, attrs: J }) => [
-              r("button", ve(J, {
+              i("button", ve(J, {
                 type: "button",
                 "data-test": "saved-filters-menu",
                 class: "inline-flex shrink-0 cursor-pointer items-center gap-1.5 rounded-button bg-surface-cell px-3 py-1.5 text-subheadline font-semibold text-content-strong shadow-group ring-1 ring-inset ring-border-separator transition-colors hover:bg-fill",
@@ -1241,7 +1241,7 @@ const jt = {
           class: "inline-flex min-h-7 max-w-full items-center gap-1.5 rounded-control bg-tint-soft py-0.5 pr-0.5 pl-2.5 text-subheadline text-content-link"
         }, [
           V.label ? (u(), y("span", oo, g(V.label), 1)) : F("", !0),
-          r("span", no, [
+          i("span", no, [
             (u(!0), y(ee, null, le(V.values, (J, ne) => (u(), y(ee, { key: ne }, [
               ne > 0 ? (u(), W(t(I), {
                 key: 0,
@@ -1249,10 +1249,10 @@ const jt = {
                 size: 12,
                 class: "opacity-60"
               })) : F("", !0),
-              r("span", so, g(J), 1)
+              i("span", so, g(J), 1)
             ], 64))), 128))
           ]),
-          r("button", {
+          i("button", {
             type: "button",
             class: "hit-target flex size-5 shrink-0 cursor-pointer items-center justify-center rounded-full hover:bg-tint/15",
             "aria-label": t(a)("core.collection.clear"),
@@ -1275,9 +1275,9 @@ const jt = {
         key: 1,
         ref_key: "panel",
         ref: Q,
-        collection: s.collection,
+        collection: n.collection,
         filters: $.value,
-        onTouched: B[4] || (B[4] = (V) => p("touched", V))
+        onTouched: B[4] || (B[4] = (V) => f("touched", V))
       }, null, 8, ["collection", "filters"])) : F("", !0)
     ], 2));
   }
@@ -1293,7 +1293,7 @@ const jt = {
   key: 1,
   class: "m-2",
   "data-test": "collection-stale"
-}, mo = { class: "flex flex-wrap items-center justify-between gap-3" }, bo = { class: "flex flex-wrap items-center justify-between gap-3" }, go = { class: "font-semibold" }, Ke = "__search", ho = /* @__PURE__ */ be({
+}, mo = { class: "flex flex-wrap items-center justify-between gap-3" }, bo = { class: "flex flex-wrap items-center justify-between gap-3" }, go = { class: "font-semibold" }, He = "__search", ho = /* @__PURE__ */ be({
   __name: "CollectionTable",
   props: {
     collection: {},
@@ -1306,9 +1306,9 @@ const jt = {
     pick: { type: Function, default: void 0 },
     pickLabel: { default: void 0 }
   },
-  setup(n) {
-    const e = n, s = ze(), { t: p } = he(), a = qe(), c = _(() => Object.keys(ze()).filter((h) => h !== "toolbar" && h !== "empty")), d = _(() => e.collection.columns.value), { narrow: f, phone: b } = bt(() => d.value), S = _(() => e.collection.rows.value), N = (h) => e.pick ? null : e.collection.recordLocation(h), R = fe("rowsView");
-    function w(h, x) {
+  setup(s) {
+    const e = s, n = We(), { t: f } = he(), a = Pe(), r = () => Object.keys(n).filter((h) => h !== "toolbar" && h !== "empty"), p = k(() => e.collection.columns.value), { narrow: d, phone: b } = bt(() => p.value), S = k(() => e.collection.rows.value), N = (h) => e.pick ? null : e.collection.recordLocation(h), R = fe("rowsView");
+    function w(h, _) {
       if (!e.pick || h.isComposing) return;
       if (h.key === "ArrowDown") {
         R.value?.focusRows() && h.preventDefault();
@@ -1316,39 +1316,39 @@ const jt = {
       }
       if (h.key !== "Enter") return;
       const z = S.value[0];
-      x && z !== void 0 && S.value.length === 1 && e.collection.total.value <= 1 && e.collection.state.value.status === "loaded" && (h.preventDefault(), e.pick(z));
+      _ && z !== void 0 && S.value.length === 1 && e.collection.total.value <= 1 && e.collection.state.value.status === "loaded" && (h.preventDefault(), e.pick(z));
     }
-    const $ = _(() => e.collection.query.value.search), P = _(() => e.collection.views.value.map((h) => ({ value: h.key, label: h.label, icon: h.icon, badge: h.count }))), j = ie([]), H = (h) => j.value = [...j.value.filter((x) => !h.includes(x)), ...h], A = () => ({
+    const $ = k(() => e.collection.query.value.search), P = k(() => e.collection.views.value.map((h) => ({ value: h.key, label: h.label, icon: h.icon, badge: h.count }))), j = ie([]), H = (h) => j.value = [...j.value.filter((_) => !h.includes(_)), ...h], A = () => ({
       formatNumber: (h) => a.number(h),
-      from: p("core.collection.filters.range_from"),
-      until: p("core.collection.filters.range_until")
-    }), T = _(() => {
-      const h = Ve(e.collection.filters.value, e.collection.query.value.filters, A()), x = e.collection.query.value.search;
-      return x && h.push({ key: Ke, label: p("core.collection.empty.search"), values: [x], clears: [] }), h;
-    }), Q = _(() => {
-      const h = e.collection.startFilters.value, x = Object.fromEntries(h.map((z) => [z, e.collection.query.value.filters[z]]));
-      return Ve(e.collection.filters.value, x, A()).map((z) => z.label ? `${z.label}: ${z.values.join(" › ")}` : z.values.join(" › "));
-    }), M = _(() => {
+      from: f("core.collection.filters.range_from"),
+      until: f("core.collection.filters.range_until")
+    }), T = k(() => {
+      const h = ze(e.collection.filters.value, e.collection.query.value.filters, A()), _ = e.collection.query.value.search;
+      return _ && h.push({ key: He, label: f("core.collection.empty.search"), values: [_], clears: [] }), h;
+    }), Q = k(() => {
+      const h = e.collection.startFilters.value, _ = Object.fromEntries(h.map((z) => [z, e.collection.query.value.filters[z]]));
+      return ze(e.collection.filters.value, _, A()).map((z) => z.label ? `${z.label}: ${z.values.join(" › ")}` : z.values.join(" › "));
+    }), M = k(() => {
       for (const h of [...j.value].reverse()) {
-        const x = T.value.find((z) => z.key === h || z.clears.includes(h));
-        if (x) return x;
+        const _ = T.value.find((z) => z.key === h || z.clears.includes(h));
+        if (_) return _;
       }
       return T.value[T.value.length - 1] ?? null;
     });
     function Y(h) {
-      j.value = j.value.filter((x) => x !== h.key && !h.clears.includes(x)), h.key === Ke ? e.collection.search("") : e.collection.setFilters(Object.fromEntries(h.clears.map((x) => [x, null])));
+      j.value = j.value.filter((_) => _ !== h.key && !h.clears.includes(_)), h.key === He ? e.collection.search("") : e.collection.setFilters(Object.fromEntries(h.clears.map((_) => [_, null])));
     }
     function de() {
       j.value = [], e.collection.clearFilters();
     }
-    const oe = _(() => {
-      const { sort: h, direction: x } = e.collection.query.value;
-      return h === null ? null : { key: h, direction: x };
-    }), C = fe("card"), B = () => C.value?.scrollIntoView?.({ block: "start", behavior: "smooth" }), V = _(() => e.collection.display.value === "loading"), J = _(() => e.collection.query.value.pageSize), ne = _(() => e.collection.state.value.status === "refreshing"), te = _(() => e.collection.state.value.status === "stale"), se = _(() => {
+    const oe = k(() => {
+      const { sort: h, direction: _ } = e.collection.query.value;
+      return h === null ? null : { key: h, direction: _ };
+    }), C = fe("card"), B = () => C.value?.scrollIntoView?.({ block: "start", behavior: "smooth" }), V = k(() => e.collection.display.value === "loading"), J = k(() => e.collection.query.value.pageSize), ne = k(() => e.collection.state.value.status === "refreshing"), te = k(() => e.collection.state.value.status === "stale"), se = k(() => {
       const h = e.collection.state.value;
       return h.status === "failed" || h.status === "stale" ? h.error ?? "" : "";
     });
-    return (h, x) => (u(), y("div", {
+    return (h, _) => (u(), y("div", {
       class: "collection",
       "aria-busy": V.value || ne.value || void 0,
       "data-test": "collection"
@@ -1358,18 +1358,18 @@ const jt = {
           "model-value": e.collection.query.value.view,
           tabs: P.value,
           presentation: e.viewsPresentation,
-          label: t(p)("core.collection.views_label"),
-          "onUpdate:modelValue": x[0] || (x[0] = (z) => e.collection.setView(z === null ? null : String(z)))
+          label: t(f)("core.collection.views_label"),
+          "onUpdate:modelValue": _[0] || (_[0] = (z) => e.collection.setView(z === null ? null : String(z)))
         }, null, 8, ["model-value", "tabs", "presentation", "label"])
       ])) : F("", !0),
-      r("div", {
+      i("div", {
         ref_key: "card",
         ref: C,
         class: ue(["scroll-mt-16", t(b) ? "" : "rounded-group bg-surface-cell shadow-group"])
       }, [
         O(co, {
           collection: e.collection,
-          narrow: t(f),
+          narrow: t(d),
           flat: t(b),
           onTouched: H,
           onSearchKey: w
@@ -1385,26 +1385,26 @@ const jt = {
             size: 14,
             class: "animate-spin motion-reduce:animate-none"
           }),
-          G(" " + g(t(p)("core.state.refreshing")), 1)
+          G(" " + g(t(f)("core.state.refreshing")), 1)
         ])) : F("", !0),
         te.value ? (u(), y("div", vo, [
-          O(t(Ee), {
+          O(t(Ae), {
             tone: "warning",
             role: "alert"
           }, {
             default: q(() => [
-              r("div", mo, [
-                r("div", null, [
-                  r("p", null, g(se.value), 1),
-                  r("p", null, g(t(p)("core.state.stale")), 1)
+              i("div", mo, [
+                i("div", null, [
+                  i("p", null, g(se.value), 1),
+                  i("p", null, g(t(f)("core.state.stale")), 1)
                 ]),
                 O(ce, {
                   prominence: "secondary",
                   size: "sm",
-                  onClick: x[1] || (x[1] = (z) => e.collection.refresh())
+                  onClick: _[1] || (_[1] = (z) => e.collection.refresh())
                 }, {
                   default: q(() => [
-                    G(g(t(p)("core.actions.retry")), 1)
+                    G(g(t(f)("core.actions.retry")), 1)
                   ]),
                   _: 1
                 })
@@ -1418,7 +1418,7 @@ const jt = {
           ref: R,
           pick: e.pick,
           "pick-label": e.pickLabel,
-          columns: d.value,
+          columns: p.value,
           rows: S.value,
           "row-key": e.collection.rowKey,
           display: e.collection.display.value,
@@ -1433,26 +1433,26 @@ const jt = {
           "actions-visible": e.actionsVisible,
           "skeleton-rows": J.value,
           "reserve-rows": V.value ? J.value : void 0,
-          onSort: x[4] || (x[4] = (z) => e.collection.toggleSort(z))
+          onSort: _[4] || (_[4] = (z) => e.collection.toggleSort(z))
         }, Qe({
           failed: q(() => [
-            O(t(Ee), {
+            O(t(Ae), {
               tone: "warning",
               role: "alert"
             }, {
               default: q(() => [
-                r("div", bo, [
-                  r("div", null, [
-                    r("p", go, g(t(p)("core.collection.failed.title")), 1),
-                    r("p", null, g(se.value), 1)
+                i("div", bo, [
+                  i("div", null, [
+                    i("p", go, g(t(f)("core.collection.failed.title")), 1),
+                    i("p", null, g(se.value), 1)
                   ]),
                   O(ce, {
                     prominence: "secondary",
                     size: "sm",
-                    onClick: x[2] || (x[2] = (z) => e.collection.refresh())
+                    onClick: _[2] || (_[2] = (z) => e.collection.refresh())
                   }, {
                     default: q(() => [
-                      G(g(t(p)("core.actions.retry")), 1)
+                      G(g(t(f)("core.actions.retry")), 1)
                     ]),
                     _: 1
                   })
@@ -1462,20 +1462,20 @@ const jt = {
             })
           ]),
           empty: q(() => [
-            e.collection.display.value === "empty" && s.empty ? ge(h.$slots, "empty", {}, void 0, void 0, 0) : e.collection.display.value === "empty" && Q.value.length > 0 ? (u(), W(t(Ue), {
+            e.collection.display.value === "empty" && n.empty ? ge(h.$slots, "empty", {}, void 0, void 0, 0) : e.collection.display.value === "empty" && Q.value.length > 0 ? (u(), W(t(Ee), {
               key: 1,
               "data-test": "collection-empty-start",
-              title: t(p)("core.collection.no_data"),
-              description: t(p)("core.collection.empty.start_description", { filters: Q.value.join(", ") }),
+              title: t(f)("core.collection.no_data"),
+              description: t(f)("core.collection.empty.start_description", { filters: Q.value.join(", ") }),
               icon: "filter3"
             }, {
               actions: q(() => [
                 O(ce, ve({ "data-test": "collection-empty-show-all" }, {
                   size: "sm",
-                  onClick: x[3] || (x[3] = (z) => e.collection.clearStart())
+                  onClick: _[3] || (_[3] = (z) => e.collection.clearStart())
                 }), {
                   default: q(() => [
-                    G(g(t(p)("core.collection.empty.show_all")), 1)
+                    G(g(t(f)("core.collection.empty.show_all")), 1)
                   ]),
                   _: 1
                 }, 16)
@@ -1487,15 +1487,15 @@ const jt = {
               "last-chip": M.value,
               onRemove: Y,
               onClearAll: de
-            }, null, 8, ["chips", "last-chip"])) : (u(), W(t(Ue), {
+            }, null, 8, ["chips", "last-chip"])) : (u(), W(t(Ee), {
               key: 3,
-              title: t(p)("core.collection.no_data"),
-              description: t(p)("core.collection.no_results")
+              title: t(f)("core.collection.no_data"),
+              description: t(f)("core.collection.no_results")
             }, null, 8, ["title", "description"]))
           ]),
           _: 2
         }, [
-          le(c.value, (z) => ({
+          le(r(), (z) => ({
             name: z,
             fn: q((pe) => [
               ge(h.$slots, z, Xe(Je(pe ?? {})))
@@ -1504,7 +1504,7 @@ const jt = {
         ]), 1032, ["pick", "pick-label", "columns", "rows", "row-key", "display", "phone", "search", "sorted", "row-actions", "row-label", "row-height", "density", "actions-visible", "skeleton-rows", "reserve-rows"]),
         O(ll, {
           collection: e.collection,
-          compact: t(f),
+          compact: t(d),
           flat: t(b),
           onTurned: B
         }, null, 8, ["collection", "compact", "flat"])
@@ -1528,13 +1528,13 @@ const jt = {
     pick: { type: Function, default: void 0 },
     pickLabel: { default: void 0 }
   },
-  setup(n) {
-    const e = n, s = _(() => Object.keys(ze()).filter((a) => a !== "default")), p = _(() => e.collection.total.value || null);
-    return (a, c) => (u(), W(t(mt), {
+  setup(s) {
+    const e = s, n = We(), f = () => Object.keys(n).filter((r) => r !== "default"), a = k(() => e.collection.total.value || null);
+    return (r, p) => (u(), W(t(mt), {
       title: e.title,
       description: e.description,
       icon: e.icon,
-      count: p.value,
+      count: a.value,
       actions: e.actions
     }, {
       default: q(() => [
@@ -1549,14 +1549,14 @@ const jt = {
           pick: e.pick,
           "pick-label": e.pickLabel
         }, Qe({ _: 2 }, [
-          le(s.value, (d) => ({
+          le(f(), (d) => ({
             name: d,
-            fn: q((f) => [
-              ge(a.$slots, d, Xe(Je(f ?? {})))
+            fn: q((b) => [
+              ge(r.$slots, d, Xe(Je(b ?? {})))
             ])
           }))
         ]), 1032, ["collection", "row-actions", "row-label", "row-height", "density", "views-presentation", "actions-visible", "pick", "pick-label"]),
-        ge(a.$slots, "default")
+        ge(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["title", "description", "icon", "count", "actions"]));