@wssto2/vue-core 0.19.0 → 0.21.0

package/dist/collection/index.js

@@ -1,133 +1,140 @@
-import { d as H } from "../http-D6qOS6xs.js";
-import { D as Fe, h as $e, l as Ie, a as je, r as Ne, b as ze } from "../http-D6qOS6xs.js";
-import { u as J, _ as K } from "../CollectionPage.vue_vue_type_script_setup_true_lang-Dr6nFNBB.js";
-import { a as Ve } from "../CollectionPage.vue_vue_type_script_setup_true_lang-Dr6nFNBB.js";
-import { L as Be } from "../state-z1iPF1DT.js";
-import { a as Ge, u as He } from "../neighbors-Dg_LU9ry.js";
-import { r as x } from "../route-goWMxDUN.js";
-import { b as Ke, a as Xe } from "../rowLayout-PIuD7MGo.js";
-import { _ as Qe } from "../DataTable.vue_vue_type_script_setup_true_lang-D372wlxR.js";
-import { defineComponent as z, openBlock as c, createElementBlock as m, Fragment as S, renderList as g, createBlock as M, unref as k, withCtx as C, normalizeClass as O, createVNode as P, createCommentVNode as X, computed as v, useSlots as Z, createSlots as Q, renderSlot as W, normalizeProps as Y, guardReactiveProps as ee, toDisplayString as _ } from "vue";
-import { _ as R } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { _ as te } from "../Tooltip.vue_vue_type_script_setup_true_lang-C1C1qeBj.js";
-import { u as ne } from "../datePresets-DB13HHHd.js";
-import { D as Ye } from "../datePresets-DB13HHHd.js";
-import { _ as tt, h as nt } from "../Highlight.vue_vue_type_script_setup_true_lang-DZGBmwcX.js";
-import { t as oe } from "../resources-BZLlAtoS.js";
-import { _ as st, c as at } from "../resources-BZLlAtoS.js";
-import { useI18n as se } from "vue-i18n";
-function Ae(o, t) {
-  const s = o?.authors;
-  return t == null || !Array.isArray(s) ? null : s.find((a) => a.id === t) ?? null;
+import { d as oe } from "../http-D6qOS6xs.js";
+import { D as Ot, h as Dt, l as Nt, a as Pt, r as zt, b as It } from "../http-D6qOS6xs.js";
+import { u as se, _ as ne } from "../CollectionPage.vue_vue_type_script_setup_true_lang-Bf5WXVFZ.js";
+import { a as Bt } from "../CollectionPage.vue_vue_type_script_setup_true_lang-Bf5WXVFZ.js";
+import { L as qt } from "../state-DqCZdet7.js";
+import { a as Gt, u as Ht } from "../neighbors-BqfO6zf3.js";
+import { r as M } from "../route-goWMxDUN.js";
+import { v as le, b as ae } from "../rowLayout-zd3Yw6fO.js";
+import { a as Ut } from "../rowLayout-zd3Yw6fO.js";
+import { _ as Wt } from "../DataTable.vue_vue_type_script_setup_true_lang-Cw_E8w48.js";
+import { defineComponent as j, openBlock as r, createElementBlock as c, Fragment as h, renderList as g, createBlock as q, unref as b, withCtx as R, normalizeClass as $, createVNode as S, createCommentVNode as E, computed as C, useSlots as re, createSlots as ie, renderSlot as L, normalizeProps as ce, guardReactiveProps as de, toDisplayString as _, useModel as V, inject as ue, watch as G, createElementVNode as p, createTextVNode as H, normalizeStyle as pe, mergeModels as K } from "vue";
+import { _ as U } from "../Icon.vue_vue_type_script_lang-BIzh8LF1.js";
+import { _ as fe } from "../Tooltip.vue_vue_type_script_setup_true_lang-C1C1qeBj.js";
+import { u as me } from "../datePresets-DB13HHHd.js";
+import { D as Zt } from "../datePresets-DB13HHHd.js";
+import { _ as Yt, h as eo } from "../Highlight.vue_vue_type_script_setup_true_lang-DZGBmwcX.js";
+import { t as be } from "../resources-DkI60fHL.js";
+import { _ as oo, c as so } from "../resources-DkI60fHL.js";
+import { useI18n as te } from "vue-i18n";
+import { routerKey as ye } from "vue-router";
+import { _ as J } from "../Button.vue_vue_type_script_setup_true_lang-CZkTqGtE.js";
+import { _ as ke } from "../IconTile.vue_vue_type_script_setup_true_lang-DRirnJvd.js";
+import { _ as _e } from "../EmptyState.vue_vue_type_script_setup_true_lang-DHmu-UG-.js";
+import { _ as ve } from "../CollectionTree.vue_vue_type_script_setup_true_lang-DV0OhquO.js";
+import { a as lo, m as ao, v as ro } from "../CollectionTree.vue_vue_type_script_setup_true_lang-DV0OhquO.js";
+function $t(l, n) {
+  const t = l?.authors;
+  return n == null || !Array.isArray(t) ? null : t.find((i) => i.id === n) ?? null;
 }
-const w = {
-  index: x("GET", "/v1/saved-views"),
-  store: x("POST", "/v1/saved-views"),
-  delete: x("DELETE", "/v1/saved-views/:id")
-}, F = ({ id: o, name: t, state: s }) => ({ id: o, name: t, state: s });
-function Te(o) {
+const B = {
+  index: M("GET", "/v1/saved-views"),
+  store: M("POST", "/v1/saved-views"),
+  delete: M("DELETE", "/v1/saved-views/:id")
+}, W = ({ id: l, name: n, state: t }) => ({ id: l, name: n, state: t });
+function St(l) {
   return {
-    async list(t, { signal: s }) {
-      return (await o.request(w.index, { list: t }, { signal: s })).data.map(F);
+    async list(n, { signal: t }) {
+      return (await l.request(B.index, { list: n }, { signal: t })).data.map(W);
     },
-    async save(t, s, a) {
-      const r = JSON.stringify({ ...a, view: a.view || void 0 });
-      return F((await o.request(w.store, { list_key: t, name: s, state: r })).data);
+    async save(n, t, i) {
+      const u = JSON.stringify({ ...i, view: i.view || void 0 });
+      return W((await l.request(B.store, { list_key: n, name: t, state: u })).data);
     },
-    async remove(t, s) {
-      await o.request(w.delete, { id: Number(s) });
+    async remove(n, t) {
+      await l.request(B.delete, { id: Number(t) });
     }
   };
 }
-function Le(o = {}) {
-  const t = new Map(Object.entries(o).map(([r, n]) => [r, [...n]]));
-  let s = 1;
-  const a = (r) => {
-    let n = t.get(r);
-    return n || t.set(r, n = []), n;
+function At(l = {}) {
+  const n = new Map(Object.entries(l).map(([u, a]) => [u, [...a]]));
+  let t = 1;
+  const i = (u) => {
+    let a = n.get(u);
+    return a || n.set(u, a = []), a;
   };
   return {
-    async list(r) {
-      return [...a(r)];
+    async list(u) {
+      return [...i(u)];
     },
-    async save(r, n, f) {
-      const u = a(r), y = u.findIndex((h) => h.name === n), b = { id: y === -1 ? `view-${s++}` : u[y].id, name: n, state: f };
-      return y === -1 ? u.push(b) : u[y] = b, b;
+    async save(u, a, f) {
+      const y = i(u), v = y.findIndex((x) => x.name === a), w = { id: v === -1 ? `view-${t++}` : y[v].id, name: a, state: f };
+      return v === -1 ? y.push(w) : y[v] = w, w;
     },
-    async remove(r, n) {
-      const f = a(r), u = f.findIndex((y) => y.id === n);
-      u !== -1 && f.splice(u, 1);
+    async remove(u, a) {
+      const f = i(u), y = f.findIndex((v) => v.id === a);
+      y !== -1 && f.splice(y, 1);
     }
   };
 }
-const ae = {
+const he = {
   key: 0,
   class: "flex items-center justify-center gap-1",
   "data-test": "row-actions"
-}, re = ["href", "target", "rel", "aria-label", "data-action"], ie = ["aria-label", "data-action", "disabled", "onClick"], $ = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", De = /* @__PURE__ */ z({
+}, ge = ["href", "target", "rel", "aria-label", "data-action"], xe = ["aria-label", "data-action", "disabled", "onClick"], X = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", Et = /* @__PURE__ */ j({
   __name: "RowActions",
   props: {
     actions: {},
     disabled: { type: Boolean, default: !1 }
   },
-  setup(o) {
-    const t = o, s = (a) => a.tone === "critical" ? "text-status-danger-content hover:bg-status-danger-surface" : "text-content-link hover:bg-tint-soft";
-    return (a, r) => t.actions.length > 0 ? (c(), m("div", ae, [
-      (c(!0), m(S, null, g(t.actions, (n) => (c(), M(k(te), {
-        key: n.key,
-        text: n.label,
+  setup(l) {
+    const n = l, t = (i) => i.tone === "critical" ? "text-status-danger-content hover:bg-status-danger-surface" : "text-content-link hover:bg-tint-soft";
+    return (i, u) => n.actions.length > 0 ? (r(), c("div", he, [
+      (r(!0), c(h, null, g(n.actions, (a) => (r(), q(b(fe), {
+        key: a.key,
+        text: a.label,
         side: "left"
       }, {
-        default: C(() => [
-          n.href && !t.disabled ? (c(), m("a", {
+        default: R(() => [
+          a.href && !n.disabled ? (r(), c("a", {
             key: 0,
-            href: n.href,
-            target: n.external ? "_blank" : void 0,
-            rel: n.external ? "noopener" : void 0,
-            "aria-label": n.label,
-            "data-action": n.key,
-            class: O(["inline-flex rounded-md p-1.5 transition-colors", [s(n), $]])
+            href: a.href,
+            target: a.external ? "_blank" : void 0,
+            rel: a.external ? "noopener" : void 0,
+            "aria-label": a.label,
+            "data-action": a.key,
+            class: $(["inline-flex rounded-md p-1.5 transition-colors", [t(a), X]])
           }, [
-            P(k(R), {
-              name: n.icon,
+            S(b(U), {
+              name: a.icon,
               size: 18
             }, null, 8, ["name"])
-          ], 10, re)) : (c(), m("button", {
+          ], 10, ge)) : (r(), c("button", {
             key: 1,
             type: "button",
-            "aria-label": n.label,
-            "data-action": n.key,
-            disabled: t.disabled,
-            class: O(["inline-flex cursor-pointer rounded-md p-1.5 transition-colors disabled:pointer-events-none disabled:opacity-40", [s(n), $]]),
-            onClick: (f) => n.onSelect?.()
+            "aria-label": a.label,
+            "data-action": a.key,
+            disabled: n.disabled,
+            class: $(["inline-flex cursor-pointer rounded-md p-1.5 transition-colors disabled:pointer-events-none disabled:opacity-40", [t(a), X]]),
+            onClick: (f) => a.onSelect?.()
           }, [
-            P(k(R), {
-              name: n.icon,
+            S(b(U), {
+              name: a.icon,
               size: 18
             }, null, 8, ["name"])
-          ], 10, ie))
+          ], 10, xe))
         ]),
         _: 2
       }, 1032, ["text"]))), 128))
-    ])) : X("", !0);
+    ])) : E("", !0);
   }
-}), le = ["text", "number", "boolean", "select", "multi_select", "date", "datetime", "image", "document", "gallery"], ce = ["text", "number", "boolean", "select", "date", "datetime"], de = ["select", "boolean", "date", "datetime"];
-function ue(o, t) {
-  return t ? t.flatMap((s) => o.fields.filter((a) => a.key === s)) : o.fields.filter((s) => le.includes(s.kind));
+}), we = ["text", "number", "boolean", "select", "multi_select", "date", "datetime", "image", "document", "gallery"], Ce = ["text", "number", "boolean", "select", "date", "datetime"], $e = ["select", "boolean", "date", "datetime"];
+function Se(l, n) {
+  return n ? n.flatMap((t) => l.fields.filter((i) => i.key === t)) : l.fields.filter((t) => we.includes(t.kind));
 }
-const I = (o) => ce.includes(o.kind) && !o.translatable, j = (o) => de.includes(o.kind) && !o.translatable;
-function N(o, t) {
-  if (o == null) return "";
-  if (typeof o == "object" && !Array.isArray(o)) {
-    const s = o, a = s[t];
-    return typeof a == "string" && a !== "" ? a : Object.values(s).find((r) => typeof r == "string" && r !== "") ?? "";
+const Z = (l) => Ce.includes(l.kind) && !l.translatable, Q = (l) => $e.includes(l.kind) && !l.translatable;
+function Y(l, n) {
+  if (l == null) return "";
+  if (typeof l == "object" && !Array.isArray(l)) {
+    const t = l, i = t[n];
+    return typeof i == "string" && i !== "" ? i : Object.values(t).find((u) => typeof u == "string" && u !== "") ?? "";
   }
-  return String(o);
+  return String(l);
 }
-function me(o, t) {
-  return o.kind === "boolean" ? [{ value: "true", label: t.yes }, { value: "false", label: t.no }] : (o.options ?? []).map((s) => ({ value: s.value, label: s.label }));
+function Ae(l, n) {
+  return l.kind === "boolean" ? [{ value: "true", label: n.yes }, { value: "false", label: n.no }] : (l.options ?? []).map((t) => ({ value: t.value, label: t.label }));
 }
-const ye = { key: 0 }, pe = ["src"], fe = { key: 2 }, ke = { key: 3 }, be = { key: 4 }, Oe = /* @__PURE__ */ z({
+const Ee = { key: 0 }, Le = ["src"], Te = { key: 2 }, Re = { key: 3 }, Fe = { key: 4 }, Lt = /* @__PURE__ */ j({
   __name: "DynamicCollection",
   props: {
     schema: {},
@@ -145,97 +152,363 @@ const ye = { key: 0 }, pe = ["src"], fe = { key: 2 }, ke = { key: 3 }, be = { ke
     thumbnail: { default: void 0 },
     locale: { default: void 0 }
   },
-  setup(o) {
-    const t = o, { t: s, locale: a } = se(), r = v(() => t.locale ?? a.value), n = ue(t.schema, t.columns), f = t.titleField ?? n.find((e) => e.kind === "text")?.key, u = v(() => ({ yes: s("core.form.yes"), no: s("core.form.no") })), y = H({
-      id: t.id,
+  setup(l) {
+    const n = l, { t, locale: i } = te(), u = C(() => n.locale ?? i.value), a = Se(n.schema, n.columns), f = n.titleField ?? a.find((o) => o.kind === "text")?.key, y = C(() => ({ yes: t("core.form.yes"), no: t("core.form.no") })), v = oe({
+      id: n.id,
       stateVersion: 1,
-      load: t.load,
-      key: (e) => e.id,
-      query: { sorts: n.filter(I).map((e) => e.key), filters: n.filter(j).map((e) => e.key) }
-    }), b = new Map(n.filter((e) => e.kind === "date" || e.kind === "datetime").map((e) => [e.key, ne(e.key, e.label)])), h = v(() => n.filter(j).map((e) => b.get(e.key)?.value ?? { key: e.key, label: e.label, type: "select", options: me(e, u.value) })), E = (e, i) => e.options?.find((l) => l.value === i)?.label ?? String(i ?? ""), A = v(() => n.map((e) => {
-      const i = { key: e.key, label: e.label, ...I(e) ? { sort: e.key } : {} };
-      if (e.key === f) return { ...i, kind: "identity", title: (l) => N(l[e.key], r.value) };
-      switch (e.kind) {
+      load: n.load,
+      key: (o) => o.id,
+      query: { sorts: a.filter(Z).map((o) => o.key), filters: a.filter(Q).map((o) => o.key) }
+    }), w = new Map(a.filter((o) => o.kind === "date" || o.kind === "datetime").map((o) => [o.key, me(o.key, o.label)])), x = C(() => a.filter(Q).map((o) => w.get(o.key)?.value ?? { key: o.key, label: o.label, type: "select", options: Ae(o, y.value) })), F = (o, m) => o.options?.find((s) => s.value === m)?.label ?? String(m ?? ""), A = C(() => a.map((o) => {
+      const m = { key: o.key, label: o.label, ...Z(o) ? { sort: o.key } : {} };
+      if (o.key === f) return { ...m, kind: "identity", title: (s) => Y(s[o.key], u.value) };
+      switch (o.kind) {
         case "number":
-          return { ...i, kind: "number" };
+          return { ...m, kind: "number" };
         case "date":
-          return { ...i, kind: "timestamp", precision: "date" };
+          return { ...m, kind: "timestamp", precision: "date" };
         case "datetime":
-          return { ...i, kind: "timestamp", precision: "dateTime" };
+          return { ...m, kind: "timestamp", precision: "dateTime" };
         case "boolean":
-          return { ...i, kind: "badge", tone: (l) => l[e.key] === !0 ? "positive" : "neutral", text: (l) => l[e.key] === !0 ? u.value.yes : u.value.no };
+          return { ...m, kind: "badge", tone: (s) => s[o.key] === !0 ? "positive" : "neutral", text: (s) => s[o.key] === !0 ? y.value.yes : y.value.no };
         case "select":
-          return { ...i, kind: "badge", tone: () => "neutral", text: (l) => E(e, l[e.key]) };
+          return { ...m, kind: "badge", tone: () => "neutral", text: (s) => F(o, s[o.key]) };
         case "text":
-          return e.translatable ? { ...i, kind: "custom" } : { ...i, kind: "text" };
+          return o.translatable ? { ...m, kind: "custom" } : { ...m, kind: "text" };
         default:
-          return { ...i, kind: "custom" };
+          return { ...m, kind: "custom" };
       }
-    })), V = J(y, {
+    })), P = se(v, {
       columns: A,
-      filters: h,
-      state: t.state,
-      ...t.recordRoute ? { recordRoute: t.recordRoute } : {}
-    }), T = (e) => `cell-${e.replace(/\./g, "_")}`, L = Z(), q = v(() => A.value.filter((e) => e.kind === "custom" && !(T(e.key) in L))), B = () => Object.keys(L), U = (e) => n.find((i) => i.key === e), D = (e) => Array.isArray(e) ? e : [];
-    return (e, i) => (c(), M(K, {
-      collection: k(V),
-      title: t.title,
-      description: t.description,
-      icon: t.icon,
-      actions: t.actions,
-      "row-actions": t.rowActions
-    }, Q({ _: 2 }, [
-      g(B(), (l) => ({
-        name: l,
-        fn: C((p) => [
-          W(e.$slots, l, Y(ee(p ?? {})))
+      filters: x,
+      state: n.state,
+      ...n.recordRoute ? { recordRoute: n.recordRoute } : {}
+    }), O = (o) => `cell-${o.replace(/\./g, "_")}`, T = re(), z = C(() => A.value.filter((o) => o.kind === "custom" && !(O(o.key) in T))), D = () => Object.keys(T), I = (o) => a.find((m) => m.key === o), N = (o) => Array.isArray(o) ? o : [];
+    return (o, m) => (r(), q(ne, {
+      collection: b(P),
+      title: n.title,
+      description: n.description,
+      icon: n.icon,
+      actions: n.actions,
+      "row-actions": n.rowActions
+    }, ie({ _: 2 }, [
+      g(D(), (s) => ({
+        name: s,
+        fn: R((d) => [
+          L(o.$slots, s, ce(de(d ?? {})))
         ])
       })),
-      g(q.value, (l) => ({
-        name: T(l.key),
-        fn: C(({ item: p }) => [
-          (c(!0), m(S, null, g([U(l.key)], (d) => (c(), m(S, {
-            key: d.key
+      g(z.value, (s) => ({
+        name: O(s.key),
+        fn: R(({ item: d }) => [
+          (r(!0), c(h, null, g([I(s.key)], (e) => (r(), c(h, {
+            key: e.key
           }, [
-            d.kind === "text" ? (c(), m("span", ye, _(k(N)(p[d.key], r.value)), 1)) : d.kind === "image" && t.thumbnail && p[d.key] != null ? (c(), m("img", {
+            e.kind === "text" ? (r(), c("span", Ee, _(b(Y)(d[e.key], u.value)), 1)) : e.kind === "image" && n.thumbnail && d[e.key] != null ? (r(), c("img", {
               key: 1,
-              src: k(oe)({ thumbnail: t.thumbnail }, p[d.key]),
+              src: b(be)({ thumbnail: n.thumbnail }, d[e.key]),
               alt: "",
               class: "size-10 rounded object-cover",
               loading: "lazy"
-            }, null, 8, pe)) : d.kind === "gallery" ? (c(), m("span", fe, _(D(p[d.key]).length || ""), 1)) : d.kind === "multi_select" ? (c(), m("span", ke, _(D(p[d.key]).map((G) => E(d, G)).join(", ")), 1)) : (c(), m("span", be, _(p[d.key] ?? ""), 1))
+            }, null, 8, Le)) : e.kind === "gallery" ? (r(), c("span", Te, _(N(d[e.key]).length || ""), 1)) : e.kind === "multi_select" ? (r(), c("span", Re, _(N(d[e.key]).map((k) => F(e, k)).join(", ")), 1)) : (r(), c("span", Fe, _(d[e.key] ?? ""), 1))
           ], 64))), 128))
         ])
       }))
     ]), 1032, ["collection", "title", "description", "icon", "actions", "row-actions"]));
   }
+}), Oe = ["aria-busy"], De = { class: "flex flex-wrap items-center gap-x-3 gap-y-2 px-3 py-2.5" }, Ne = ["aria-label"], Pe = { class: "flex flex-wrap items-center gap-1 text-body text-content-muted" }, ze = {
+  key: 0,
+  "aria-hidden": "true"
+}, Ie = {
+  key: 1,
+  "aria-current": "page",
+  class: "text-content-strong"
+}, Me = ["onClick"], Be = { class: "ml-auto flex flex-wrap items-center gap-2" }, je = ["aria-label"], qe = {
+  role: "status",
+  class: "mr-1 text-body"
+}, Ve = { class: "overflow-x-auto" }, Ge = ["aria-label"], He = { class: "border-y border-border-separator bg-fill/40 text-footnote font-normal text-content-muted" }, Ke = { class: "text-left" }, Ue = {
+  scope: "col",
+  class: "w-10 py-2 pl-4"
+}, Je = ["aria-label", "checked", "indeterminate", "disabled"], We = {
+  scope: "col",
+  class: "px-2 py-2 font-normal"
+}, Xe = {
+  scope: "col",
+  class: "w-12"
+}, Ze = { class: "sr-only" }, Qe = ["colspan"], Ye = ["data-kind", "aria-selected", "onClick"], et = { class: "py-1 pl-4" }, tt = ["aria-label", "checked", "onChange"], ot = { class: "px-2 py-1" }, st = ["onClick"], nt = { class: "truncate" }, lt = {
+  key: 0,
+  class: "sr-only"
+}, at = { class: "pr-2" }, rt = {
+  key: 0,
+  "data-test": "explorer-empty"
+}, it = ["colspan"], ee = "size-4 cursor-pointer accent-tile-brand focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", Tt = /* @__PURE__ */ j({
+  __name: "FileExplorer",
+  props: /* @__PURE__ */ K({
+    rows: {},
+    columns: {},
+    label: {},
+    breadcrumb: { default: () => [] },
+    loading: { type: Boolean, default: !1 },
+    rowActions: { type: Function, default: void 0 },
+    selectionActions: { type: Function, default: void 0 },
+    param: { default: "folder" },
+    nameLabel: { default: void 0 }
+  }, {
+    selected: { default: () => [] },
+    selectedModifiers: {},
+    folder: { default: null },
+    folderModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["open"], ["update:selected", "update:folder"]),
+  setup(l, { emit: n }) {
+    const t = l, i = V(l, "selected"), u = V(l, "folder"), a = n, { t: f } = te(), y = ue(ye, null), v = () => y?.currentRoute.value.query;
+    y && t.param !== null && G(() => {
+      const d = v()?.[t.param];
+      return typeof d == "string" && d !== "" ? d : null;
+    }, (d) => {
+      d !== u.value && (u.value = d);
+    }, { immediate: !0 });
+    function w(s) {
+      if (s === u.value) return;
+      if (!y || t.param === null) {
+        u.value = s;
+        return;
+      }
+      const d = { ...v() };
+      s === null ? delete d[t.param] : d[t.param] = s, y.push({ query: d });
+    }
+    G(u, () => i.value = []);
+    const x = C(() => t.rows.filter((s) => i.value.includes(s.id))), F = C(() => t.selectionActions?.(x.value) ?? []), A = C(() => t.rows.length > 0 && x.value.length === t.rows.length), P = (s) => i.value = i.value.includes(s.id) ? i.value.filter((d) => d !== s.id) : [...i.value, s.id], O = () => i.value = A.value ? [] : t.rows.map((s) => s.id);
+    function T(s) {
+      s.kind === "folder" ? w(String(s.id)) : a("open", s);
+    }
+    function z(s, d) {
+      s.target.closest("a, button, input, label, [data-row-click-ignore]") || T(d);
+    }
+    const D = {
+      folder: { icon: "folderLine", tone: "brand" },
+      page: { icon: "fileTextLine", tone: "anchor" },
+      link: { icon: "externalLink", tone: "anchor" },
+      file: { icon: "fileLine", tone: "anchor" }
+    }, I = (s) => `cell-${String(s.key).replace(/\./g, "_")}`, N = { md: "hidden md:table-cell", xl: "hidden xl:table-cell", "2xl": "hidden 2xl:table-cell" }, o = { start: "text-left", center: "text-center", end: "text-right" }, m = (s) => [s.hideBelow ? N[s.hideBelow] : "", o[s.align ?? "start"], "px-4"];
+    return (s, d) => (r(), c("section", {
+      class: "overflow-hidden rounded-group bg-surface-cell shadow-group",
+      "data-test": "file-explorer",
+      "aria-busy": t.loading || void 0
+    }, [
+      p("header", De, [
+        L(s.$slots, "switch"),
+        t.breadcrumb.length > 0 ? (r(), c("nav", {
+          key: 0,
+          "aria-label": b(f)("core.explorer.breadcrumb"),
+          class: "min-w-0"
+        }, [
+          p("ol", Pe, [
+            (r(!0), c(h, null, g(t.breadcrumb, (e, k) => (r(), c("li", {
+              key: e.id ?? "root",
+              class: "flex items-center gap-1"
+            }, [
+              k > 0 ? (r(), c("span", ze, "/")) : E("", !0),
+              k === t.breadcrumb.length - 1 ? (r(), c("span", Ie, _(e.label), 1)) : (r(), c("button", {
+                key: 2,
+                type: "button",
+                class: "cursor-pointer rounded-sm hover:text-content-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
+                onClick: (ct) => w(e.id)
+              }, _(e.label), 9, Me))
+            ]))), 128))
+          ])
+        ], 8, Ne)) : E("", !0),
+        p("div", Be, [
+          L(s.$slots, "toolbar")
+        ])
+      ]),
+      x.value.length > 0 ? (r(), c("div", {
+        key: 0,
+        role: "region",
+        "aria-label": b(f)("core.explorer.selection"),
+        "data-test": "selection-bar",
+        class: "flex flex-wrap items-center gap-2 border-y border-border-separator bg-tint-soft px-3 py-2"
+      }, [
+        p("span", qe, _(b(f)("core.explorer.selected", x.value.length)), 1),
+        (r(!0), c(h, null, g(F.value, (e) => (r(), q(J, {
+          key: e.id,
+          size: "sm",
+          icon: e.icon,
+          tone: e.tone,
+          disabled: e.disabled,
+          processing: e.processing,
+          "data-page-action": e.id,
+          onClick: (k) => e.onClick()
+        }, {
+          default: R(() => [
+            H(_(e.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["icon", "tone", "disabled", "processing", "data-page-action", "onClick"]))), 128)),
+        S(J, {
+          class: "ml-auto",
+          size: "sm",
+          prominence: "link",
+          "data-test": "selection-clear",
+          onClick: d[0] || (d[0] = (e) => i.value = [])
+        }, {
+          default: R(() => [
+            H(_(b(f)("core.explorer.clear")), 1)
+          ]),
+          _: 1
+        })
+      ], 8, je)) : E("", !0),
+      p("div", Ve, [
+        p("table", {
+          class: "w-full",
+          "aria-label": t.label
+        }, [
+          p("thead", He, [
+            p("tr", Ke, [
+              p("th", Ue, [
+                p("input", {
+                  type: "checkbox",
+                  class: $(ee),
+                  "aria-label": b(f)("core.explorer.select_all"),
+                  checked: A.value,
+                  indeterminate: x.value.length > 0 && !A.value,
+                  disabled: t.rows.length === 0,
+                  onChange: O
+                }, null, 40, Je)
+              ]),
+              p("th", We, _(t.nameLabel ?? b(f)("core.explorer.name")), 1),
+              (r(!0), c(h, null, g(t.columns, (e) => (r(), c("th", {
+                key: String(e.key),
+                scope: "col",
+                class: $(["py-2 font-normal", m(e)]),
+                style: pe({ width: e.width ? `${e.width}px` : void 0 })
+              }, _(e.label), 7))), 128)),
+              p("th", Xe, [
+                p("span", Ze, _(b(f)("core.actions.more")), 1)
+              ])
+            ])
+          ]),
+          p("tbody", null, [
+            t.loading ? (r(), c(h, { key: 0 }, g(3, (e) => p("tr", {
+              key: e,
+              "aria-hidden": "true",
+              class: "h-[50px]"
+            }, [
+              p("td", {
+                colspan: t.columns.length + 3,
+                class: "px-4"
+              }, [...d[1] || (d[1] = [
+                p("div", { class: "h-3 w-1/3 animate-pulse rounded-full bg-fill motion-reduce:animate-none" }, null, -1)
+              ])], 8, Qe)
+            ])), 64)) : (r(), c(h, { key: 1 }, [
+              (r(!0), c(h, null, g(t.rows, (e) => (r(), c("tr", {
+                key: e.id,
+                "data-test": "explorer-row",
+                "data-kind": e.kind,
+                "aria-selected": i.value.includes(e.id),
+                class: $(["h-[50px] cursor-pointer border-b border-border-separator last:border-b-0 hover:bg-fill/50", i.value.includes(e.id) ? "bg-tint-soft" : ""]),
+                onClick: (k) => z(k, e)
+              }, [
+                p("td", et, [
+                  p("input", {
+                    type: "checkbox",
+                    class: $(ee),
+                    "aria-label": b(f)("core.explorer.select", { name: e.name }),
+                    checked: i.value.includes(e.id),
+                    onChange: (k) => P(e)
+                  }, null, 40, tt)
+                ]),
+                p("td", ot, [
+                  p("button", {
+                    type: "button",
+                    class: "flex min-w-0 cursor-pointer items-center gap-3 rounded-sm text-left text-body text-content-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
+                    onClick: (k) => T(e)
+                  }, [
+                    L(s.$slots, "icon", { item: e }, () => [
+                      S(ke, {
+                        size: "sm",
+                        tone: D[e.kind].tone,
+                        icon: D[e.kind].icon
+                      }, null, 8, ["tone", "icon"])
+                    ]),
+                    p("span", nt, _(e.name), 1),
+                    e.kind === "folder" ? (r(), c("span", lt, _(b(f)("core.explorer.folder")), 1)) : E("", !0)
+                  ], 8, st)
+                ]),
+                (r(!0), c(h, null, g(t.columns, (k) => (r(), c("td", {
+                  key: String(k.key),
+                  class: $(m(k))
+                }, [
+                  L(s.$slots, I(k), {
+                    item: e,
+                    value: b(le)(e, k.key),
+                    compact: !1,
+                    to: null
+                  }, () => [
+                    S(ae, {
+                      column: k,
+                      item: e,
+                      compact: !1,
+                      to: null
+                    }, null, 8, ["column", "item"])
+                  ])
+                ], 2))), 128)),
+                p("td", at, [
+                  S(ve, {
+                    actions: t.rowActions?.(e) ?? [],
+                    label: e.name
+                  }, null, 8, ["actions", "label"])
+                ])
+              ], 10, Ye))), 128)),
+              t.rows.length === 0 ? (r(), c("tr", rt, [
+                p("td", {
+                  colspan: t.columns.length + 3,
+                  class: "py-6 text-center"
+                }, [
+                  L(s.$slots, "empty", {}, () => [
+                    S(_e, {
+                      title: b(f)("core.explorer.empty")
+                    }, null, 8, ["title"])
+                  ])
+                ], 8, it)
+              ])) : E("", !0)
+            ], 64))
+          ])
+        ], 8, Ge)
+      ])
+    ], 8, Oe));
+  }
 });
 export {
-  Ke as CollectionCell,
-  K as CollectionPage,
-  Ve as CollectionTable,
-  Ye as DATE_PRESETS,
-  Fe as DEFAULT_PAGE_SIZES,
-  Qe as DataTable,
-  Oe as DynamicCollection,
-  tt as Highlight,
-  Be as LIST_CONTEXT_PARAM,
-  st as PickerModal,
-  Xe as RecordIdentity,
-  De as RowActions,
-  Ae as authorOf,
-  Le as createMemorySavedViews,
-  at as createPicker,
-  H as defineCollection,
-  nt as highlightParts,
-  $e as httpList,
-  Ie as listLoader,
-  je as listParams,
-  Ne as readListPage,
-  ze as routeListLoader,
-  Te as serverSavedViews,
-  J as useCollection,
-  Ge as useCollectionBack,
-  He as useCollectionNeighbors,
-  ne as useDatePresetFilter
+  ae as CollectionCell,
+  ne as CollectionPage,
+  Bt as CollectionTable,
+  lo as CollectionTree,
+  Zt as DATE_PRESETS,
+  Ot as DEFAULT_PAGE_SIZES,
+  Wt as DataTable,
+  Lt as DynamicCollection,
+  Tt as FileExplorer,
+  Yt as Highlight,
+  qt as LIST_CONTEXT_PARAM,
+  oo as PickerModal,
+  Ut as RecordIdentity,
+  Et as RowActions,
+  $t as authorOf,
+  At as createMemorySavedViews,
+  so as createPicker,
+  oe as defineCollection,
+  eo as highlightParts,
+  Dt as httpList,
+  Nt as listLoader,
+  Pt as listParams,
+  ao as matchesText,
+  zt as readListPage,
+  It as routeListLoader,
+  St as serverSavedViews,
+  se as useCollection,
+  Gt as useCollectionBack,
+  Ht as useCollectionNeighbors,
+  me as useDatePresetFilter,
+  ro as visibleNodes
 };