@wssto2/vue-core 0.20.0 → 0.21.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## 0.21.0 — 2026-11-07
+
+The list pieces for site-builder's pages list, template resources and Karakteristike (approved mock-ups in site-builder `next/design/`), and the screen of go-core's characteristics module. Needs go-core v1.34.0-rc.1.
+
+### Known limits
+- The characteristics item sheet has no discard-changes guard; the tree's drag handle sits left of its chevron. go-core gaps: the description has no per-level add text; the usage answer is counts, not a list of places; `options` omits inactive items and `show` needs `characteristics:view`, so a chosen inactive item's label comes from the caller (`selected`).
+
+### New
+- **collection:** `FileExplorer`, rows of folders, pages, links and files with a host switch, a breadcrumb, ticking (`v-model:selected`), a selection bar of labelled `PageAction`s that exists only while rows are ticked, per-row actions, `@open(row)`, and the open folder in the URL (`v-model:folder`, query parameter `folder`); the columns are the app's. `CollectionTree`, a tree of rows with indentation, chevrons (`aria-expanded`, `v-model:expanded`), reorder among siblings by drag or Alt+Arrow (`@reorder { id, parentId, index }`), an add button per level (`add-label`, `@add`), columns that belong to some branches only (`TreeColumn.visible`), an active switch column, search and filter that keep the ancestors of matches, row actions and `readonly`.
+- **form:** `CharacteristicField`, a select (or, with `multiple`, a multi-select) over a branch of the characteristics tree: `level`, `parent`, `value` (`"id"` or a described column), `lang`, searchable, loading and failed states from the select it wraps, an already-chosen inactive item shown marked "(inactive)" through `selected`. Typed so `form.bind()` fits either mode.
+- **characteristics:** `characteristicsFeature({ destination })`, `CharacteristicsPage`, `characteristicsPages`, `useCharacteristicsApi`, and go-core's types and routes. The tree, the item sheet (names per language, the described extra fields by type, read-only and branch-scoped fields), activate and deactivate, reorder, add at each level, and delete that shows where the item is used, offers to deactivate instead and sends `force` only after a second confirmation. Shown with `characteristics:view`, write actions with `characteristics:edit`. Add buttons are whole phrases ("Dodaj skupinu", "Dodaj stavku"), overridable per level with `characteristicsFeature({ addLabel })`; in the delete dialog Deactivate is the primary action and Delete the danger one.
+- **modules:** `src/modules/characteristics` (go-core v1.34.0-rc.1; `goCore` in package.json moves from v1.19.0, the other modules' generated schemas now trim text).
+- **controls:** `SortableList` `plain` (rows without a card, the handle at the top, for rows that hold a list of their own).
+- **icon:** `folderLine`, `fileLine`, `tagLine`, `uploadLine`; texts in en, hr, bs, sl and sr-Latn with Croatian and Slovenian plurals. Recipes `file-explorer.md`, `collection-tree.md`, `characteristics.md`.
+
 ## 0.20.0 — 2026-11-07
 
 The editor pieces for site-builder's template editor, page editor and page settings (approved mock-ups in site-builder `next/design/`).

package/README.md

@@ -14,11 +14,12 @@ Its plan and rules are in [PLAN.md](PLAN.md).
 | `@wssto2/vue-core/app` | `createApplication`, `defineFeature`, `currentApplication`, `currentHttp` and `application.report` (outside setup, handled errors), shell outlets, effects |
 | `@wssto2/vue-core/shell` | `backofficeShell`, the shell's parts for a custom one |
 | `@wssto2/vue-core/router` | `defineRoutes` (typed targets), guards, navigation |
-| `@wssto2/vue-core/collection` | `defineCollection`, `useCollection`, `CollectionPage`, `DataTable` (a table over an array), record neighbors |
+| `@wssto2/vue-core/collection` | `defineCollection`, `useCollection`, `CollectionPage`, `DataTable` (a table over an array), record neighbors, `FileExplorer` (folders, pages, links and files with a selection bar: [file explorer](docs/recipes/file-explorer.md)), `CollectionTree` (groups that open, reorder among siblings: [tree list](docs/recipes/collection-tree.md)) |
 | `@wssto2/vue-core/resource`, `/page` | `useRouteResource`, `ResourcePage`, `SectionNavigator`, `AdaptivePageShell` |
 | `@wssto2/vue-core/button`, `/controls`, `/content`, `/state`, `/overlay`, `/modal`, `/icon` | the primitives (`/content` includes `Panel`, `KeyValueList`, `StatSummary`, the grouped card of numbers) |
 | `@wssto2/vue-core/i18n`, `/format`, `/client` | messages, `useDescribeError`, formatting, `HttpClient` and `ApiError` |
 | `@wssto2/vue-core/identity`, `/access` | go-core's module contracts (types, route tables) and, in `/identity`, `identityFeature` (sign-in page, language), `identityPlatform()` and `usersFeature` (users, "my profile") and `serviceAccountsFeature` (service accounts and their API keys): [sign-in](docs/recipes/sign-in.md), [users](docs/recipes/users.md), [service accounts](docs/recipes/service-accounts.md) |
+| `@wssto2/vue-core/characteristics` | go-core's characteristics module (lookup lists as one tree): `characteristicsFeature({ destination })`, the whole screen from the server's description, and `CharacteristicField` (in `/form`), the select over a branch: [characteristics](docs/recipes/characteristics.md) |
 | `@wssto2/vue-core/access` (screens) | `accessFeature({ catalogue })`: roles list and editor, compare, replace, a person's roles (`PersonAccess`) and what they can do: [roles and access](docs/recipes/access.md) |
 | `@wssto2/vue-core/notifications` | go-core's notification and events modules: `notificationsFeature({ categories, deadLetters })`: the bell with the unread count, the inbox (popover, bottom sheet on phones), the live stream, the failed-events page: [notifications](docs/recipes/notifications.md) |
 | `@wssto2/vue-core/onboarding` | `Tip`: a card beside something new, shown until the person closes it, remembered in their stored preferences (`usePreferences`, in `/identity`): [preferences and tips](docs/recipes/preferences.md) |

package/dist/{AccountMenuItem.vue_vue_type_script_setup_true_lang-rmH1XbU9.js → AccountMenuItem.vue_vue_type_script_setup_true_lang-C2TmmH38.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, computed as r, openBlock as o, createElementBlock as d, normalizeClass as a, createBlock as c, resolveDynamicComponent as C, unref as i, mergeProps as E, withCtx as S, createCommentVNode as f, createElementVNode as m, toDisplayString as O } from "vue";
 import { RouterLink as R } from "vue-router";
-import { _ as s } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { _ as s } from "./Icon.vue_vue_type_script_lang-BIzh8LF1.js";
 import { _ as z } from "./CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
 import { d as v } from "./context-Ch1r4fdN.js";
 const [D, B] = v("vue-core.accountMenu"), [F] = v("vue-core.headerSurface"), h = "focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", I = "relative not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:left-[calc(var(--app-row-inset)+2.25rem)] not-first:before:border-t not-first:before:border-border-separator", H = /* @__PURE__ */ p({

package/dist/{ActionRow.vue_vue_type_script_setup_true_lang-_TDoIg53.js → ActionRow.vue_vue_type_script_setup_true_lang-BEV0drwF.js}

@@ -1,6 +1,6 @@
 import { defineComponent as r, openBlock as o, createElementBlock as l, createElementVNode as s, toDisplayString as n, createCommentVNode as d, renderSlot as f, createBlock as u, unref as c, withCtx as p, normalizeClass as _, createVNode as x } from "vue";
-import { _ as b } from "./FormRow.vue_vue_type_script_setup_true_lang-okuxbKyI.js";
-import { _ as h } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { _ as b } from "./FormRow.vue_vue_type_script_setup_true_lang-B-uth5RB.js";
+import { _ as h } from "./Icon.vue_vue_type_script_lang-BIzh8LF1.js";
 const k = { class: "flex flex-wrap items-end gap-3 px-row-inset" }, w = { class: "flex min-w-0 grow basis-56 flex-col gap-1" }, g = { class: "text-title font-semibold tracking-tight text-content-strong" }, y = {
   key: 0,
   class: "max-w-readable text-subheadline text-content-muted"

package/dist/{Activity-BDVYmNgy.js → Activity-CZzAt3SH.js}

@@ -1,20 +1,20 @@
 import { defineComponent as q, ref as b, watch as R, computed as V, openBlock as l, createElementBlock as f, createVNode as v, unref as s, createElementVNode as r, withCtx as u, toDisplayString as c, Fragment as C, renderList as N, createBlock as g, createTextVNode as U, createCommentVNode as A } from "vue";
 import { useI18n as D } from "vue-i18n";
 import { RouterLink as I } from "vue-router";
-import { _ as T } from "./IconTile.vue_vue_type_script_setup_true_lang-BWHQiA7d.js";
-import { _ as z } from "./Tabs.vue_vue_type_script_setup_true_lang-Cma_ma6V.js";
+import { _ as T } from "./IconTile.vue_vue_type_script_setup_true_lang-DRirnJvd.js";
+import { _ as z } from "./Tabs.vue_vue_type_script_setup_true_lang-7CJto6Mp.js";
 import { u as G } from "./format-C_HXlOYQ.js";
-import { _ as B } from "./DateField.vue_vue_type_script_setup_true_lang-J04KjxmR.js";
-import { a as H } from "./FormGroup.vue_vue_type_script_setup_true_lang-7bIssY9f.js";
-import { _ as J } from "./FormRow.vue_vue_type_script_setup_true_lang-okuxbKyI.js";
+import { _ as B } from "./DateField.vue_vue_type_script_setup_true_lang-Cn8CNAwM.js";
+import { a as H } from "./FormGroup.vue_vue_type_script_setup_true_lang-BUhKKybf.js";
+import { _ as J } from "./FormRow.vue_vue_type_script_setup_true_lang-B-uth5RB.js";
 import { i as M } from "./preferences-hYhrw8Uy.js";
 import { u as Q } from "./platform-YWfOO7b2.js";
 import { b as W } from "./routeResource-DlTsGTg_.js";
-import { _ as X } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DRP4BnMb.js";
+import { _ as X } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DuPS_zMX.js";
 import { _ as Y } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as Z } from "./useLoad-M7V-AVwR.js";
-import { P as tt, f as et, j as at } from "./index-CMx77x5P.js";
-import { _ as st } from "./ActionRow.vue_vue_type_script_setup_true_lang-_TDoIg53.js";
+import { P as tt, f as et, j as at } from "./index-C_ZVaTkR.js";
+import { _ as st } from "./ActionRow.vue_vue_type_script_setup_true_lang-BEV0drwF.js";
 const ot = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-person-activity": ""

package/dist/{AdaptivePageShell.vue_vue_type_script_setup_true_lang-DryXyklZ.js → AdaptivePageShell.vue_vue_type_script_setup_true_lang-BkZzuICH.js}

@@ -2,9 +2,9 @@ import { defineComponent as L, computed as x, openBlock as l, createElementBlock
 import { a as O } from "./mediaQuery-CygcXmFW.js";
 import { _ as q } from "./BottomDockPortal.vue_vue_type_script_setup_true_lang-DmwR-2SP.js";
 import { useI18n as j } from "vue-i18n";
-import { _ as Q } from "./Button.vue_vue_type_script_setup_true_lang-DkRuLqQK.js";
-import { _ as $ } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
-import { _ as U } from "./Menu.vue_vue_type_script_setup_true_lang-DobycRxf.js";
+import { _ as Q } from "./Button.vue_vue_type_script_setup_true_lang-CZkTqGtE.js";
+import { _ as $ } from "./Icon.vue_vue_type_script_lang-BIzh8LF1.js";
+import { _ as U } from "./Menu.vue_vue_type_script_setup_true_lang-D2FsOVYA.js";
 import { RouterLink as E, useRoute as W } from "vue-router";
 import { u as Y } from "./format-C_HXlOYQ.js";
 import { u as F, c as G, p as J } from "./chrome-kMBKIB1N.js";

package/dist/{AlertDialog.vue_vue_type_script_setup_true_lang-QYvbly_-.js → AlertDialog.vue_vue_type_script_setup_true_lang-B0UvzCoE.js}

@@ -1,6 +1,6 @@
 import { defineComponent as H, ref as L, useId as S, computed as u, watch as J, openBlock as a, createBlock as p, Teleport as K, createElementBlock as r, unref as t, createVNode as T, Transition as z, withCtx as I, createCommentVNode as s, createElementVNode as o, toDisplayString as l, renderSlot as V, normalizeClass as d, createTextVNode as $ } from "vue";
 import { useI18n as Q } from "vue-i18n";
-import { _ as j } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { _ as j } from "./Icon.vue_vue_type_script_lang-BIzh8LF1.js";
 import { u as R } from "./mediaQuery-CygcXmFW.js";
 import { u as U } from "./useDialog-B4_MpX2v.js";
 const X = ["aria-labelledby", "aria-describedby", "data-presentation"], Y = { class: "overflow-hidden rounded-menu bg-surface-overlay/95 backdrop-blur-xl" }, Z = { class: "flex flex-col gap-1 px-4 py-3.5 text-center" }, ee = ["id"], te = ["id"], ae = ["disabled"], ne = ["disabled"], oe = ["id"], ie = ["id"], se = ["disabled"], le = ["disabled"], pe = /* @__PURE__ */ H({

package/dist/{AsyncSection.vue_vue_type_script_setup_true_lang-DRP4BnMb.js → AsyncSection.vue_vue_type_script_setup_true_lang-DuPS_zMX.js}

@@ -1,9 +1,9 @@
 import { defineComponent as k, openBlock as n, createElementBlock as o, computed as $, Fragment as _, unref as i, renderSlot as y, renderList as b, createBlock as v, createVNode as c, withCtx as d, createElementVNode as m, toDisplayString as l, createCommentVNode as f, createTextVNode as g, normalizeClass as w, createSlots as x } from "vue";
 import { useI18n as C } from "vue-i18n";
-import { _ as h } from "./Button.vue_vue_type_script_setup_true_lang-DkRuLqQK.js";
-import { _ as S } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
-import { _ as E } from "./Banner.vue_vue_type_script_setup_true_lang-ukLpznql.js";
-import { _ as V } from "./EmptyState.vue_vue_type_script_setup_true_lang-ByKvrNSg.js";
+import { _ as h } from "./Button.vue_vue_type_script_setup_true_lang-CZkTqGtE.js";
+import { _ as S } from "./Icon.vue_vue_type_script_lang-BIzh8LF1.js";
+import { _ as E } from "./Banner.vue_vue_type_script_setup_true_lang-BXZVOhfH.js";
+import { _ as V } from "./EmptyState.vue_vue_type_script_setup_true_lang-DHmu-UG-.js";
 function K(s) {
   return s.status === "loading" || s.status === "failed" ? void 0 : s.value;
 }

package/dist/{Banner.vue_vue_type_script_setup_true_lang-ukLpznql.js → Banner.vue_vue_type_script_setup_true_lang-BXZVOhfH.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, computed as i, openBlock as u, createElementBlock as l, normalizeClass as n, createElementVNode as o, createVNode as d, unref as m, renderSlot as f } from "vue";
-import { _ as b } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { _ as b } from "./Icon.vue_vue_type_script_lang-BIzh8LF1.js";
 const g = ["role"], x = { class: "flex items-center gap-3" }, p = { class: "min-w-0 flex-1 break-words" }, h = /* @__PURE__ */ c({
   __name: "Banner",
   props: {

package/dist/{Button.vue_vue_type_script_setup_true_lang-DkRuLqQK.js → Button.vue_vue_type_script_setup_true_lang-CZkTqGtE.js}

@@ -1,6 +1,6 @@
 import { defineComponent as S, useSlots as w, useTemplateRef as E, computed as u, openBlock as f, createBlock as I, unref as N, withCtx as R, createElementVNode as L, mergeProps as b, createVNode as p, createElementBlock as x, h as v } from "vue";
 import { RouterLink as P } from "vue-router";
-import { _ as m } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { _ as m } from "./Icon.vue_vue_type_script_lang-BIzh8LF1.js";
 import { b as V, u as j } from "./shortcut-oixX55SZ.js";
 const D = ["href", "tabindex", "onClick"], K = ["href", "tabindex"], M = ["type", "disabled"], $ = /* @__PURE__ */ S({
   __name: "Button",

package/dist/{Changes-DRij0rEQ.js → Changes-B0bhSNU3.js}

@@ -3,11 +3,11 @@ import { useI18n as C } from "vue-i18n";
 import { i as $ } from "./preferences-hYhrw8Uy.js";
 import { u as b } from "./platform-YWfOO7b2.js";
 import { b as V } from "./routeResource-DlTsGTg_.js";
-import { _ as R } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DRP4BnMb.js";
+import { _ as R } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DuPS_zMX.js";
 import { u as E } from "./useLoad-M7V-AVwR.js";
-import { P as N, f as B, k as P, j as S } from "./index-CMx77x5P.js";
-import { _ as U } from "./ActionRow.vue_vue_type_script_setup_true_lang-_TDoIg53.js";
-import { _ as I } from "./ViewTabs.vue_vue_type_script_setup_true_lang-CBYrLPL4.js";
+import { P as N, f as B, k as P, j as S } from "./index-C_ZVaTkR.js";
+import { _ as U } from "./ActionRow.vue_vue_type_script_setup_true_lang-BEV0drwF.js";
+import { _ as I } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BKI5DGuS.js";
 const W = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-person-changes": ""

package/dist/CharacteristicsPage-fGnahf62.js

@@ -0,0 +1,4 @@
+import { CharacteristicsPage as r } from "./characteristics/index.js";
+export {
+  r as default
+};

package/dist/{CollectionPage.vue_vue_type_script_setup_true_lang-Aoof1prZ.js → CollectionPage.vue_vue_type_script_setup_true_lang-Bf5WXVFZ.js}

@@ -3,23 +3,23 @@ import { routerKey as ct } from "vue-router";
 import { i as qe, a as ut } from "./error-CD7x0Jrz.js";
 import { d as dt } from "./http-D6qOS6xs.js";
 import { d as Re, o as ft, L as Te, e as je, w as pt, r as vt } from "./state-DqCZdet7.js";
-import { _ as mt } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-DryXyklZ.js";
+import { _ as mt } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-BkZzuICH.js";
 import { useI18n as he } from "vue-i18n";
-import { _ as ce } from "./Button.vue_vue_type_script_setup_true_lang-DkRuLqQK.js";
-import { _ as Ge } from "./Tabs.vue_vue_type_script_setup_true_lang-Cma_ma6V.js";
+import { _ as ce } from "./Button.vue_vue_type_script_setup_true_lang-CZkTqGtE.js";
+import { _ as Ge } from "./Tabs.vue_vue_type_script_setup_true_lang-7CJto6Mp.js";
 import { u as Pe } from "./format-C_HXlOYQ.js";
-import { _ as I } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
-import { _ as Ne } from "./Banner.vue_vue_type_script_setup_true_lang-ukLpznql.js";
-import { _ as Ae } from "./EmptyState.vue_vue_type_script_setup_true_lang-ByKvrNSg.js";
-import { u as bt, _ as gt } from "./rowLayout-3W9TvFNt.js";
+import { _ as I } from "./Icon.vue_vue_type_script_lang-BIzh8LF1.js";
+import { _ as Ne } from "./Banner.vue_vue_type_script_setup_true_lang-BXZVOhfH.js";
+import { _ as Ae } from "./EmptyState.vue_vue_type_script_setup_true_lang-DHmu-UG-.js";
+import { u as bt, _ as gt } from "./rowLayout-zd3Yw6fO.js";
 import { u as Ee } from "./shortcut-oixX55SZ.js";
-import { _ as Ye } from "./Menu.vue_vue_type_script_setup_true_lang-DobycRxf.js";
+import { _ as Ye } from "./Menu.vue_vue_type_script_setup_true_lang-D2FsOVYA.js";
 import { _ as Ze } from "./Popover.vue_vue_type_script_setup_true_lang-BK8HL_V0.js";
 import { _ as we } from "./ToneDot.vue_vue_type_script_setup_true_lang-99rNn-L5.js";
-import { _ as ht } from "./NumberField.vue_vue_type_script_setup_true_lang-CxgVJrdv.js";
-import { _ as yt } from "./SelectField.vue_vue_type_script_setup_true_lang-BA5YMCXA.js";
+import { _ as ht } from "./NumberField.vue_vue_type_script_setup_true_lang-BDZ_0TH7.js";
+import { _ as yt } from "./SelectField.vue_vue_type_script_setup_true_lang-DxCEwED6.js";
 import { a as _t } from "./mediaQuery-CygcXmFW.js";
-import { _ as xt } from "./Sheet.vue_vue_type_script_setup_true_lang-C1jpmLYN.js";
+import { _ as xt } from "./Sheet.vue_vue_type_script_setup_true_lang-BVU5yzXe.js";
 import { t as ke } from "./toast-CqSDTWRX.js";
 const re = (s) => s == null || s === "";
 function et(s) {

package/dist/CollectionTree.vue_vue_type_script_setup_true_lang-DV0OhquO.js

@@ -0,0 +1,345 @@
+import { defineComponent as $, computed as x, openBlock as s, createBlock as w, withCtx as N, createElementVNode as u, mergeProps as M, withModifiers as V, createVNode as _, unref as o, createCommentVNode as m, inject as D, resolveComponent as E, createElementBlock as r, normalizeClass as h, toDisplayString as g, Fragment as T, renderList as I, createTextVNode as A, useModel as H, useSlots as R, provide as W, normalizeStyle as q, renderSlot as U, mergeModels as j } from "vue";
+import { useI18n as O } from "vue-i18n";
+import { _ as L } from "./Icon.vue_vue_type_script_lang-BIzh8LF1.js";
+import { _ as G } from "./EmptyState.vue_vue_type_script_setup_true_lang-DHmu-UG-.js";
+import { _ as K } from "./SortableList.vue_vue_type_script_setup_true_lang-D2-5Z_jO.js";
+import { _ as P } from "./IconTile.vue_vue_type_script_setup_true_lang-DRirnJvd.js";
+import { _ as J } from "./Highlight.vue_vue_type_script_setup_true_lang-DZGBmwcX.js";
+import { _ as Q } from "./Menu.vue_vue_type_script_setup_true_lang-D2FsOVYA.js";
+import { f as B } from "./options-DDCG86OV.js";
+const X = ["aria-label", "onClick"], Y = /* @__PURE__ */ $({
+  __name: "RowMore",
+  props: {
+    actions: {},
+    label: {}
+  },
+  setup(b) {
+    const n = b, { t } = O(), f = x(() => n.actions.map((a) => ({
+      id: a.key,
+      label: a.label,
+      icon: a.icon,
+      section: a.section,
+      tone: a.tone === "critical" ? "critical" : void 0,
+      onSelect: () => {
+        a.onSelect ? a.onSelect() : a.href && window.open(a.href, a.external ? "_blank" : "_self", a.external ? "noopener" : void 0);
+      }
+    }))), d = x(() => `${t("core.page.more_actions")}: ${n.label}`);
+    return (a, k) => n.actions.length > 0 ? (s(), w(Q, {
+      key: 0,
+      items: f.value,
+      label: d.value
+    }, {
+      trigger: N(({ toggle: i, attrs: p }) => [
+        u("button", M({ type: "button" }, p, {
+          "aria-label": d.value,
+          "data-test": "row-more",
+          onClick: V(i, ["stop"]),
+          class: "hit-target flex size-8 cursor-pointer items-center justify-center rounded-full text-content-muted transition-colors duration-motion-fast hover:bg-fill hover:text-content-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus"
+        }), [
+          _(o(L), {
+            name: "moreLine",
+            size: 18
+          })
+        ], 16, X)
+      ]),
+      _: 1
+    }, 8, ["items", "label"])) : m("", !0);
+  }
+});
+function Z(b, n) {
+  const t = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), d = (a) => {
+    let k = !1;
+    for (const i of a) {
+      const p = d(i.children ?? []);
+      p && f.add(i.id), (p || n(i)) && (t.add(i.id), k = !0);
+    }
+    return k;
+  };
+  return d(b), { shown: t, forced: f };
+}
+const ee = (b, n) => B(b).includes(B(n.trim())), F = Symbol("vue-core.collection-tree"), te = ["data-depth"], oe = { class: "tree-row grid h-[50px] grid-cols-(--tree-columns) items-center border-b border-border-separator pr-2 hover:bg-fill/40" }, le = { class: "flex min-w-0 items-center gap-2" }, ne = ["aria-expanded", "aria-label", "onClick"], se = {
+  key: 1,
+  class: "size-6 shrink-0",
+  "aria-hidden": "true"
+}, ae = ["onClick"], re = {
+  key: 4,
+  class: "text-footnote text-content-muted",
+  "data-test": "tree-count"
+}, ie = ["aria-label"], de = {
+  key: 1,
+  class: "truncate"
+}, ce = ["aria-label"], ue = ["aria-checked", "aria-label", "disabled", "onClick"], pe = { class: "flex items-center justify-end gap-1" }, fe = ["onClick"], be = {
+  key: 1,
+  class: "border-b border-border-separator"
+}, me = ["onClick"], C = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", he = /* @__PURE__ */ $({
+  __name: "CollectionTreeBranch",
+  props: {
+    nodes: {},
+    parent: {},
+    depth: {}
+  },
+  setup(b) {
+    const n = b, t = D(F);
+    if (!t) throw new Error("CollectionTreeBranch is only used inside CollectionTree.");
+    const { t: f } = O(), d = $({
+      props: { fn: { type: Function, default: void 0 }, node: { type: Object, required: !0 }, depth: { type: Number, required: !0 } },
+      setup: (c) => () => c.fn?.({ node: c.node, depth: c.depth })
+    }), a = x(() => n.nodes.filter((c) => t.isShown(c))), k = x(() => t.reorderable && !t.readonly && t.search === "" && a.value.length === n.nodes.length), i = (c) => (c.children?.length ?? 0) > 0, p = (c, v) => c.visible?.(v, n.depth) ?? !0, S = { start: "justify-start text-left", center: "justify-center text-center", end: "justify-end text-right" };
+    return (c, v) => {
+      const z = E("CollectionTreeBranch", !0);
+      return s(), w(K, {
+        "model-value": a.value,
+        "item-key": "id",
+        plain: "",
+        disabled: !k.value,
+        label: n.parent?.label,
+        "item-label": (e) => e.label,
+        "onUpdate:modelValue": v[0] || (v[0] = () => {
+        }),
+        onMove: v[1] || (v[1] = (e, l, y) => o(t).reorder({ id: e.id, parentId: n.parent?.id ?? null, index: y }))
+      }, {
+        item: N(({ item: e }) => [
+          u("div", {
+            class: "flex flex-col",
+            "data-test": "tree-node",
+            "data-depth": n.depth
+          }, [
+            u("div", oe, [
+              u("div", le, [
+                i(e) ? (s(), r("button", {
+                  key: 0,
+                  type: "button",
+                  "aria-expanded": o(t).isOpen(e),
+                  "aria-label": o(f)(o(t).isOpen(e) ? "core.tree.collapse" : "core.tree.expand", { name: e.label }),
+                  class: h(["flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-full text-content-muted hover:bg-fill", C]),
+                  onClick: (l) => o(t).toggle(e)
+                }, [
+                  _(o(L), {
+                    name: "arrowRightSLine",
+                    size: 16,
+                    class: h(["transition-transform duration-motion-fast", o(t).isOpen(e) ? "rotate-90" : ""])
+                  }, null, 8, ["class"])
+                ], 8, ne)) : (s(), r("span", se)),
+                o(t).slot("icon") ? (s(), w(o(d), {
+                  key: 2,
+                  fn: o(t).slot("icon"),
+                  node: e,
+                  depth: n.depth
+                }, null, 8, ["fn", "node", "depth"])) : (s(), w(P, {
+                  key: 3,
+                  size: "sm",
+                  tone: n.depth === 0 ? "brand" : "anchor",
+                  icon: e.children ? "folderLine" : "tagLine"
+                }, null, 8, ["tone", "icon"])),
+                u("button", {
+                  type: "button",
+                  class: h(["min-w-0 truncate text-left text-body text-content-strong hover:underline", [C, e.active === !1 ? "text-content-muted" : ""]]),
+                  onClick: (l) => o(t).open(e)
+                }, [
+                  _(J, {
+                    text: e.label,
+                    search: o(t).search
+                  }, null, 8, ["text", "search"])
+                ], 10, ae),
+                i(e) && !o(t).isOpen(e) ? (s(), r("span", re, g(e.children?.length), 1)) : m("", !0)
+              ]),
+              (s(!0), r(T, null, I(o(t).columns, (l) => (s(), r("div", {
+                key: l.key,
+                role: "group",
+                "aria-label": l.label,
+                class: h(["flex min-w-0 items-center px-2 text-body", S[l.align ?? "start"]])
+              }, [
+                p(l, e) ? (s(), r(T, { key: 0 }, [
+                  o(t).slot(`cell-${l.key}`) ? (s(), w(o(d), {
+                    key: 0,
+                    fn: o(t).slot(`cell-${l.key}`),
+                    node: e,
+                    depth: n.depth
+                  }, null, 8, ["fn", "node", "depth"])) : (s(), r("span", de, g(e[l.key] ?? ""), 1))
+                ], 64)) : m("", !0)
+              ], 10, ie))), 128)),
+              o(t).activeLabel !== void 0 ? (s(), r("div", {
+                key: 0,
+                role: "group",
+                "aria-label": o(t).activeLabel,
+                class: "flex items-center px-2"
+              }, [
+                typeof e.active == "boolean" ? (s(), r("button", {
+                  key: 0,
+                  type: "button",
+                  role: "switch",
+                  "aria-checked": e.active,
+                  "aria-label": `${o(t).activeLabel}: ${e.label}`,
+                  disabled: o(t).readonly,
+                  "data-test": "tree-active",
+                  class: h(["hit-target relative inline-flex h-5 w-9 shrink-0 cursor-pointer rounded-full transition-colors duration-motion-fast disabled:cursor-not-allowed disabled:opacity-45", [e.active ? "bg-control-on" : "bg-fill-strong", C]]),
+                  onClick: (l) => o(t).setActive(e, !e.active)
+                }, [
+                  u("span", {
+                    class: h(["pointer-events-none absolute top-0.5 left-0.5 size-4 rounded-full bg-white shadow-knob transition-transform duration-motion-normal", e.active ? "translate-x-4" : ""])
+                  }, null, 2)
+                ], 10, ue)) : m("", !0)
+              ], 8, ce)) : m("", !0),
+              u("div", pe, [
+                !o(t).readonly && o(t).addLabel(e, n.depth + 2) !== null && (!o(t).isOpen(e) || !i(e)) ? (s(), r("button", {
+                  key: 0,
+                  type: "button",
+                  "data-test": "tree-add-row",
+                  class: h(["inline-flex cursor-pointer items-center gap-1 rounded-full bg-fill px-2.5 py-1 text-footnote text-content-strong hover:bg-fill-strong", C]),
+                  onClick: (l) => o(t).add(e)
+                }, [
+                  _(o(L), {
+                    name: "addLine",
+                    size: 14
+                  }),
+                  u("span", null, g(o(t).addLabel(e, n.depth + 2)), 1)
+                ], 8, fe)) : m("", !0),
+                _(Y, {
+                  actions: o(t).actions(e, n.depth),
+                  label: e.label
+                }, null, 8, ["actions", "label"])
+              ])
+            ]),
+            i(e) && o(t).isOpen(e) ? (s(), w(z, {
+              key: 0,
+              nodes: e.children ?? [],
+              parent: e,
+              depth: n.depth + 1
+            }, null, 8, ["nodes", "parent", "depth"])) : m("", !0),
+            i(e) && o(t).isOpen(e) && o(t).addLabel(e, n.depth + 2) !== null && !o(t).readonly ? (s(), r("div", be, [
+              u("button", {
+                type: "button",
+                "data-test": "tree-add-footer",
+                class: h(["flex h-10 w-full cursor-pointer items-center gap-1 pl-16 text-footnote text-content-link hover:bg-fill/40", C]),
+                onClick: (l) => o(t).add(e)
+              }, [
+                _(o(L), {
+                  name: "addLine",
+                  size: 14
+                }),
+                A(g(o(t).addLabel(e, n.depth + 2)), 1)
+              ], 8, me)
+            ])) : m("", !0)
+          ], 8, te)
+        ]),
+        _: 1
+      }, 8, ["model-value", "disabled", "label", "item-label"]);
+    };
+  }
+}), ve = { class: "overflow-x-auto" }, _e = ["aria-label"], xe = {
+  class: "tree-header grid grid-cols-(--tree-columns) items-center border-b border-border-separator bg-fill/40 py-2 pr-2 pl-4 text-footnote text-content-muted",
+  "aria-hidden": "true"
+}, ge = {
+  key: 0,
+  class: "px-2"
+}, ke = {
+  key: 1,
+  class: "py-6 text-center",
+  "data-test": "tree-empty"
+}, we = "10.5rem", ye = "5rem", Ne = /* @__PURE__ */ $({
+  __name: "CollectionTree",
+  props: /* @__PURE__ */ j({
+    nodes: {},
+    columns: { default: () => [] },
+    label: {},
+    reorderable: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    search: { default: "" },
+    filter: { type: Function, default: void 0 },
+    activeLabel: { default: void 0 },
+    addLabel: { type: Function, default: void 0 },
+    rowActions: { type: Function, default: void 0 },
+    nameLabel: { default: void 0 }
+  }, {
+    expanded: { default: () => [] },
+    expandedModifiers: {}
+  }),
+  emits: /* @__PURE__ */ j(["reorder", "add", "toggle", "open"], ["update:expanded"]),
+  setup(b, { emit: n }) {
+    const t = b, f = H(b, "expanded"), d = n, { t: a } = O(), k = R(), i = x(() => t.search.trim() !== "" || t.filter !== void 0), p = x(() => i.value ? Z(t.nodes, (e) => (t.search.trim() === "" || ee(e.label, t.search)) && (t.filter?.(e) ?? !0)) : null), S = x(() => p.value ? p.value.shown.size : t.nodes.length), c = {
+      get columns() {
+        return t.columns;
+      },
+      get readonly() {
+        return t.readonly;
+      },
+      get reorderable() {
+        return t.reorderable;
+      },
+      get search() {
+        return t.search.trim();
+      },
+      get activeLabel() {
+        return t.activeLabel;
+      },
+      isOpen: (e) => p.value ? p.value.forced.has(e.id) : f.value.includes(e.id),
+      isShown: (e) => p.value?.shown.has(e.id) ?? !0,
+      toggle: (e) => {
+        p.value || (f.value = f.value.includes(e.id) ? f.value.filter((l) => l !== e.id) : [...f.value, e.id]);
+      },
+      addLabel: (e, l) => t.addLabel?.(e, l) ?? null,
+      add: (e) => d("add", e),
+      open: (e) => d("open", e),
+      setActive: (e, l) => d("toggle", e, l),
+      reorder: (e) => d("reorder", e),
+      actions: (e, l) => t.rowActions?.(e, l) ?? [],
+      slot: (e) => k[e]
+    };
+    W(F, c);
+    const v = x(() => ["minmax(0,1fr)", ...t.columns.map((e) => `${e.width ?? 160}px`), ...t.activeLabel !== void 0 ? [ye] : [], we].join(" ")), z = { start: "text-left", center: "text-center", end: "text-right" };
+    return (e, l) => (s(), r("section", {
+      class: "overflow-hidden rounded-group bg-surface-cell shadow-group",
+      "data-test": "collection-tree",
+      style: q({ "--tree-columns": v.value, "--sortable-row-height": "50px" })
+    }, [
+      u("div", ve, [
+        u("div", {
+          class: "min-w-[44rem]",
+          role: "group",
+          "aria-label": t.label
+        }, [
+          u("div", xe, [
+            u("span", null, g(t.nameLabel ?? o(a)("core.tree.name")), 1),
+            (s(!0), r(T, null, I(t.columns, (y) => (s(), r("span", {
+              key: y.key,
+              class: h(["px-2", z[y.align ?? "start"]])
+            }, g(y.label), 3))), 128)),
+            t.activeLabel !== void 0 ? (s(), r("span", ge, g(t.activeLabel), 1)) : m("", !0),
+            l[1] || (l[1] = u("span", null, null, -1))
+          ]),
+          S.value > 0 ? (s(), w(he, {
+            key: 0,
+            nodes: t.nodes,
+            parent: null,
+            depth: 0
+          }, null, 8, ["nodes"])) : (s(), r("div", ke, [
+            U(e.$slots, "empty", {}, () => [
+              _(G, {
+                title: i.value ? o(a)("core.tree.no_match") : o(a)("core.tree.empty")
+              }, null, 8, ["title"])
+            ])
+          ])),
+          !t.readonly && c.addLabel(null, 1) !== null && !i.value ? (s(), r("button", {
+            key: 2,
+            type: "button",
+            "data-test": "tree-add-root",
+            class: "flex h-10 w-full cursor-pointer items-center gap-1 px-4 text-footnote text-content-link hover:bg-fill/40 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus",
+            onClick: l[0] || (l[0] = (y) => d("add", null))
+          }, [
+            _(o(L), {
+              name: "addLine",
+              size: 14
+            }),
+            A(g(c.addLabel(null, 1)), 1)
+          ])) : m("", !0)
+        ], 8, _e)
+      ])
+    ], 4));
+  }
+});
+export {
+  Y as _,
+  Ne as a,
+  ee as m,
+  Z as v
+};

package/dist/{DataTable.vue_vue_type_script_setup_true_lang-DGcNcRkO.js → DataTable.vue_vue_type_script_setup_true_lang-Cw_E8w48.js}

@@ -1,5 +1,5 @@
 import { defineComponent as d, computed as u, useSlots as p, openBlock as w, createElementBlock as y, createVNode as f, unref as k, createSlots as b, renderList as m, withCtx as h, renderSlot as v, normalizeProps as _, guardReactiveProps as g } from "vue";
-import { u as R, _ as L } from "./rowLayout-3W9TvFNt.js";
+import { u as R, _ as L } from "./rowLayout-zd3Yw6fO.js";
 const F = ["aria-busy"], V = /* @__PURE__ */ d({
   __name: "DataTable",
   props: {

package/dist/{DateField.vue_vue_type_script_setup_true_lang-J04KjxmR.js → DateField.vue_vue_type_script_setup_true_lang-Cn8CNAwM.js}

@@ -2,12 +2,12 @@ import { computed as p, defineComponent as re, useModel as oe, useTemplateRef as
 import { useI18n as L } from "vue-i18n";
 import { _ as ie } from "./DateButton.vue_vue_type_script_setup_true_lang-CovKG5lN.js";
 import { u as W } from "./format-C_HXlOYQ.js";
-import { _ as de } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { _ as de } from "./Icon.vue_vue_type_script_lang-BIzh8LF1.js";
 import { u as ue } from "./mediaQuery-CygcXmFW.js";
 import { _ as ce } from "./Popover.vue_vue_type_script_setup_true_lang-BK8HL_V0.js";
-import { u as me, _ as fe } from "./options-DIp_lVAj.js";
-import { e as q, f as j, m as X, g as Z, h as pe, j as be, u as ve, k as ye, _ as ke, l as ge, c as he } from "./useTypedEntry-r4AqWlV7.js";
-import { f as xe, b as we } from "./FormRow.vue_vue_type_script_setup_true_lang-okuxbKyI.js";
+import { u as me, _ as fe } from "./options-DDCG86OV.js";
+import { e as q, f as j, m as X, g as Z, h as pe, j as be, u as ve, k as ye, _ as ke, l as ge, c as he } from "./useTypedEntry-CTkgM29Y.js";
+import { f as xe, b as we } from "./FormRow.vue_vue_type_script_setup_true_lang-B-uth5RB.js";
 const _e = ["d", "m", "y"];
 function $e(o) {
   const r = o("2033-11-22"), t = { y: r.indexOf("2033") >= 0 ? r.indexOf("2033") : r.indexOf("33"), m: r.indexOf("11"), d: r.indexOf("22") };

package/dist/{DeadLetters-Dpm4UY__.js → DeadLetters--js7aeC6.js}

@@ -1,11 +1,11 @@
 import { defineComponent as B, useTemplateRef as C, computed as y, ref as v, openBlock as D, createBlock as z, unref as r, withCtx as m, createVNode as F, createElementVNode as b, normalizeClass as $, toDisplayString as h } from "vue";
 import { useI18n as q } from "vue-i18n";
 import { a as k } from "./error-CD7x0Jrz.js";
-import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-Aoof1prZ.js";
+import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-Bf5WXVFZ.js";
 import { u as P } from "./describeError-B-NMa--w.js";
 import { u as I } from "./format-C_HXlOYQ.js";
-import { e as a, R as O } from "./index-DLkQwWt9.js";
-import { _ as W } from "./AlertDialog.vue_vue_type_script_setup_true_lang-QYvbly_-.js";
+import { e as a, R as O } from "./index-4wyfEeIw.js";
+import { _ as W } from "./AlertDialog.vue_vue_type_script_setup_true_lang-B0UvzCoE.js";
 import { t as i } from "./toast-CqSDTWRX.js";
 import { u as Y } from "./useLoad-M7V-AVwR.js";
 import { u as j } from "./platform-YWfOO7b2.js";

package/dist/{DiscardChangesModal.vue_vue_type_script_setup_true_lang-CxNVKoYI.js → DiscardChangesModal.vue_vue_type_script_setup_true_lang-lnFUie1d.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, useTemplateRef as l, openBlock as m, createBlock as d, unref as s } from "vue";
 import { useI18n as f } from "vue-i18n";
-import { _ as p } from "./AlertDialog.vue_vue_type_script_setup_true_lang-QYvbly_-.js";
+import { _ as p } from "./AlertDialog.vue_vue_type_script_setup_true_lang-B0UvzCoE.js";
 const C = /* @__PURE__ */ c({
   __name: "DiscardChangesModal",
   emits: ["confirm", "cancel", "dismissed"],

package/dist/{EmptyState.vue_vue_type_script_setup_true_lang-ByKvrNSg.js → EmptyState.vue_vue_type_script_setup_true_lang-DHmu-UG-.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r, openBlock as t, createElementBlock as n, toDisplayString as s, createVNode as a, unref as l, createElementVNode as m, createCommentVNode as c, renderSlot as p } from "vue";
-import { _ as d } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { _ as d } from "./Icon.vue_vue_type_script_lang-BIzh8LF1.js";
 const _ = {
   key: 0,
   class: "text-sm text-content-muted"