@wssto2/vue-core 0.4.4 → 0.4.6

package/dist/CollectionPage.vue_vue_type_script_setup_true_lang-BZRdVhZo.js

@@ -1,1485 +0,0 @@
-import { hasInjectionContext as Je, inject as Ge, shallowRef as he, computed as _, watch as Ce, toValue as xe, ref as le, getCurrentScope as Ye, onScopeDispose as Ze, defineComponent as ce, openBlock as u, createElementBlock as y, createVNode as S, unref as l, createElementVNode as r, toDisplayString as g, Fragment as J, renderList as Y, createCommentVNode as R, createBlock as W, mergeProps as ie, withCtx as F, createTextVNode as G, normalizeClass as oe, useTemplateRef as re, withModifiers as Ue, withDirectives as Se, vModelText as ze, nextTick as et, onBeforeUnmount as tt, onMounted as lt, renderSlot as ue, useSlots as $e, createSlots as Me, normalizeProps as Be, guardReactiveProps as Ie } from "vue";
-import { routerKey as ot } from "vue-router";
-import { i as je, a as nt } from "./error-CD7x0Jrz.js";
-import { d as Ve, o as st, L as Pe, e as we, w as at, b as rt } from "./http-CNcDHSOj.js";
-import { a as it } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-DxD6JvyK.js";
-import { useI18n as de } from "vue-i18n";
-import { _ as se, u as Le } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
-import { _ as He } from "./Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js";
-import { u as Oe } from "./format-B8mJm946.js";
-import { _ as U } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { _ as Fe } from "./Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
-import { _ as ct } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
-import { u as ut, _ as dt } from "./rowLayout-CZ7uZFnE.js";
-import { _ as De } from "./Menu.vue_vue_type_script_setup_true_lang-ClsOlOSr.js";
-import { _ as Ke } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
-import { _ as ft } from "./NumberField.vue_vue_type_script_setup_true_lang-C7N5nq0P.js";
-import { _ as pt } from "./SelectField.vue_vue_type_script_setup_true_lang-7O1BAx04.js";
-import { a as vt } from "./mediaQuery-CygcXmFW.js";
-import { _ as mt } from "./Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
-import { t as ye } from "./toast-CqSDTWRX.js";
-const ne = (a) => a == null || a === "";
-function We(a) {
-  if (!a) return [null, null];
-  const [o = "", s = ""] = String(a).split(",");
-  return [o.trim() || null, s.trim() || null];
-}
-function bt(a, o) {
-  const s = ne(a) ? "" : String(a), p = ne(o) ? "" : String(o);
-  return s === "" && p === "" ? null : `${s},${p}`;
-}
-function gt(a, o) {
-  const s = ne(o) ? null : new Set(String(o).split(",")), p = (a.options ?? []).filter(
-    (i) => !a.dependsOn || !s || i.parentValue !== void 0 && s.has(String(i.parentValue))
-  ), n = /* @__PURE__ */ new Map();
-  for (const i of p) {
-    const d = n.get(i.label) ?? [], f = String(i.value);
-    d.includes(f) || d.push(f), n.set(i.label, d);
-  }
-  return [...n.entries()].map(([i, d]) => ({ label: i, value: d.join(",") }));
-}
-function ht(a, o, s) {
-  if (ne(o)) return null;
-  if (a.type === "range") {
-    const [n, i] = We(String(o)), d = a.unit ? ` ${a.unit}` : "", f = (h) => `${a.unit ? s.formatNumber(Number(h)) : h}${d}`;
-    return n !== null && i !== null ? `${f(n)} – ${f(i)}` : n !== null ? `${s.from.toLowerCase()} ${f(n)}` : i !== null ? `${s.until.toLowerCase()} ${f(i)}` : null;
-  }
-  const p = new Set(String(o).split(","));
-  return (a.options ?? []).find((n) => p.has(String(n.value)))?.label ?? String(o);
-}
-function Qe(a, o, s) {
-  const p = new Set(a.map((d) => d.key)), n = (d) => a.find((f) => f.dependsOn === d), i = [];
-  for (const d of a.filter((f) => !f.dependsOn || !p.has(f.dependsOn))) {
-    const f = [];
-    for (let v = d; v && !f.includes(v); v = n(v.key)) f.push(v);
-    const h = f.map((v) => ({ filter: v, value: ht(v, o[v.key], s) })).filter((v) => v.value !== null);
-    h.length !== 0 && i.push({
-      key: d.key,
-      label: h.length === 1 ? h[0].filter.label : null,
-      values: h.map((v) => v.value),
-      clears: f.map((v) => v.key)
-    });
-  }
-  return i;
-}
-function yt(a, o) {
-  return a.filter((s) => !ne(o[s.key])).length;
-}
-const qe = /* @__PURE__ */ new WeakMap();
-function _t(a, o, s, p) {
-  let n = qe.get(a);
-  n || qe.set(a, n = /* @__PURE__ */ new Map());
-  const i = `${s}\0${p}`, d = n.get(i);
-  if (d && d.id !== o)
-    throw new Error(
-      `useCollection("${o}"): 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.`
-    );
-  const f = d ?? { id: o, count: 0 };
-  return f.count++, n.set(i, f), () => {
-    --f.count <= 0 && n.delete(i);
-  };
-}
-const ke = (a) => a.status === "loaded" || a.status === "refreshing" || a.status === "stale", Re = (a) => a instanceof Error && a.message !== "" ? a.message : String(a);
-function Vo(a, o) {
-  const s = `useCollection("${a.id}")`, p = o.state;
-  let n = null, i = "", d = "", f = () => {
-  };
-  if (p.kind === "url") {
-    if (n = Je() ? Ge(ot, null) : null, !n) 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, i = n.currentRoute.value.path, f = _t(n, a.id, i, d);
-  }
-  const h = (() => {
-    if (!n) return a.defaults;
-    const e = n.currentRoute.value.query[d];
-    return Ve(a, Array.isArray(e) ? e[0] : e) ?? a.defaults;
-  })(), v = he(h), V = he({ status: "loading" }), O = he(null), D = he(null), x = _(() => ke(V.value) ? V.value.value : D.value);
-  let j = !1, k = null, M = 0, B = !1;
-  const N = [];
-  n && o.linked && Q(n.currentRoute.value.query, o.linked);
-  function Q(e, t) {
-    let $ = v.value;
-    const L = (H) => {
-      const q = e[H], ee = Array.isArray(q) ? q[0] : q;
-      return typeof ee == "string" && ee !== "" ? ee : null;
-    };
-    if (t.view) {
-      const H = L(t.view), q = H !== null && (a.contract.views ? a.contract.views.includes(H) : !0);
-      H !== null && q && ($ = { ...$, view: H, page: 1 }, N.push(t.view));
-    }
-    for (const [H, q] of Object.entries(t.params ?? {})) {
-      const ee = L(H);
-      if (ee === null) continue;
-      const T = typeof q == "string" ? q : q.filter, E = typeof q == "string" ? ee : q.value(ee), X = { ...$.filters };
-      E === null || E === "any" || E === "" ? delete X[T] : X[T] = String(E), $ = { ...$, filters: X, page: 1 }, N.push(H);
-    }
-    if (N.length > 0) {
-      for (const H of t.consume ?? []) H in e && N.push(H);
-      v.value = $;
-    }
-  }
-  async function I(e) {
-    if (j) return;
-    k?.abort();
-    const t = ++M, $ = k = new AbortController(), L = V.value, H = v.value;
-    V.value = e && ke(L) ? { status: "refreshing", value: L.value } : { status: "loading" };
-    try {
-      const q = await a.load(H, { signal: $.signal });
-      if (t !== M) return;
-      if (q.lastPage >= 1 && H.page > q.lastPage) {
-        v.value = { ...H, page: q.lastPage }, P(), I(!1);
-        return;
-      }
-      O.value = null, D.value = q, V.value = { status: "loaded", value: q };
-    } catch (q) {
-      if (t !== M || $.signal.aborted || je(q)) return;
-      O.value = q, V.value = e && ke(L) ? { status: "stale", value: L.value, error: Re(q) } : { status: "failed", error: Re(q) };
-    }
-  }
-  function K() {
-    P(), !(B || j) && (B = !0, queueMicrotask(() => {
-      B && (B = !1, I(!1));
-    }));
-  }
-  function te() {
-    return B = !1, I(!0);
-  }
-  let Z = !1, w = !1, A = !1;
-  function P() {
-    !n || Z || j || (Z = !0, queueMicrotask(() => {
-      Z = !1, b();
-    }));
-  }
-  async function b() {
-    if (n) {
-      if (w) {
-        A = !0;
-        return;
-      }
-      w = !0;
-      try {
-        do {
-          A = !1;
-          const e = n.currentRoute.value;
-          if (j || e.path !== i) return;
-          const t = we(a, v.value), $ = { ...e.query };
-          for (const L of N.splice(0)) delete $[L];
-          e.query[d] === t && Object.keys($).length === Object.keys(e.query).length || await n.replace({ query: { ...$, [d]: t }, hash: e.hash });
-        } while (A);
-      } catch {
-      } finally {
-        w = !1;
-      }
-    }
-  }
-  const C = n ? Ce(
-    () => n.currentRoute.value.query[d],
-    (e) => {
-      const t = n.currentRoute.value;
-      if (j || w || t.path !== i) return;
-      const $ = Array.isArray(e) ? e[0] : e, L = Ve(a, $) ?? a.defaults;
-      JSON.stringify(L) !== JSON.stringify(v.value) ? (v.value = L, K()) : P();
-    }
-  ) : () => {
-  }, z = (e, t = !1) => {
-    v.value = { ...v.value, ...e, ...t ? { page: 1 } : {} }, K();
-  }, ae = (e) => {
-    const t = { ...v.value.filters };
-    for (const [$, L] of Object.entries(e))
-      L == null || ne(L) ? delete t[$] : t[$] = String(L);
-    return t;
-  }, fe = _(() => v.value.search !== "" || Object.values(v.value.filters).some((e) => !ne(e))), pe = _(() => x.value?.rows ?? []), ve = _(() => {
-    const e = V.value;
-    return e.status === "loading" ? "loading" : e.status === "failed" ? "failed" : e.value.rows.length > 0 ? "rows" : fe.value ? "no-matches" : "empty";
-  }), me = _(() => {
-    const e = new Map((x.value?.views ?? []).map((t) => [t.key, t.count]));
-    return (xe(o.views) ?? []).map((t) => e.has(t.key) ? { ...t, count: e.get(t.key) } : t);
-  });
-  let be = () => {
-  };
-  const _e = o.savedViews ? c(o.savedViews) : null;
-  function ge(e) {
-    const t = { v: e.state.version, f: e.state.filters, s: e.state.search, w: e.state.view ?? void 0 };
-    return rt(a, t);
-  }
-  function c(e) {
-    const t = le([]), $ = le("idle");
-    let L = null;
-    const H = (T, E) => T.name.localeCompare(E.name), q = _(() => t.value.filter((T) => ge(T) !== null));
-    be = () => {
-      L?.abort(), t.value = [], $.value = "idle";
-    };
-    const ee = () => ({
-      version: a.stateVersion,
-      filters: Object.fromEntries(Object.entries(v.value.filters).filter(([T, E]) => E !== void 0 && !a.contract.sensitive.includes(T))),
-      search: v.value.search,
-      view: v.value.view
-    });
-    return {
-      items: q,
-      status: $,
-      async load() {
-        L?.abort();
-        const T = L = new AbortController();
-        $.value = "loading";
-        try {
-          const E = await e.list(a.id, { signal: T.signal });
-          if (T.signal.aborted) return;
-          t.value = [...E].sort(H), $.value = "ready";
-        } catch (E) {
-          if (T.signal.aborted || je(E)) return;
-          $.value = "failed";
-        }
-      },
-      current: ee,
-      async save(T, E) {
-        const X = await e.save(a.id, T, { ...ee(), ...E });
-        return t.value = [...t.value.filter((Xe) => Xe.id !== X.id), X].sort(H), X;
-      },
-      apply(T) {
-        const E = ge(T);
-        E && z({ filters: E.filters, search: E.search, view: T.state.view ? E.view : v.value.view }, !0);
-      },
-      stageRemoval(T) {
-        const E = t.value.find((X) => X.id === T) ?? null;
-        return t.value = t.value.filter((X) => X.id !== T), {
-          revert() {
-            E && !t.value.some((X) => X.id === T) && (t.value = [...t.value, E].sort(H));
-          },
-          // 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() {
-            t.value.some((X) => X.id === T) || await e.remove(a.id, T);
-          }
-        };
-      }
-    };
-  }
-  function m() {
-    j || (j = !0, k?.abort(), M++, C(), f());
-  }
-  return Ye() && Ze(m), st((e) => {
-    k?.abort(), M++, V.value = { status: "loading" }, D.value = null, O.value = null, be(), e !== null && K();
-  }), K(), {
-    id: a.id,
-    pageSizes: a.contract.pageSizes,
-    searchable: a.contract.search,
-    rowKey: (e) => a.key(e),
-    state: V,
-    query: v,
-    page: x,
-    rows: pe,
-    total: _(() => x.value?.total ?? 0),
-    display: ve,
-    isFiltered: fe,
-    error: O,
-    columns: _(() => {
-      const e = xe(o.columns) ?? [], t = a.contract.sorts;
-      if (t) {
-        for (const $ of e) if ($.sort !== void 0 && !t.includes($.sort)) throw new Error(`${s}: column "${$.key}" sorts by "${$.sort}", which is not in the query contract's sorts (${t.join(", ")}).`);
-      }
-      return e;
-    }),
-    filters: _(() => xe(o.filters) ?? []),
-    views: me,
-    savedViews: _e,
-    refresh: te,
-    goToPage: (e) => {
-      Number.isInteger(e) && e >= 1 && e !== v.value.page && z({ page: e });
-    },
-    nextPage: () => {
-      const e = x.value?.lastPage ?? 0;
-      v.value.page < e && z({ page: v.value.page + 1 });
-    },
-    previousPage: () => {
-      v.value.page > 1 && z({ page: v.value.page - 1 });
-    },
-    setPageSize: (e) => {
-      a.contract.pageSizes.includes(e) && e !== v.value.pageSize && z({ pageSize: e }, !0);
-    },
-    sortBy: (e, t = "asc") => {
-      if (a.contract.sorts && !a.contract.sorts.includes(e)) throw new Error(`${s}: "${e}" is not in the query contract's sorts.`);
-      z({ sort: e, direction: t });
-    },
-    toggleSort: (e) => {
-      const t = v.value;
-      z({ sort: e, direction: t.sort === e && t.direction === "asc" ? "desc" : "asc" });
-    },
-    search: (e) => z({ search: e }, !0),
-    setFilter: (e, t) => z({ filters: ae({ [e]: t }) }, !0),
-    setFilters: (e) => z({ filters: ae(e) }, !0),
-    clearFilters: () => z({ filters: {}, search: "" }, !0),
-    setView: (e) => z({ view: e }, !0),
-    reset: () => {
-      v.value = a.defaults, K();
-    },
-    recordLocation: (e) => {
-      const t = o.recordRoute?.(e);
-      return t ? n ? at(t, { [Pe]: we(a, v.value) }) : t : null;
-    },
-    linkContext: () => n ? { [Pe]: we(a, v.value) } : {}
-  };
-}
-const xt = {
-  class: "mx-auto max-w-xl py-8 text-center",
-  "data-test": "collection-empty-filtered"
-}, wt = { class: "mt-3 mb-1 text-headline font-semibold text-content-strong" }, kt = { class: "text-sm text-content-muted" }, $t = { class: "mt-4 flex flex-wrap justify-center gap-2" }, Ct = {
-  key: 0,
-  class: "shrink-0 text-content-muted"
-}, St = ["title"], zt = ["aria-label", "onClick"], Ot = { class: "mt-5 flex flex-wrap justify-center gap-2" }, jt = /* @__PURE__ */ ce({
-  __name: "CollectionEmptyResult",
-  props: {
-    chips: {},
-    lastChip: {}
-  },
-  emits: ["remove", "clearAll"],
-  setup(a, { emit: o }) {
-    const s = a, p = o, { t: n } = de();
-    return (i, d) => (u(), y("div", xt, [
-      S(l(U), {
-        name: "filter3",
-        size: 32,
-        class: "mx-auto text-content-disabled"
-      }),
-      r("h3", wt, g(l(n)("core.collection.empty.title")), 1),
-      r("p", kt, g(l(n)("core.collection.empty.description")), 1),
-      r("ul", $t, [
-        (u(!0), y(J, null, Y(s.chips, (f) => (u(), y("li", {
-          key: f.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", Ct, g(f.label), 1)) : R("", !0),
-          r("span", {
-            class: "min-w-0 truncate font-medium text-content-strong",
-            title: f.values.join(" › ")
-          }, g(f.values.join(" › ")), 9, St),
-          r("button", {
-            type: "button",
-            class: "shrink-0 cursor-pointer rounded p-1 text-content-disabled hover:bg-fill hover:text-content-strong",
-            "aria-label": `${l(n)("core.collection.clear")}: ${f.label ?? f.values.join(" › ")}`,
-            onClick: (h) => p("remove", f)
-          }, [
-            S(l(U), {
-              name: "close",
-              size: 12
-            })
-          ], 8, zt)
-        ]))), 128))
-      ]),
-      r("div", Ot, [
-        s.lastChip ? (u(), W(se, ie({ key: 0 }, { "data-test": "collection-empty-remove-last" }, {
-          prominence: "secondary",
-          size: "sm",
-          onClick: d[0] || (d[0] = (f) => p("remove", s.lastChip))
-        }), {
-          default: F(() => [
-            G(g(l(n)("core.collection.empty.remove_last", { filter: s.lastChip.values.join(" › ") })), 1)
-          ]),
-          _: 1
-        }, 16)) : R("", !0),
-        S(se, ie({ "data-test": "collection-empty-clear-all" }, {
-          size: "sm",
-          onClick: d[1] || (d[1] = (f) => p("clearAll"))
-        }), {
-          default: F(() => [
-            G(g(l(n)("core.collection.empty.clear_all")), 1)
-          ]),
-          _: 1
-        }, 16)
-      ])
-    ]));
-  }
-}), Vt = ["aria-label"], Pt = ["disabled"], Lt = { class: "sr-only" }, Ft = {
-  class: "text-subheadline tabular-nums text-content-muted",
-  "aria-live": "polite"
-}, qt = ["disabled"], Rt = { class: "sr-only" }, Tt = {
-  key: 1,
-  class: "flex select-none flex-col items-center justify-between gap-3 border-t border-border-separator px-4 py-2.5 md:flex-row"
-}, Nt = { class: "flex flex-col items-center gap-x-4 text-footnote tabular-nums text-content-muted md:flex-row" }, At = {
-  key: 0,
-  "aria-live": "polite"
-}, Et = { class: "flex items-center" }, Ut = { class: "mr-2" }, Mt = ["value"], Bt = ["value"], It = ["aria-label"], Ht = ["disabled"], Dt = { class: "sr-only" }, Kt = {
-  key: 0,
-  class: "px-1.5 text-content-disabled"
-}, Wt = ["aria-current", "onClick"], Qt = ["disabled"], Xt = { class: "sr-only" }, Jt = /* @__PURE__ */ ce({
-  __name: "CollectionPager",
-  props: {
-    collection: {},
-    compact: { type: Boolean },
-    flat: { type: Boolean }
-  },
-  emits: ["turned"],
-  setup(a, { emit: o }) {
-    const s = a, p = o, { t: n } = de(), i = Oe(), d = _(() => s.collection.query.value.page), f = _(() => s.collection.page.value?.lastPage ?? 0), h = _(() => s.collection.page.value), v = _(() => {
-      if (f.value <= 1) return f.value === 1 ? [1] : [];
-      const x = [1], j = Math.max(2, d.value - 2), k = Math.min(f.value - 1, d.value + 2);
-      j > 2 && x.push(null);
-      for (let M = j; M <= k; M++) x.push(M);
-      return k < f.value - 1 && x.push(null), x.push(f.value), x;
-    });
-    function V(x) {
-      x === 1 ? s.collection.nextPage() : s.collection.previousPage(), p("turned");
-    }
-    const O = (x) => [
-      "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",
-      x ? "bg-tint font-semibold text-content-on-tint" : "text-content-strong hover:bg-fill disabled:hover:bg-transparent"
-    ].join(" ");
-    function D(x) {
-      s.collection.setPageSize(Number(x.target.value));
-    }
-    return (x, j) => s.compact && f.value > 1 ? (u(), y("nav", {
-      key: 0,
-      "aria-label": l(n)("core.collection.page.label"),
-      class: oe(["flex select-none items-center justify-between gap-3 px-1 py-2", s.flat ? "mt-1" : "border-t border-border-separator"]),
-      "data-test": "collection-pager-compact"
-    }, [
-      r("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,
-        onClick: j[0] || (j[0] = (k) => V(-1))
-      }, [
-        S(l(U), {
-          name: "arrowLeftSLine",
-          size: 20
-        }),
-        r("span", Lt, g(l(n)("core.collection.page.previous")), 1)
-      ], 8, Pt),
-      r("span", Ft, g(l(n)("core.collection.page.page_of", { current: l(i).number(d.value), total: l(i).number(f.value) })), 1),
-      r("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,
-        onClick: j[1] || (j[1] = (k) => V(1))
-      }, [
-        S(l(U), {
-          name: "arrowRightSLine",
-          size: 20
-        }),
-        r("span", Rt, g(l(n)("core.collection.page.next")), 1)
-      ], 8, qt)
-    ], 10, Vt)) : s.compact ? R("", !0) : (u(), y("div", Tt, [
-      r("div", Nt, [
-        h.value ? (u(), y("span", At, g(l(n)("core.collection.page.total", { from: l(i).number(h.value.from), to: l(i).number(h.value.to), total: l(i).number(h.value.total) })), 1)) : R("", !0),
-        r("label", Et, [
-          r("span", Ut, g(l(n)("core.collection.page.per_page")) + ":", 1),
-          r("select", {
-            value: s.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: D
-          }, [
-            (u(!0), y(J, null, Y(s.collection.pageSizes, (k) => (u(), y("option", {
-              key: k,
-              value: k
-            }, g(k), 9, Bt))), 128))
-          ], 40, Mt)
-        ])
-      ]),
-      r("nav", {
-        "aria-label": l(n)("core.collection.page.label"),
-        class: "flex items-center gap-0.5 text-subheadline tabular-nums"
-      }, [
-        r("button", {
-          type: "button",
-          class: oe(O(!1)),
-          disabled: d.value <= 1,
-          onClick: j[2] || (j[2] = (k) => V(-1))
-        }, [
-          S(l(U), {
-            name: "arrowLeftSLine",
-            size: 16
-          }),
-          r("span", Dt, g(l(n)("core.collection.page.previous")), 1)
-        ], 10, Ht),
-        (u(!0), y(J, null, Y(v.value, (k, M) => (u(), y(J, { key: M }, [
-          k === null ? (u(), y("span", Kt, "…")) : (u(), y("button", {
-            key: 1,
-            type: "button",
-            class: oe(O(k === d.value)),
-            "aria-current": k === d.value ? "page" : void 0,
-            onClick: (B) => s.collection.goToPage(k)
-          }, g(l(i).number(k)), 11, Wt))
-        ], 64))), 128)),
-        r("button", {
-          type: "button",
-          class: oe(O(!1)),
-          disabled: d.value >= f.value,
-          onClick: j[3] || (j[3] = (k) => V(1))
-        }, [
-          S(l(U), {
-            name: "arrowRightSLine",
-            size: 16
-          }),
-          r("span", Xt, g(l(n)("core.collection.page.next")), 1)
-        ], 10, Qt)
-      ], 8, It)
-    ]));
-  }
-}), Gt = ["onClick"], Yt = { class: "max-w-56 truncate" }, Zt = { class: "flex flex-col gap-1.5 text-footnote font-medium text-content-muted" }, el = ["placeholder"], tl = { class: "flex items-center justify-between gap-2" }, ll = {
-  type: "submit",
-  class: "cursor-pointer rounded-control bg-tint px-3 py-1.5 text-footnote font-semibold text-content-on-tint"
-}, ol = ["onClick"], nl = { class: "max-w-56 truncate" }, Te = "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", sl = /* @__PURE__ */ ce({
-  __name: "CollectionFilterMenu",
-  props: {
-    filter: {},
-    value: {}
-  },
-  emits: ["update"],
-  setup(a, { emit: o }) {
-    const s = a, p = o, { t: n } = de(), i = _(() => ne(s.value) ? null : String(s.value)), d = _(() => s.filter.options?.find((B) => String(B.value) === i.value) ?? null), f = _(() => [
-      ...s.filter.withoutDefaultOption ? [] : [{ id: "__all", label: s.filter.defaultOptionTitle ?? n("core.collection.filters.show_all"), checked: i.value === null, onSelect: () => p("update", null) }],
-      ...(s.filter.options ?? []).map((N) => ({
-        id: `option-${String(N.value)}`,
-        label: N.label,
-        icon: N.icon,
-        checked: i.value === String(N.value),
-        onSelect: () => p("update", String(N.value))
-      }))
-    ]), h = _(() => s.filter.type === "text" && i.value ? `${s.filter.label}: ${i.value}` : d.value?.label ?? s.filter.label), v = _(() => i.value !== null), V = _(
-      () => v.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"
-    ), O = le(""), D = re("popover");
-    Ce(i, (B) => O.value = B ?? "", { immediate: !0 });
-    function x() {
-      const B = O.value.trim();
-      p("update", B === "" ? null : B), D.value?.dismiss();
-    }
-    function j() {
-      O.value = "", p("update", null), D.value?.dismiss();
-    }
-    const k = re("field");
-    async function M() {
-      await et(), k.value?.focus();
-    }
-    return (B, N) => s.filter.type === "text" ? (u(), W(l(Ke), {
-      key: 0,
-      ref_key: "popover",
-      ref: D,
-      label: s.filter.label,
-      width: "md",
-      placement: "bottom-start",
-      onPresented: M
-    }, {
-      trigger: F(({ toggle: Q, attrs: I }) => [
-        r("button", ie(I, {
-          type: "button",
-          class: [Te, V.value],
-          onClick: Q
-        }), [
-          s.filter.icon ? (u(), W(l(U), {
-            key: 0,
-            name: s.filter.icon,
-            size: 16
-          }, null, 8, ["name"])) : R("", !0),
-          r("span", Yt, g(h.value), 1),
-          S(l(U), {
-            name: "arrowDownSLine",
-            size: 16,
-            class: "text-content-muted"
-          })
-        ], 16, Gt)
-      ]),
-      default: F(() => [
-        r("form", {
-          class: "flex flex-col gap-3",
-          onSubmit: Ue(x, ["prevent"])
-        }, [
-          r("label", Zt, [
-            G(g(s.filter.label) + " ", 1),
-            Se(r("input", {
-              ref_key: "field",
-              ref: k,
-              "onUpdate:modelValue": N[0] || (N[0] = (Q) => O.value = Q),
-              type: "text",
-              autocomplete: "off",
-              placeholder: l(n)("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, el), [
-              [ze, O.value]
-            ])
-          ]),
-          r("div", tl, [
-            r("button", {
-              type: "button",
-              class: "cursor-pointer rounded-control px-2 py-1 text-footnote text-content-muted hover:text-content-strong",
-              onClick: j
-            }, g(l(n)("core.collection.filters.clear")), 1),
-            r("button", ll, g(l(n)("core.collection.filters.apply")), 1)
-          ])
-        ], 32)
-      ]),
-      _: 1
-    }, 8, ["label"])) : (u(), W(l(De), {
-      key: 1,
-      items: f.value,
-      label: s.filter.label,
-      placement: "bottom-start"
-    }, {
-      trigger: F(({ toggle: Q, attrs: I }) => [
-        r("button", ie(I, {
-          type: "button",
-          class: [Te, V.value],
-          onClick: Q
-        }), [
-          s.filter.icon ? (u(), W(l(U), {
-            key: 0,
-            name: s.filter.icon,
-            size: 16
-          }, null, 8, ["name"])) : R("", !0),
-          r("span", nl, g(h.value), 1),
-          S(l(U), {
-            name: "arrowDownSLine",
-            size: 16,
-            class: "text-content-muted"
-          })
-        ], 16, ol)
-      ]),
-      _: 1
-    }, 8, ["items", "label"]));
-  }
-}), al = {
-  key: 0,
-  "data-test": "filter-drilldown"
-}, rl = { class: "mb-3 text-headline font-semibold" }, il = ["aria-label"], cl = ["aria-selected", "onClick"], ul = { class: "min-w-0 truncate" }, dl = {
-  key: 0,
-  class: "mb-5 border-b border-border-separator pb-5",
-  "data-test": "saved-filters"
-}, fl = { class: "mb-2 text-footnote font-medium text-content-muted" }, pl = { class: "flex flex-wrap gap-2" }, vl = ["onClick"], ml = ["aria-label", "title", "onClick"], bl = { class: "space-y-5" }, gl = { key: 0 }, hl = { class: "mb-1.5 text-footnote font-medium text-content-muted" }, yl = ["aria-label"], _l = { class: "mb-1.5 text-footnote font-medium text-content-muted" }, xl = {
-  key: 0,
-  class: "grid grid-cols-2 gap-3"
-}, wl = ["aria-label"], kl = { class: "mb-2 text-footnote font-medium text-content-muted" }, $l = { class: "flex flex-wrap gap-2" }, Cl = ["aria-pressed", "onClick"], Sl = ["disabled", "onClick"], zl = { class: "shrink-0 text-subheadline font-medium" }, Ol = { class: "flex items-center justify-between gap-2" }, jl = { class: "flex items-center gap-2" }, Vl = ["title"], Pl = { class: "sm:hidden" }, Ll = { class: "hidden sm:inline" }, Fl = { class: "flex flex-col gap-1.5 text-footnote font-medium text-content-muted" }, ql = ["placeholder"], Rl = {
-  key: 0,
-  class: "text-footnote text-status-warning-content",
-  "data-test": "saved-filter-replace-hint"
-}, Tl = { class: "flex justify-end gap-2" }, Nl = 8, Al = 18, Ne = 6e3, El = /* @__PURE__ */ ce({
-  __name: "CollectionFilterPanel",
-  props: {
-    collection: {},
-    filters: {}
-  },
-  emits: ["touched"],
-  setup(a, { expose: o, emit: s }) {
-    const p = a, n = s, { t: i } = de(), d = re("sheet"), f = vt("(max-width: 1023px), (pointer: coarse)"), h = le({}), v = le({}), V = le(null), O = _(() => p.filters.find((c) => c.key === V.value) ?? null);
-    function D() {
-      const c = {}, m = {};
-      for (const e of p.filters) {
-        const t = p.collection.query.value.filters[e.key];
-        if (c[e.key] = ne(t) ? null : String(t), e.type === "range") {
-          const [$, L] = We(c[e.key]);
-          m[e.key] = { min: $ ?? "", max: L ?? "" };
-        }
-      }
-      h.value = c, v.value = m, V.value = null, d.value?.present();
-    }
-    function x(c, m) {
-      const e = ne(m) ? null : String(m);
-      if (h.value[c] !== e) {
-        h.value = { ...h.value, [c]: e };
-        for (const t of p.filters.filter(($) => $.dependsOn === c)) x(t.key, null);
-      }
-    }
-    function j() {
-      for (const c of p.filters)
-        h.value[c.key] = null, c.type === "range" && (v.value[c.key] = { min: "", max: "" });
-    }
-    const k = (c) => c.replace(/[^\d.,-]/g, "").replace(",", "."), M = (c, m) => {
-      const e = v.value[c]?.[m] ?? "", t = e === "" ? Number.NaN : Number(k(e));
-      return Number.isNaN(t) ? null : t;
-    };
-    function B(c, m, e) {
-      const t = v.value[c];
-      t && (t[m] = e === null ? "" : String(e));
-    }
-    function N() {
-      const c = {};
-      for (const m of p.filters) {
-        const e = v.value[m.key];
-        c[m.key] = m.type === "range" ? bt(e ? k(e.min) : null, e ? k(e.max) : null) : h.value[m.key] ?? null;
-      }
-      return c;
-    }
-    function Q() {
-      const c = N(), m = Object.keys(c).filter((e) => (p.collection.query.value.filters[e] ?? null) !== c[e]);
-      n("touched", m), p.collection.setFilters(c), d.value?.dismiss();
-    }
-    const I = (c) => gt(c, c.dependsOn ? h.value[c.dependsOn] : null), K = (c) => c.defaultOptionTitle ?? i("core.collection.filters.show_all");
-    function te(c) {
-      const m = h.value[c.key];
-      return m == null ? K(c) : I(c).find((e) => e.value === m)?.label ?? m;
-    }
-    const Z = (c) => [
-      { value: "", label: K(c) },
-      ...I(c).map((m) => ({ value: String(m.value), label: m.label }))
-    ], w = (c) => [
-      { value: "", label: K(c) },
-      ...(c.options ?? []).map((m) => ({ value: String(m.value), label: m.label }))
-    ];
-    function A(c) {
-      const m = I(c);
-      return !c.dependsOn && m.length > 0 && m.length <= Nl && m.every((e) => e.label.length <= Al);
-    }
-    const P = _(() => f.value && O.value !== null), b = _(() => p.collection.savedViews), C = le(""), z = le(!1), ae = re("savePopover");
-    function fe() {
-      const c = new Set(p.filters.map((e) => e.key)), m = {};
-      for (const [e, t] of Object.entries(p.collection.query.value.filters))
-        !c.has(e) && t !== void 0 && t !== "" && (m[e] = String(t));
-      for (const [e, t] of Object.entries(N())) t !== null && (m[e] = t);
-      return { filters: m, search: p.collection.query.value.search };
-    }
-    const pe = _(() => {
-      const c = fe();
-      return Object.keys(c.filters).length > 0 || c.search.trim() !== "";
-    }), ve = _(() => {
-      const c = C.value.trim();
-      return c ? b.value?.items.value.find((m) => m.name === c) ?? null : null;
-    }), me = (c, m) => nt(c) && c.message ? c.message : m;
-    async function be() {
-      const c = C.value.trim(), m = b.value;
-      if (!(!m || !c || z.value || !pe.value)) {
-        z.value = !0;
-        try {
-          const e = await m.save(c, fe());
-          C.value = "", ae.value?.dismiss(), ye.success(i("core.collection.saved.saved_toast", { name: e.name })), m.apply(e), n("touched", []), d.value?.dismiss();
-        } catch (e) {
-          ye.error(me(e, i("core.collection.saved.save_failed")));
-        } finally {
-          z.value = !1;
-        }
-      }
-    }
-    function _e(c) {
-      b.value?.apply(c), n("touched", []), d.value?.dismiss();
-    }
-    function ge(c) {
-      const m = b.value;
-      if (!m) return;
-      const { revert: e, commit: t } = m.stageRemoval(c.id), $ = setTimeout(() => {
-        t().catch((L) => {
-          e(), ye.error(me(L, i("core.collection.saved.delete_failed")));
-        });
-      }, Ne);
-      ye.success(i("core.collection.saved.deleted_toast", { name: c.name }), {
-        duration: Ne,
-        action: {
-          label: i("core.collection.saved.undo"),
-          onClick: () => {
-            clearTimeout($), e();
-          }
-        }
-      });
-    }
-    return o({ present: D }), (c, m) => (u(), W(l(mt), {
-      ref_key: "sheet",
-      ref: d,
-      title: l(i)("core.collection.filters.panel_title"),
-      grouped: P.value
-    }, {
-      footer: F(() => [
-        r("div", Ol, [
-          S(se, {
-            prominence: "standard",
-            class: "whitespace-nowrap",
-            onClick: j
-          }, {
-            default: F(() => [
-              G(g(l(i)("core.collection.filters.reset_all")), 1)
-            ]),
-            _: 1
-          }),
-          r("div", jl, [
-            b.value ? (u(), W(l(Ke), {
-              key: 0,
-              ref_key: "savePopover",
-              ref: ae,
-              placement: "top-end",
-              label: l(i)("core.collection.saved.save_button")
-            }, {
-              trigger: F(({ toggle: e, attrs: t }) => [
-                r("span", {
-                  title: pe.value ? void 0 : l(i)("core.collection.saved.nothing_to_save")
-                }, [
-                  S(se, ie({ ...t, "data-test": "saved-filter-open" }, {
-                    prominence: "standard",
-                    icon: "save",
-                    class: "whitespace-nowrap",
-                    disabled: !pe.value,
-                    onClick: e
-                  }), {
-                    default: F(() => [
-                      r("span", Pl, g(l(i)("core.collection.saved.save")), 1),
-                      r("span", Ll, g(l(i)("core.collection.saved.save_button")), 1)
-                    ]),
-                    _: 1
-                  }, 16, ["disabled", "onClick"])
-                ], 8, Vl)
-              ]),
-              default: F(() => [
-                r("form", {
-                  class: "flex flex-col gap-3",
-                  "data-test": "saved-filter-form",
-                  onSubmit: Ue(be, ["prevent"])
-                }, [
-                  r("label", Fl, [
-                    G(g(l(i)("core.collection.saved.name_label")) + " ", 1),
-                    Se(r("input", {
-                      "onUpdate:modelValue": m[1] || (m[1] = (e) => C.value = e),
-                      type: "text",
-                      maxlength: "60",
-                      autocomplete: "off",
-                      placeholder: l(i)("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, ql), [
-                      [ze, C.value]
-                    ])
-                  ]),
-                  ve.value ? (u(), y("p", Rl, g(l(i)("core.collection.saved.replace_hint", { name: ve.value.name })), 1)) : R("", !0),
-                  r("div", Tl, [
-                    S(se, {
-                      size: "sm",
-                      onClick: m[2] || (m[2] = (e) => ae.value?.dismiss())
-                    }, {
-                      default: F(() => [
-                        G(g(l(i)("core.actions.cancel")), 1)
-                      ]),
-                      _: 1
-                    }),
-                    S(se, ie({ "data-test": "saved-filter-save" }, {
-                      type: "submit",
-                      prominence: "primary",
-                      size: "sm",
-                      processing: z.value,
-                      disabled: !C.value.trim()
-                    }), {
-                      default: F(() => [
-                        G(g(ve.value ? l(i)("core.collection.saved.replace") : l(i)("core.collection.saved.save")), 1)
-                      ]),
-                      _: 1
-                    }, 16, ["processing", "disabled"])
-                  ])
-                ], 32)
-              ]),
-              _: 1
-            }, 8, ["label"])) : R("", !0),
-            S(se, {
-              prominence: "primary",
-              icon: "filter3",
-              class: "whitespace-nowrap",
-              onClick: Q
-            }, {
-              default: F(() => [
-                G(g(l(i)("core.collection.filters.apply")), 1)
-              ]),
-              _: 1
-            })
-          ])
-        ])
-      ]),
-      default: F(() => [
-        l(f) && O.value ? (u(), y("div", al, [
-          r("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",
-            onClick: m[0] || (m[0] = (e) => V.value = null)
-          }, [
-            S(l(U), {
-              name: "arrowLeftSLine",
-              size: 20
-            }),
-            G(" " + g(l(i)("core.collection.filters.panel_title")), 1)
-          ]),
-          r("p", rl, g(O.value.label), 1),
-          r("ul", {
-            class: "overflow-hidden rounded-group bg-surface-cell shadow-group",
-            role: "listbox",
-            "aria-label": O.value.label
-          }, [
-            (u(!0), y(J, null, Y([{ value: null, label: K(O.value) }, ...I(O.value)], (e) => (u(), y("li", {
-              key: String(e.value),
-              role: "presentation"
-            }, [
-              r("button", {
-                type: "button",
-                role: "option",
-                "aria-selected": (h.value[O.value.key] ?? null) === e.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: (t) => {
-                  x(O.value.key, e.value), V.value = null;
-                }
-              }, [
-                r("span", ul, g(e.label), 1),
-                (h.value[O.value.key] ?? null) === e.value ? (u(), W(l(U), {
-                  key: 0,
-                  name: "checkboxCircleFill",
-                  size: 18,
-                  class: "shrink-0 text-content-link"
-                })) : R("", !0)
-              ], 8, cl)
-            ]))), 128))
-          ], 8, il)
-        ])) : (u(), y(J, { key: 1 }, [
-          b.value && b.value.items.value.length > 0 ? (u(), y("section", dl, [
-            r("p", fl, g(l(i)("core.collection.saved.title")), 1),
-            r("div", pl, [
-              (u(!0), y(J, null, Y(b.value.items.value, (e) => (u(), y("span", {
-                key: e.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", {
-                  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: (t) => _e(e)
-                }, [
-                  S(l(U), {
-                    name: "starFill",
-                    size: 12,
-                    class: "text-status-warning-content"
-                  }),
-                  G(" " + g(e.name), 1)
-                ], 8, vl),
-                r("button", {
-                  type: "button",
-                  "data-test": "saved-filter-delete",
-                  "aria-label": l(i)("core.collection.saved.delete", { name: e.name }),
-                  title: l(i)("core.collection.saved.delete", { name: e.name }),
-                  class: "h-full cursor-pointer rounded-r-control px-1.5 text-content-muted hover:bg-fill hover:text-content-destructive",
-                  onClick: (t) => ge(e)
-                }, [
-                  S(l(U), {
-                    name: "close",
-                    size: 12
-                  })
-                ], 8, ml)
-              ]))), 128))
-            ])
-          ])) : R("", !0),
-          r("div", bl, [
-            (u(!0), y(J, null, Y(p.filters, (e) => (u(), y(J, {
-              key: e.key
-            }, [
-              e.type === "segmented" ? (u(), y("div", gl, [
-                r("p", hl, g(e.label), 1),
-                S(l(He), {
-                  "model-value": h.value[e.key] ?? "",
-                  tabs: w(e),
-                  label: e.label,
-                  stretch: "",
-                  "onUpdate:modelValue": (t) => x(e.key, t === null ? null : String(t))
-                }, null, 8, ["model-value", "tabs", "label", "onUpdate:modelValue"])
-              ])) : e.type === "range" ? (u(), y("div", {
-                key: 1,
-                role: "group",
-                "aria-label": e.label
-              }, [
-                r("p", _l, g(e.label), 1),
-                v.value[e.key] ? (u(), y("div", xl, [
-                  (u(), y(J, null, Y(["min", "max"], (t) => S(ft, {
-                    key: t,
-                    "model-value": M(e.key, t),
-                    name: `${e.key}_${t}`,
-                    width: "full",
-                    decimals: e.decimals ?? 0,
-                    suffix: e.unit,
-                    label: l(i)(t === "min" ? "core.collection.filters.range_from" : "core.collection.filters.range_until"),
-                    "onUpdate:modelValue": ($) => B(e.key, t, $)
-                  }, null, 8, ["model-value", "name", "decimals", "suffix", "label", "onUpdate:modelValue"])), 64))
-                ])) : R("", !0)
-              ], 8, yl)) : l(f) && A(e) ? (u(), y("div", {
-                key: 2,
-                role: "group",
-                "aria-label": e.label,
-                "data-test": "filter-chips"
-              }, [
-                r("p", kl, g(e.label), 1),
-                r("div", $l, [
-                  (u(!0), y(J, null, Y([{ value: null, label: K(e) }, ...I(e)], (t) => (u(), y("button", {
-                    key: String(t.value),
-                    type: "button",
-                    "aria-pressed": (h.value[e.key] ?? null) === t.value,
-                    class: oe(["min-h-9 cursor-pointer rounded-full px-3.5 text-subheadline ring-1 ring-inset transition-colors", (h.value[e.key] ?? null) === t.value ? "bg-tint-soft font-semibold text-content-link ring-border-selected" : "bg-surface-cell text-content ring-border-separator active:bg-fill"]),
-                    onClick: ($) => x(e.key, t.value)
-                  }, g(t.label), 11, Cl))), 128))
-                ])
-              ], 8, wl)) : l(f) ? (u(), y("button", {
-                key: 3,
-                type: "button",
-                "data-test": "filter-row",
-                disabled: !!e.dependsOn && I(e).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: (t) => V.value = e.key
-              }, [
-                r("span", zl, g(e.label), 1),
-                r("span", {
-                  class: oe(["min-w-0 flex-1 truncate text-right text-subheadline", h.value[e.key] == null ? "text-content-disabled" : "font-medium text-content-link"])
-                }, g(te(e)), 3),
-                S(l(U), {
-                  name: "arrowRightSLine",
-                  size: 18,
-                  class: "shrink-0 text-content-muted"
-                })
-              ], 8, Sl)) : (u(), W(pt, {
-                key: 4,
-                "model-value": h.value[e.key] ?? "",
-                label: e.label,
-                options: Z(e),
-                disabled: !!e.dependsOn && I(e).length === 0,
-                "onUpdate:modelValue": (t) => x(e.key, t === "" ? null : t)
-              }, null, 8, ["model-value", "label", "options", "disabled", "onUpdate:modelValue"]))
-            ], 64))), 128))
-          ])
-        ], 64))
-      ]),
-      _: 1
-    }, 8, ["title", "grouped"]));
-  }
-}), Ul = { class: "flex flex-col items-start gap-2 lg:flex-row" }, Ml = {
-  key: 0,
-  class: "flex h-9 w-full items-center rounded-control bg-fill px-2.5 text-content-muted transition-colors duration-motion-fast focus-within:outline-2 focus-within:outline-offset-1 focus-within:outline-border-focus lg:w-72 compact:h-10"
-}, Bl = ["placeholder", "aria-label"], Il = ["aria-label"], Hl = ["title"], Dl = {
-  key: 0,
-  class: "min-w-4.5 rounded-full bg-tint px-1 text-center text-caption font-semibold leading-4.5 text-content-on-tint"
-}, Kl = ["onClick"], Wl = {
-  key: 0,
-  class: "mt-2.5 flex flex-wrap items-center gap-2",
-  "data-test": "collection-filter-chips"
-}, Ql = {
-  key: 0,
-  class: "shrink-0 opacity-80"
-}, Xl = { class: "flex min-w-0 flex-wrap items-center gap-1 font-semibold" }, Jl = { class: "break-words" }, Gl = ["aria-label", "onClick"], Ae = "__search", Yl = 3, Zl = 300, eo = /* @__PURE__ */ ce({
-  __name: "CollectionToolbar",
-  props: {
-    collection: {},
-    narrow: { type: Boolean },
-    flat: { type: Boolean }
-  },
-  emits: ["touched"],
-  setup(a, { emit: o }) {
-    const s = a, p = o, { t: n } = de(), i = Oe(), d = le(s.collection.query.value.search), f = re("field");
-    let h = null;
-    Ce(() => s.collection.query.value.search, (w) => {
-      w !== d.value.trim() && (d.value = w);
-    });
-    function v() {
-      h && clearTimeout(h);
-      const w = d.value;
-      w.length > 0 && w.length < Yl || (h = setTimeout(() => {
-        h = null, w !== s.collection.query.value.search && (p("touched", [Ae]), s.collection.search(w));
-      }, Zl));
-    }
-    function V() {
-      h && clearTimeout(h), d.value = "", p("touched", [Ae]), s.collection.search(""), f.value?.focus();
-    }
-    tt(() => h && clearTimeout(h));
-    const O = (w) => w.placement === "panel" || s.narrow && w.type !== "text", D = _(() => s.collection.filters.value.filter((w) => !O(w))), x = _(() => s.collection.filters.value.filter(O)), j = _(() => s.collection.query.value.filters), k = _(
-      () => Qe(x.value, j.value, {
-        formatNumber: (w) => i.number(w),
-        from: n("core.collection.filters.range_from"),
-        until: n("core.collection.filters.range_until")
-      })
-    ), M = _(() => yt(x.value, j.value));
-    function B(w, A) {
-      p("touched", [w]), s.collection.setFilter(w, A);
-    }
-    function N(w) {
-      s.collection.setFilters(Object.fromEntries(w.map((A) => [A, null])));
-    }
-    const Q = re("panel"), I = re("panelButton"), K = (w) => !!w && (typeof w.checkVisibility != "function" || w.checkVisibility());
-    Le({ key: "/", group: "list", label: () => n("core.shortcuts.focus_search") }, () => {
-      if (!K(f.value)) return !1;
-      f.value?.focus(), f.value?.select();
-    }), Le({ key: "f", group: "list", label: () => x.value.length > 0 ? n("core.shortcuts.open_filters") : "" }, () => {
-      if (x.value.length === 0 || !K(I.value)) return !1;
-      Q.value?.present();
-    });
-    const te = _(() => s.collection.savedViews);
-    lt(() => void te.value?.load());
-    const Z = _(
-      () => (te.value?.items.value ?? []).map((w) => ({
-        id: `saved-${w.id}`,
-        label: w.name,
-        icon: "starFill",
-        onSelect: () => {
-          p("touched", []), te.value?.apply(w);
-        }
-      }))
-    );
-    return (w, A) => (u(), y("div", {
-      class: oe([s.flat ? "pb-3" : "border-b border-border-separator px-3 py-2.5", "select-none"]),
-      "data-test": "collection-toolbar"
-    }, [
-      r("div", Ul, [
-        s.collection.searchable ? (u(), y("div", Ml, [
-          S(l(U), {
-            name: "search",
-            size: 16
-          }),
-          Se(r("input", {
-            ref_key: "field",
-            ref: f,
-            "onUpdate:modelValue": A[0] || (A[0] = (P) => d.value = P),
-            type: "text",
-            name: "collection-search",
-            autocomplete: "off",
-            placeholder: l(n)("core.collection.search.placeholder"),
-            "aria-label": l(n)("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: v
-          }, null, 40, Bl), [
-            [ze, d.value]
-          ]),
-          A[4] || (A[4] = r("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", {
-            key: 0,
-            type: "button",
-            "aria-label": l(n)("core.collection.clear"),
-            class: "cursor-pointer rounded-full text-content-disabled hover:text-content-muted",
-            onClick: V
-          }, [
-            S(l(U), {
-              name: "close",
-              size: 16
-            })
-          ], 8, Il)) : R("", !0)
-        ])) : R("", !0),
-        r("div", {
-          class: oe(["flex min-w-0 flex-1 items-center gap-2", s.narrow ? "w-full flex-nowrap overflow-x-auto [scrollbar-width:none]" : "flex-wrap"])
-        }, [
-          x.value.length > 0 ? (u(), y("button", {
-            key: 0,
-            ref_key: "panelButton",
-            ref: I,
-            type: "button",
-            "data-test": "collection-filter-panel-button",
-            title: `${l(n)("core.collection.filters.panel_button")} (F)`,
-            class: oe(["hit-target inline-flex h-8 shrink-0 cursor-pointer items-center gap-x-1.5 rounded-button px-3 text-subheadline font-semibold transition-colors duration-motion-fast compact:h-9", M.value > 0 ? "bg-tint-soft text-content-link" : "bg-surface-cell text-content-strong shadow-group ring-1 ring-inset ring-border-separator hover:bg-fill"]),
-            onClick: A[1] || (A[1] = (P) => Q.value?.present())
-          }, [
-            S(l(U), {
-              name: "filter3",
-              size: 16
-            }),
-            G(" " + g(l(n)("core.collection.filters.panel_button")) + " ", 1),
-            M.value > 0 ? (u(), y("span", Dl, g(M.value), 1)) : R("", !0)
-          ], 10, Hl)) : R("", !0),
-          Z.value.length > 0 ? (u(), W(l(De), {
-            key: 1,
-            items: Z.value,
-            label: l(n)("core.collection.saved.menu"),
-            placement: "bottom-start"
-          }, {
-            trigger: F(({ toggle: P, attrs: b }) => [
-              r("button", ie(b, {
-                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",
-                onClick: P
-              }), [
-                S(l(U), {
-                  name: "starFill",
-                  size: 14,
-                  class: "text-status-warning-content"
-                }),
-                G(" " + g(l(n)("core.collection.saved.menu")), 1)
-              ], 16, Kl)
-            ]),
-            _: 1
-          }, 8, ["items", "label"])) : R("", !0),
-          (u(!0), y(J, null, Y(D.value, (P) => (u(), W(sl, {
-            key: P.key,
-            filter: P,
-            value: j.value[P.key],
-            onUpdate: (b) => B(P.key, b)
-          }, null, 8, ["filter", "value", "onUpdate"]))), 128))
-        ], 2),
-        ue(w.$slots, "default")
-      ]),
-      k.value.length > 0 ? (u(), y("div", Wl, [
-        (u(!0), y(J, null, Y(k.value, (P) => (u(), y("span", {
-          key: P.key,
-          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"
-        }, [
-          P.label ? (u(), y("span", Ql, g(P.label), 1)) : R("", !0),
-          r("span", Xl, [
-            (u(!0), y(J, null, Y(P.values, (b, C) => (u(), y(J, { key: C }, [
-              C > 0 ? (u(), W(l(U), {
-                key: 0,
-                name: "arrowRightSLine",
-                size: 12,
-                class: "opacity-60"
-              })) : R("", !0),
-              r("span", Jl, g(b), 1)
-            ], 64))), 128))
-          ]),
-          r("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": l(n)("core.collection.clear"),
-            onClick: (b) => N(P.clears)
-          }, [
-            S(l(U), {
-              name: "close",
-              size: 12
-            })
-          ], 8, Gl)
-        ]))), 128)),
-        k.value.length > 1 ? (u(), y("button", {
-          key: 0,
-          type: "button",
-          class: "cursor-pointer px-2 text-subheadline text-content-muted hover:text-content-strong hover:underline",
-          onClick: A[2] || (A[2] = (P) => N(x.value.map((b) => b.key)))
-        }, g(l(n)("core.collection.filters.reset_all")), 1)) : R("", !0)
-      ])) : R("", !0),
-      x.value.length > 0 ? (u(), W(El, {
-        key: 1,
-        ref_key: "panel",
-        ref: Q,
-        collection: s.collection,
-        filters: x.value,
-        onTouched: A[3] || (A[3] = (P) => p("touched", P))
-      }, null, 8, ["collection", "filters"])) : R("", !0)
-    ], 2));
-  }
-}), to = ["aria-busy"], lo = {
-  key: 0,
-  class: "mb-3 select-none"
-}, oo = {
-  key: 0,
-  role: "status",
-  "data-test": "collection-refreshing",
-  class: "m-2 flex w-fit max-w-full items-center gap-2 rounded-group bg-fill py-1 pr-3 pl-3 text-footnote text-content-muted"
-}, no = {
-  key: 1,
-  class: "m-2",
-  "data-test": "collection-stale"
-}, so = { class: "flex flex-wrap items-center justify-between gap-3" }, ao = { class: "flex flex-wrap items-center justify-between gap-3" }, ro = { class: "font-semibold" }, Ee = "__search", io = /* @__PURE__ */ ce({
-  __name: "CollectionTable",
-  props: {
-    collection: {},
-    rowActions: { type: Function, default: void 0 },
-    rowLabel: { type: Function, default: void 0 },
-    rowHeight: { default: void 0 },
-    density: { default: "regular" },
-    viewsPresentation: { default: "segmented" },
-    actionsVisible: { type: Boolean, default: !1 }
-  },
-  setup(a) {
-    const o = a, s = $e(), { t: p } = de(), n = Oe(), i = _(() => Object.keys($e()).filter((b) => b !== "toolbar" && b !== "empty")), d = _(() => o.collection.columns.value), { narrow: f, phone: h } = ut(() => d.value), v = _(() => o.collection.rows.value), V = (b) => o.collection.recordLocation(b), O = _(() => o.collection.query.value.search), D = _(() => o.collection.views.value.map((b) => ({ value: b.key, label: b.label, icon: b.icon, badge: b.count }))), x = le([]), j = (b) => x.value = [...x.value.filter((C) => !b.includes(C)), ...b], k = _(() => {
-      const b = Qe(o.collection.filters.value, o.collection.query.value.filters, {
-        formatNumber: (z) => n.number(z),
-        from: p("core.collection.filters.range_from"),
-        until: p("core.collection.filters.range_until")
-      }), C = o.collection.query.value.search;
-      return C && b.push({ key: Ee, label: p("core.collection.empty.search"), values: [C], clears: [] }), b;
-    }), M = _(() => {
-      for (const b of [...x.value].reverse()) {
-        const C = k.value.find((z) => z.key === b || z.clears.includes(b));
-        if (C) return C;
-      }
-      return k.value[k.value.length - 1] ?? null;
-    });
-    function B(b) {
-      x.value = x.value.filter((C) => C !== b.key && !b.clears.includes(C)), b.key === Ee ? o.collection.search("") : o.collection.setFilters(Object.fromEntries(b.clears.map((C) => [C, null])));
-    }
-    function N() {
-      x.value = [], o.collection.clearFilters();
-    }
-    const Q = _(() => {
-      const { sort: b, direction: C } = o.collection.query.value;
-      return b === null ? null : { key: b, direction: C };
-    }), I = re("card"), K = () => I.value?.scrollIntoView?.({ block: "start", behavior: "smooth" }), te = _(() => o.collection.display.value === "loading"), Z = _(() => o.collection.query.value.pageSize), w = _(() => o.collection.state.value.status === "refreshing"), A = _(() => o.collection.state.value.status === "stale"), P = _(() => {
-      const b = o.collection.state.value;
-      return b.status === "failed" || b.status === "stale" ? b.error ?? "" : "";
-    });
-    return (b, C) => (u(), y("div", {
-      class: "collection",
-      "aria-busy": te.value || w.value || void 0,
-      "data-test": "collection"
-    }, [
-      D.value.length > 0 ? (u(), y("div", lo, [
-        S(l(He), {
-          "model-value": o.collection.query.value.view,
-          tabs: D.value,
-          presentation: o.viewsPresentation,
-          label: l(p)("core.collection.views_label"),
-          "onUpdate:modelValue": C[0] || (C[0] = (z) => o.collection.setView(z === null ? null : String(z)))
-        }, null, 8, ["model-value", "tabs", "presentation", "label"])
-      ])) : R("", !0),
-      r("div", {
-        ref_key: "card",
-        ref: I,
-        class: oe(["scroll-mt-16", l(h) ? "" : "rounded-group bg-surface-cell shadow-group"])
-      }, [
-        S(eo, {
-          collection: o.collection,
-          narrow: l(f),
-          flat: l(h),
-          onTouched: j
-        }, {
-          default: F(() => [
-            ue(b.$slots, "toolbar")
-          ]),
-          _: 3
-        }, 8, ["collection", "narrow", "flat"]),
-        w.value ? (u(), y("div", oo, [
-          S(l(U), {
-            name: "loader4Line",
-            size: 14,
-            class: "animate-spin motion-reduce:animate-none"
-          }),
-          G(" " + g(l(p)("core.state.refreshing")), 1)
-        ])) : R("", !0),
-        A.value ? (u(), y("div", no, [
-          S(l(Fe), {
-            tone: "warning",
-            role: "alert"
-          }, {
-            default: F(() => [
-              r("div", so, [
-                r("div", null, [
-                  r("p", null, g(P.value), 1),
-                  r("p", null, g(l(p)("core.state.stale")), 1)
-                ]),
-                S(se, {
-                  prominence: "secondary",
-                  size: "sm",
-                  onClick: C[1] || (C[1] = (z) => o.collection.refresh())
-                }, {
-                  default: F(() => [
-                    G(g(l(p)("core.actions.retry")), 1)
-                  ]),
-                  _: 1
-                })
-              ])
-            ]),
-            _: 1
-          })
-        ])) : R("", !0),
-        S(dt, {
-          columns: d.value,
-          rows: v.value,
-          "row-key": o.collection.rowKey,
-          display: o.collection.display.value,
-          phone: l(h),
-          link: V,
-          search: O.value,
-          sorted: Q.value,
-          "row-actions": o.rowActions,
-          "row-label": o.rowLabel,
-          "row-height": o.rowHeight,
-          density: o.density,
-          "actions-visible": o.actionsVisible,
-          "skeleton-rows": Z.value,
-          "reserve-rows": te.value ? Z.value : void 0,
-          onSort: C[3] || (C[3] = (z) => o.collection.toggleSort(z))
-        }, Me({
-          failed: F(() => [
-            S(l(Fe), {
-              tone: "warning",
-              role: "alert"
-            }, {
-              default: F(() => [
-                r("div", ao, [
-                  r("div", null, [
-                    r("p", ro, g(l(p)("core.collection.failed.title")), 1),
-                    r("p", null, g(P.value), 1)
-                  ]),
-                  S(se, {
-                    prominence: "secondary",
-                    size: "sm",
-                    onClick: C[2] || (C[2] = (z) => o.collection.refresh())
-                  }, {
-                    default: F(() => [
-                      G(g(l(p)("core.actions.retry")), 1)
-                    ]),
-                    _: 1
-                  })
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          empty: F(() => [
-            o.collection.display.value === "empty" && s.empty ? ue(b.$slots, "empty", {}, void 0, void 0, 0) : k.value.length > 0 ? (u(), W(jt, {
-              key: 1,
-              chips: k.value,
-              "last-chip": M.value,
-              onRemove: B,
-              onClearAll: N
-            }, null, 8, ["chips", "last-chip"])) : (u(), W(l(ct), {
-              key: 2,
-              title: l(p)("core.collection.no_data"),
-              description: l(p)("core.collection.no_results")
-            }, null, 8, ["title", "description"]))
-          ]),
-          _: 2
-        }, [
-          Y(i.value, (z) => ({
-            name: z,
-            fn: F((ae) => [
-              ue(b.$slots, z, Be(Ie(ae ?? {})))
-            ])
-          }))
-        ]), 1032, ["columns", "rows", "row-key", "display", "phone", "search", "sorted", "row-actions", "row-label", "row-height", "density", "actions-visible", "skeleton-rows", "reserve-rows"]),
-        S(Jt, {
-          collection: o.collection,
-          compact: l(f),
-          flat: l(h),
-          onTurned: K
-        }, null, 8, ["collection", "compact", "flat"])
-      ], 2)
-    ], 8, to));
-  }
-}), Po = /* @__PURE__ */ ce({
-  __name: "CollectionPage",
-  props: {
-    collection: {},
-    title: {},
-    description: { default: void 0 },
-    icon: { default: void 0 },
-    actions: { default: () => [] },
-    rowActions: { type: Function, default: void 0 },
-    rowLabel: { type: Function, default: void 0 },
-    rowHeight: { default: void 0 },
-    density: { default: "regular" },
-    viewsPresentation: { default: "segmented" },
-    actionsVisible: { type: Boolean, default: !1 }
-  },
-  setup(a) {
-    const o = a, s = _(() => Object.keys($e()).filter((n) => n !== "default")), p = _(() => o.collection.total.value || null);
-    return (n, i) => (u(), W(l(it), {
-      title: o.title,
-      description: o.description,
-      icon: o.icon,
-      count: p.value,
-      actions: o.actions
-    }, {
-      default: F(() => [
-        S(io, {
-          collection: o.collection,
-          "row-actions": o.rowActions,
-          "row-label": o.rowLabel,
-          "row-height": o.rowHeight,
-          density: o.density,
-          "views-presentation": o.viewsPresentation,
-          "actions-visible": o.actionsVisible
-        }, Me({ _: 2 }, [
-          Y(s.value, (d) => ({
-            name: d,
-            fn: F((f) => [
-              ue(n.$slots, d, Be(Ie(f ?? {})))
-            ])
-          }))
-        ]), 1032, ["collection", "row-actions", "row-label", "row-height", "density", "views-presentation", "actions-visible"]),
-        ue(n.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["title", "description", "icon", "count", "actions"]));
-  }
-});
-export {
-  Po as _,
-  io as a,
-  Vo as u
-};