@wssto2/vue-core 0.4.7 → 0.4.8

package/dist/CollectionPage.vue_vue_type_script_setup_true_lang-DzuvFLj2.js

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