@wssto2/vue-core 0.20.0 → 0.22.0

package/dist/characteristics/index.js

@@ -0,0 +1,617 @@
+import { c as K, _ as $e } from "../routes-DC8BWFz8.js";
+import { d as Ce, p as Se } from "../feature-DdUAfyi4.js";
+import { d as Ee } from "../context-Ch1r4fdN.js";
+import { d as qe } from "../defineRoutes-BGAdiIrt.js";
+import { u as Ae, j as Ve } from "../platform-YWfOO7b2.js";
+import { defineComponent as me, useTemplateRef as re, ref as z, computed as h, openBlock as f, createElementBlock as R, Fragment as ee, createVNode as B, unref as t, withCtx as A, createElementVNode as H, toDisplayString as q, createBlock as E, createTextVNode as j, createCommentVNode as F, provide as Le, mergeProps as Q, renderList as ne, createSlots as Te } from "vue";
+import { useI18n as fe } from "vue-i18n";
+import { a as De } from "../CollectionTree.vue_vue_type_script_setup_true_lang-DV0OhquO.js";
+import { _ as Fe } from "../Tabs.vue_vue_type_script_setup_true_lang-7CJto6Mp.js";
+import { _ as ue } from "../TextField.vue_vue_type_script_setup_true_lang-B6Q65aQA.js";
+import { u as we } from "../describeError-B-NMa--w.js";
+import { t as ie } from "../toast-CqSDTWRX.js";
+import { _ as Ie } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-BkZzuICH.js";
+import { _ as Oe } from "../AsyncSection.vue_vue_type_script_setup_true_lang-DuPS_zMX.js";
+import { _ as Re } from "../Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { u as je } from "../useLoad-M7V-AVwR.js";
+import { _ as te } from "../Button.vue_vue_type_script_setup_true_lang-CZkTqGtE.js";
+import { _ as Be } from "../Modal.vue_vue_type_script_setup_true_lang-BRRMKXOV.js";
+import { _ as Pe } from "../AlertDialog.vue_vue_type_script_setup_true_lang-B0UvzCoE.js";
+import { _ as de } from "../Banner.vue_vue_type_script_setup_true_lang-BXZVOhfH.js";
+import { u as Ne, _ as Ue, a as ye } from "../FormGroup.vue_vue_type_script_setup_true_lang-BUhKKybf.js";
+import { c as Ke } from "../FormRow.vue_vue_type_script_setup_true_lang-B-uth5RB.js";
+import { _ as Me } from "../NumberField.vue_vue_type_script_setup_true_lang-BDZ_0TH7.js";
+import { _ as ze } from "../SelectField.vue_vue_type_script_setup_true_lang-DxCEwED6.js";
+import { _ as ge } from "../SwitchField.vue_vue_type_script_setup_true_lang-CTMjlNid.js";
+import { _ as He } from "../Sheet.vue_vue_type_script_setup_true_lang-BVU5yzXe.js";
+const [We, Ge] = Ee("vue-core.characteristics"), Je = "characteristics:view", Qe = "characteristics:edit", be = qe({
+  index: { name: "characteristics.index", path: "/characteristics", component: () => import("../CharacteristicsPage-fGnahf62.js"), meta: { access: Je, titleKey: "core.characteristics.title" } }
+});
+function Ut(c = {}) {
+  return Ce({
+    id: "characteristics",
+    routes: be.records,
+    context: Se(We, { addLabel: c.addLabel ?? null }),
+    navigation: c.destination ? [{ destination: c.destination, to: be.index }] : []
+  });
+}
+function Xe(c) {
+  return {
+    tree: async (e) => (await c.request(K.tree, void 0, e)).data.items,
+    description: async (e) => (await c.request(K.description, void 0, e)).data,
+    usage: async (e, v, m) => (await c.request(K.usage, { level: e, id: v }, m)).data,
+    create: async (e, v) => (await c.request(K.create, e, { idempotencyKey: v })).data,
+    update: async (e, v) => (await c.request(K.update, e, { idempotencyKey: v })).data,
+    setActive: async (e, v, m) => (await c.request(K.setActive, { level: e, id: v, active: m })).data,
+    /** `position` counts from 1 among the siblings. */
+    move: async (e, v, m) => void await c.request(K.move, { level: e, id: v, position: m }),
+    /** Refused with `characteristics.in_use` or `characteristics.has_children` unless `force`. */
+    remove: async (e, v, m = !1) => (await c.request(K.delete, { level: e, id: v, ...m ? { force: !0 } : {} })).data
+  };
+}
+const pe = () => Xe(Ae().http), Ye = ["aria-busy"], Ze = {
+  key: 0,
+  class: "text-content-muted"
+}, et = {
+  key: 0,
+  "data-test": "usage-unknown"
+}, tt = {
+  key: 1,
+  "data-test": "usage-uses"
+}, at = {
+  key: 2,
+  "data-test": "usage-children"
+}, lt = {
+  class: "flex flex-wrap items-center justify-end gap-2 pt-1",
+  "data-test": "delete-actions"
+}, st = /* @__PURE__ */ me({
+  __name: "DeleteDialog",
+  props: {
+    canDeactivate: { type: Function }
+  },
+  emits: ["deleted", "deactivate"],
+  setup(c, { expose: e, emit: v }) {
+    const m = v, { t: u } = fe(), l = pe(), g = we(), _ = re("modal"), V = re("confirm"), o = z(null), w = z(null), b = z("loading"), k = z(!1);
+    async function P(S) {
+      o.value = S, w.value = null, b.value = "loading", _.value?.present();
+      try {
+        w.value = await l.usage(S.level, S.item.id), b.value = "ready";
+      } catch {
+        b.value = "failed";
+      }
+    }
+    const I = h(() => (w.value?.uses ?? []).filter((S) => S.count > 0)), $ = h(() => w.value?.children ?? 0), W = h(() => b.value !== "ready" || w.value?.known === !1 || I.value.length > 0 || $.value > 0), U = h(() => {
+      const S = I.value.map((y) => `${y.count} ${y.what}`);
+      return S.length < 2 ? S[0] ?? "" : `${S.slice(0, -1).join(", ")} ${u("core.characteristics.delete_dialog.and")} ${S[S.length - 1]}`;
+    });
+    async function N(S) {
+      const y = o.value;
+      if (y !== null) {
+        try {
+          await l.remove(y.level, y.item.id, S);
+        } catch (x) {
+          throw ie.error(g(x, { fallback: u("core.resource.unavailable") })), x;
+        }
+        ie.success(u("core.characteristics.toasts.deleted")), m("deleted", y), _.value?.dismiss();
+      }
+    }
+    async function X() {
+      if (W.value) return V.value?.present();
+      k.value = !0;
+      try {
+        await N(!1);
+      } catch {
+        P(o.value);
+      } finally {
+        k.value = !1;
+      }
+    }
+    return e({ show: P }), (S, y) => (f(), R(ee, null, [
+      B(Be, {
+        ref_key: "modal",
+        ref: _,
+        size: "md",
+        "without-footer": "",
+        title: t(u)("core.characteristics.delete_dialog.title", { name: o.value?.item.name ?? "" }),
+        onDismissed: y[3] || (y[3] = (x) => o.value = null)
+      }, {
+        default: A(() => [
+          H("div", {
+            class: "flex flex-col gap-3 text-body",
+            "data-test": "characteristic-usage",
+            "aria-busy": b.value === "loading" || void 0
+          }, [
+            b.value === "loading" ? (f(), R("p", Ze, q(t(u)("core.characteristics.delete_dialog.checking")), 1)) : b.value === "failed" ? (f(), E(de, {
+              key: 1,
+              tone: "critical",
+              icon: "errorWarningLine"
+            }, {
+              default: A(() => [
+                j(q(t(u)("core.characteristics.delete_dialog.usage_failed")), 1)
+              ]),
+              _: 1
+            })) : (f(), R(ee, { key: 2 }, [
+              w.value?.known === !1 ? (f(), R("p", et, q(t(u)("core.characteristics.delete_dialog.unknown")), 1)) : I.value.length > 0 ? (f(), R("p", tt, q(t(u)("core.characteristics.delete_dialog.used", { uses: U.value })), 1)) : F("", !0),
+              $.value > 0 ? (f(), R("p", at, q(t(u)("core.characteristics.delete_dialog.children", $.value)), 1)) : F("", !0),
+              W.value ? (f(), E(de, {
+                key: 3,
+                tone: "warning",
+                icon: "alertTriangle"
+              }, {
+                default: A(() => [
+                  j(q(t(u)("core.characteristics.delete_dialog.warning")), 1)
+                ]),
+                _: 1
+              })) : F("", !0)
+            ], 64)),
+            H("div", lt, [
+              B(te, {
+                prominence: "plain",
+                onClick: y[0] || (y[0] = (x) => _.value?.dismiss())
+              }, {
+                default: A(() => [
+                  j(q(t(u)("core.actions.cancel")), 1)
+                ]),
+                _: 1
+              }),
+              B(te, {
+                tone: "critical",
+                icon: "deleteBin2Line",
+                disabled: b.value === "loading" || k.value,
+                processing: k.value,
+                "data-test": "characteristic-delete-confirm",
+                onClick: y[1] || (y[1] = (x) => X())
+              }, {
+                default: A(() => [
+                  j(q(W.value && b.value === "ready" ? t(u)("core.characteristics.delete_dialog.delete_anyway") : t(u)("core.characteristics.delete_dialog.delete")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "processing"]),
+              o.value && c.canDeactivate(o.value) && o.value.item.active ? (f(), E(te, {
+                key: 0,
+                prominence: "primary",
+                "data-test": "characteristic-deactivate",
+                onClick: y[2] || (y[2] = (x) => {
+                  m("deactivate", o.value), _.value?.dismiss();
+                })
+              }, {
+                default: A(() => [
+                  j(q(t(u)("core.characteristics.delete_dialog.deactivate")), 1)
+                ]),
+                _: 1
+              })) : F("", !0)
+            ])
+          ], 8, Ye)
+        ]),
+        _: 1
+      }, 8, ["title"]),
+      B(Pe, {
+        ref_key: "confirm",
+        ref: V,
+        tone: "critical",
+        title: t(u)("core.characteristics.delete_dialog.confirm_title"),
+        message: t(u)("core.characteristics.delete_dialog.confirm_message", { name: o.value?.item.name ?? "" }),
+        "confirm-label": t(u)("core.characteristics.delete_dialog.confirm_action"),
+        icon: "deleteBin2Line",
+        action: () => N(!0)
+      }, null, 8, ["title", "message", "confirm-label", "action"])
+    ], 64));
+  }
+}), M = (c, e) => `${c}:${e}`, ke = (c) => {
+  const [e = 0, v = 0] = String(c).split(":").map(Number);
+  return { level: e, id: v };
+}, se = (c, e) => (/^(hr|bs|sr)/.test(e) ? c.hr : c.en) || c.hr || c.en;
+function ve(c, e) {
+  return c.fields.filter((v) => v.under === null || e.some((m) => m.level === v.under?.level && m.id === v.under.id));
+}
+function rt(c, e) {
+  const v = /* @__PURE__ */ new Map();
+  for (const l of c) {
+    const g = l.level === 1 ? "root" : M(l.level - 1, l.parent_id);
+    v.set(g, [...v.get(g) ?? [], l]);
+  }
+  const m = e.levels.length, u = (l, g) => {
+    const _ = e.levels.find((w) => w.level === l.level), V = [...g, l], o = l.level < m ? (v.get(M(l.level, l.id)) ?? []).sort(xe).map((w) => u(w, V)) : void 0;
+    return { id: M(l.level, l.id), label: l.name, active: _?.has_active ? l.active : void 0, item: l, level: l.level, ancestors: g, ...o ? { children: o } : {} };
+  };
+  return (v.get("root") ?? []).sort(xe).map((l) => u(l, []));
+}
+const xe = (c, e) => c.order - e.order || c.id - e.id;
+function it(c, e) {
+  const v = /* @__PURE__ */ new Map();
+  for (const m of c.levels)
+    for (const u of m.fields.filter((l) => l.in_list)) {
+      const l = se(u.label, e), g = v.get(`${u.column}|${l}`) ?? { label: l, fields: [] };
+      g.fields.push({ level: m, field: u }), v.set(`${u.column}|${l}`, g);
+    }
+  return [...v.values()].map((m, u) => ({
+    fields: m.fields,
+    column: {
+      key: `field${u}`,
+      label: m.label,
+      width: 160,
+      visible: (l) => m.fields.some(({ level: g, field: _ }) => g.level === l.level && ve(g, [...l.ancestors, l.item]).includes(_))
+    }
+  }));
+}
+function ct(c, e, v, m, u) {
+  if (e == null || e === "") return "";
+  if (c.type === "yesno") return e === !0 || e === 1 || e === "1" ? m : u;
+  if (c.type === "choice") {
+    const l = c.choices.find((g) => g.value === String(e));
+    return l ? se(l.label, v) : String(e);
+  }
+  return String(e);
+}
+const ot = {
+  key: 0,
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-test": "characteristic-form"
+}, nt = {
+  key: 0,
+  class: "text-footnote text-content-muted",
+  "data-test": "characteristic-path"
+}, ut = { class: "flex w-full items-center gap-2" }, dt = /* @__PURE__ */ me({
+  __name: "ItemSheet",
+  props: {
+    description: {},
+    editable: { type: Boolean },
+    createTitle: { type: Function }
+  },
+  emits: ["saved", "remove"],
+  setup(c, { expose: e, emit: v }) {
+    const m = c, u = v, { t: l, locale: g } = fe(), _ = pe(), V = re("sheet"), o = z(null);
+    Le(Ke, h(() => m.editable));
+    const w = h(() => m.description.languages), b = h(() => w.value[0] ?? ""), k = h(() => o.value?.level ?? null), P = h(() => o.value === null ? [] : o.value.mode === "edit" ? o.value.node.ancestors : o.value.parent ? [...o.value.parent.ancestors, o.value.parent.item] : []), I = h(() => k.value ? ve(k.value, P.value) : []), $ = h(() => I.value.filter((r) => !r.read_only)), W = h(() => I.value.filter((r) => r.read_only)), U = h(() => P.value.map((r) => r.name).join(" › ")), N = h(() => o.value === null ? "" : o.value.mode === "edit" ? o.value.node.item.name : m.createTitle(o.value.parent, o.value.level.level)), X = () => l("core.validation_errors.required"), S = {
+      safeParse(r) {
+        const n = r, a = [], T = k.value;
+        if (T === null) return { success: !1, error: { issues: a } };
+        if (T.has_translations) {
+          (n.names[b.value]?.trim() === "" || n.names[b.value] === void 0) && a.push({ path: ["names"], message: X() });
+          for (const C of w.value) (n.names[C] ?? "").trim().length > T.name_max && a.push({ path: ["names"], message: l("core.validation_errors.max", { max: T.name_max }) });
+        } else n.name.trim() === "" ? a.push({ path: ["name"], message: X() }) : n.name.trim().length > T.name_max && a.push({ path: ["name"], message: l("core.validation_errors.max", { max: T.name_max }) });
+        for (const C of $.value) {
+          const Z = n.values[C.column];
+          C.type === "text" && C.max > 0 && String(Z ?? "").length > C.max && a.push({ path: ["values", C.column], message: l("core.validation_errors.max", { max: C.max }) });
+        }
+        return a.length > 0 ? { success: !1, error: { issues: a } } : { success: !0, data: n };
+      }
+    }, y = (r) => r.type === "yesno" ? !1 : r.type === "number" ? null : "", x = Ne({ defaults: () => ({ name: "", names: {}, active: !0, values: {} }), validator: S });
+    function ae(r) {
+      o.value = r;
+      const n = ve(r.level, r.mode === "edit" ? r.node.ancestors : r.parent ? [...r.parent.ancestors, r.parent.item] : []), a = r.mode === "edit" ? r.node.item : null, T = {};
+      for (const C of w.value) T[C] = a?.translations?.[C] ?? (C === b.value ? a?.name ?? "" : "");
+      x.hydrate({
+        name: a?.name ?? "",
+        names: T,
+        active: a?.active ?? !0,
+        values: Object.fromEntries(n.map((C) => [C.column, a?.values?.[C.column] ?? y(C)]))
+      }), V.value?.present();
+    }
+    async function ce() {
+      const r = o.value;
+      if (r === null) return;
+      const n = await x.submit(async (a, { idempotencyKey: T }) => {
+        const C = r.level.has_translations ? (a.names[b.value] ?? "").trim() || (Object.values(a.names).find((L) => L.trim() !== "") ?? "").trim() : a.name.trim(), Z = r.level.has_translations ? Object.fromEntries(w.value.map((L) => [L, (a.names[L] ?? "").trim()])) : void 0, s = Object.fromEntries($.value.map((L) => [L.column, a.values[L.column]])), i = { name: C, ...Z ? { translations: Z } : {}, ...$.value.length > 0 ? { values: s } : {} };
+        if (r.mode === "create")
+          return { item: await _.create({ ...i, level: r.level.level, ...r.parent ? { parent_id: r.parent.item.id } : {}, active: a.active }, T), created: !0 };
+        const { item: d } = r.node;
+        let p = await _.update({ ...i, level: d.level, id: d.id }, T);
+        return r.level.has_active && a.active !== d.active && (p = await _.setActive(d.level, d.id, a.active)), { item: p, created: !1 };
+      });
+      (n.status === "saved" || n.status === "saved-refresh-failed") && (ie.success(l(n.value.created ? "core.characteristics.toasts.created" : "core.characteristics.toasts.saved")), u("saved", n.value.item, n.value.created), V.value?.dismiss());
+    }
+    const Y = (r) => ({
+      modelValue: x.values.values[r.column],
+      "onUpdate:modelValue": (n) => x.values.values[r.column] = n,
+      error: x.errors.first(`values.${r.column}`)
+    }), le = (r) => r.choices.map((n) => ({ value: n.value, label: se(n.label, g.value) })), G = (r) => se(r.label, g.value);
+    return e({
+      /** A new item below `parent` (null: a root of level 1). */
+      create: (r) => {
+        const n = m.description.levels.find((a) => a.level === (r ? r.level + 1 : 1));
+        n && ae({ mode: "create", level: n, parent: r });
+      },
+      edit: (r) => {
+        const n = m.description.levels.find((a) => a.level === r.level);
+        n && ae({ mode: "edit", node: r, level: n });
+      }
+    }), (r, n) => (f(), E(He, {
+      ref_key: "sheet",
+      ref: V,
+      size: "md",
+      grouped: "",
+      title: N.value,
+      onDismissed: n[3] || (n[3] = (a) => o.value = null)
+    }, {
+      footer: A(() => [
+        H("div", ut, [
+          m.editable && o.value?.mode === "edit" ? (f(), E(te, {
+            key: 0,
+            prominence: "plain",
+            tone: "critical",
+            icon: "deleteBin2Line",
+            "data-test": "characteristic-delete",
+            onClick: n[0] || (n[0] = (a) => o.value?.mode === "edit" && u("remove", o.value.node))
+          }, {
+            default: A(() => [
+              j(q(t(l)("core.characteristics.delete")), 1)
+            ]),
+            _: 1
+          })) : F("", !0),
+          n[4] || (n[4] = H("span", { class: "flex-1" }, null, -1)),
+          B(te, {
+            prominence: "plain",
+            onClick: n[1] || (n[1] = (a) => V.value?.dismiss())
+          }, {
+            default: A(() => [
+              j(q(m.editable ? t(l)("core.actions.cancel") : t(l)("core.actions.close")), 1)
+            ]),
+            _: 1
+          }),
+          m.editable ? (f(), E(te, {
+            key: 1,
+            prominence: "primary",
+            icon: "save",
+            processing: t(x).submitting.value,
+            "data-test": "characteristic-save",
+            onClick: n[2] || (n[2] = (a) => ce())
+          }, {
+            default: A(() => [
+              j(q(o.value?.mode === "create" ? t(l)("core.characteristics.sheet.create") : t(l)("core.characteristics.sheet.save")), 1)
+            ]),
+            _: 1
+          }, 8, ["processing"])) : F("", !0)
+        ])
+      ]),
+      default: A(() => [
+        o.value && k.value ? (f(), R("div", ot, [
+          U.value ? (f(), R("p", nt, q(U.value), 1)) : F("", !0),
+          B(t(Ue), {
+            form: t(x),
+            label: (a) => a
+          }, null, 8, ["form", "label"]),
+          B(t(ye), null, {
+            default: A(() => [
+              k.value.has_translations ? (f(), E(t($e), Q({ key: 0 }, t(x).bind("names"), {
+                label: t(l)("core.characteristics.sheet.name"),
+                locales: w.value,
+                "default-locale": b.value,
+                "required-locales": [b.value],
+                "max-length": k.value.name_max,
+                required: ""
+              }), null, 16, ["label", "locales", "default-locale", "required-locales", "max-length"])) : (f(), E(t(ue), Q({ key: 1 }, t(x).bind("name"), {
+                label: t(l)("core.characteristics.sheet.name"),
+                "max-length": k.value.name_max,
+                required: ""
+              }), null, 16, ["label", "max-length"])),
+              k.value.has_active ? (f(), E(t(ge), Q({ key: 2 }, t(x).bind("active"), {
+                label: t(l)("core.characteristics.sheet.active")
+              }), null, 16, ["label"])) : F("", !0)
+            ]),
+            _: 1
+          }),
+          I.value.length > 0 ? (f(), E(t(ye), {
+            key: 1,
+            header: t(l)("core.characteristics.sheet.extra"),
+            "locked-footer": t(l)("core.characteristics.sheet.locked")
+          }, {
+            default: A(() => [
+              (f(!0), R(ee, null, ne(I.value, (a) => (f(), R(ee, {
+                key: a.column
+              }, [
+                a.type === "yesno" ? (f(), E(t(ge), Q({
+                  key: 0,
+                  ref_for: !0
+                }, Y(a), {
+                  label: G(a),
+                  disabled: a.read_only,
+                  "data-field-key": `values.${a.column}`
+                }), null, 16, ["label", "disabled", "data-field-key"])) : a.type === "number" ? (f(), E(t(Me), Q({
+                  key: 1,
+                  ref_for: !0
+                }, Y(a), {
+                  label: G(a),
+                  disabled: a.read_only,
+                  "data-field-key": `values.${a.column}`
+                }), null, 16, ["label", "disabled", "data-field-key"])) : a.type === "choice" ? (f(), E(t(ze), Q({
+                  key: 2,
+                  ref_for: !0
+                }, Y(a), {
+                  options: le(a),
+                  label: G(a),
+                  disabled: a.read_only,
+                  clearable: "",
+                  "data-field-key": `values.${a.column}`
+                }), null, 16, ["options", "label", "disabled", "data-field-key"])) : (f(), E(t(ue), Q({
+                  key: 3,
+                  ref_for: !0
+                }, Y(a), {
+                  label: G(a),
+                  "max-length": a.max > 0 ? a.max : void 0,
+                  disabled: a.read_only,
+                  "data-field-key": `values.${a.column}`
+                }), null, 16, ["label", "max-length", "disabled", "data-field-key"]))
+              ], 64))), 128))
+            ]),
+            _: 1
+          }, 8, ["header", "locked-footer"])) : F("", !0),
+          (f(!0), R(ee, null, ne(W.value, (a) => (f(), E(de, {
+            key: a.column,
+            tone: "info",
+            "data-test": "characteristic-locked-note"
+          }, {
+            default: A(() => [
+              j(q(t(l)("core.characteristics.sheet.note", { field: G(a), path: U.value || t(se)(k.value.label, t(g)) })), 1)
+            ]),
+            _: 2
+          }, 1024))), 128))
+        ])) : F("", !0)
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), vt = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-test": "characteristics"
+}, mt = { class: "flex flex-wrap items-center gap-3" }, ft = { class: "truncate font-mono text-footnote text-content-muted" }, pt = {
+  class: "px-1 text-footnote text-content-muted",
+  "data-test": "characteristics-footer"
+}, Kt = /* @__PURE__ */ me({
+  __name: "CharacteristicsPage",
+  setup(c) {
+    const { t: e, locale: v } = fe(), m = Ve(), u = pe(), l = Ge(), g = we(), _ = h(() => m.can(Qe)), V = je(async ({ signal: s }) => {
+      const [i, d] = await Promise.all([u.description({ signal: s }), u.tree({ signal: s })]);
+      return { description: i, items: d };
+    }), o = z("all"), w = z(""), b = z([]), k = re("sheet"), P = re("removal"), I = h(() => V.data.value?.items ?? []), $ = h(() => V.data.value?.description ?? null), W = h(() => $.value ? rt(I.value, $.value) : []), U = h(() => $.value ? it($.value, v.value) : []), N = (s) => $.value?.levels.find((i) => i.level === s), X = h(() => $.value?.levels.some((s) => s.has_active) ?? !1), S = h(() => _.value && ($.value?.levels.some((s) => s.has_order) ?? !1)), y = (s) => $.value && V.update({ description: $.value, items: s(I.value) }), x = (s) => y((i) => i.some((d) => d.level === s.level && d.id === s.id) ? i.map((d) => d.level === s.level && d.id === s.id ? s : d) : [...i, s]), ae = (s) => {
+      ie.error(g(s, { fallback: e("core.resource.unavailable") })), V.reload();
+    }, ce = h(() => [
+      { value: "all", label: e("core.characteristics.views.all") },
+      { value: "active", label: e("core.characteristics.views.active") },
+      { value: "inactive", label: e("core.characteristics.views.inactive") }
+    ]), Y = h(() => o.value === "all" ? void 0 : (s) => (s.active ?? !0) === (o.value === "active"));
+    async function le(s, i) {
+      const d = s.item;
+      x({ ...d, active: i });
+      try {
+        x(await u.setActive(d.level, d.id, i)), ie.success(e(i ? "core.characteristics.toasts.activated" : "core.characteristics.toasts.deactivated"));
+      } catch (p) {
+        ae(p);
+      }
+    }
+    async function G({ id: s, parentId: i, index: d }) {
+      const p = ke(s), L = i === null ? null : ke(i), J = I.value.filter((D) => D.level === p.level && (L === null || D.parent_id === L.id)).sort((D, O) => D.order - O.order || D.id - O.id), he = J.findIndex((D) => D.id === p.id);
+      if (he < 0) return;
+      const oe = [...J];
+      oe.splice(d, 0, ...oe.splice(he, 1));
+      const _e = new Map(oe.map((D, O) => [M(D.level, D.id), O + 1]));
+      y((D) => D.map((O) => _e.has(M(O.level, O.id)) ? { ...O, order: _e.get(M(O.level, O.id)) ?? O.order } : O));
+      try {
+        await u.move(p.level, p.id, d + 1);
+      } catch (D) {
+        ae(D);
+      }
+    }
+    function r(s, i) {
+      x(s), i && s.level > 1 && (b.value = [.../* @__PURE__ */ new Set([...b.value, M(s.level - 1, s.parent_id)])]);
+    }
+    function n(s) {
+      const i = /* @__PURE__ */ new Set(), d = (p) => {
+        i.add(p.id), p.children?.forEach(d);
+      };
+      d(s), y((p) => p.filter((L) => !i.has(M(L.level, L.id))));
+    }
+    const a = (s, i) => l.addLabel?.(s ? { level: s.level, name: s.item.name } : null, i) ?? e(i === 1 ? "core.characteristics.add_group" : "core.characteristics.add_item"), T = (s, i) => _.value && N(i) ? a(s, i) : null, C = (s) => _.value ? [
+      { key: "edit", label: e("core.characteristics.edit"), icon: "edit", onSelect: () => k.value?.edit(s) },
+      ...N(s.level)?.has_active ? [{ key: "active", label: e(s.item.active ? "core.characteristics.deactivate" : "core.characteristics.activate"), icon: s.item.active ? "eyeOff" : "eye", onSelect: () => void le(s, !s.item.active) }] : [],
+      { key: "delete", label: e("core.characteristics.delete"), icon: "deleteBin2Line", tone: "critical", onSelect: () => P.value?.show(s) }
+    ] : [{ key: "open", label: e("core.actions.open"), icon: "eye", onSelect: () => k.value?.edit(s) }], Z = h(() => _.value && N(1) ? [{ id: "add", label: a(null, 1), icon: "addLine", placement: "primary", onClick: () => k.value?.create(null) }] : []);
+    return (s, i) => (f(), E(t(Ie), {
+      title: t(e)("core.characteristics.title"),
+      description: t(e)("core.characteristics.description"),
+      actions: Z.value
+    }, {
+      default: A(() => [
+        H("div", vt, [
+          B(t(Oe), {
+            state: t(V).state.value,
+            "skeleton-rows": 5,
+            "is-empty": (d) => d.items.length === 0,
+            "empty-title": t(e)("core.characteristics.empty"),
+            onRetry: i[5] || (i[5] = (d) => t(V).reload())
+          }, {
+            default: A(({ value: d }) => [
+              H("div", mt, [
+                B(t(ue), {
+                  modelValue: w.value,
+                  "onUpdate:modelValue": i[0] || (i[0] = (p) => w.value = p),
+                  class: "min-w-[14rem] max-w-md flex-1",
+                  label: t(e)("core.characteristics.search"),
+                  "label-hidden": "",
+                  placeholder: t(e)("core.characteristics.search")
+                }, null, 8, ["modelValue", "label", "placeholder"]),
+                B(t(Fe), {
+                  modelValue: o.value,
+                  "onUpdate:modelValue": i[1] || (i[1] = (p) => o.value = p),
+                  tabs: ce.value,
+                  presentation: "scope",
+                  label: t(e)("core.characteristics.title")
+                }, null, 8, ["modelValue", "tabs", "label"]),
+                _.value ? F("", !0) : (f(), E(t(Re), {
+                  key: 0,
+                  tone: "neutral",
+                  class: "ml-auto",
+                  "data-test": "characteristics-read-only"
+                }, {
+                  default: A(() => [
+                    j(q(t(e)("core.characteristics.read_only")), 1)
+                  ]),
+                  _: 1
+                }))
+              ]),
+              B(t(De), {
+                expanded: b.value,
+                "onUpdate:expanded": i[2] || (i[2] = (p) => b.value = p),
+                nodes: W.value,
+                columns: U.value.map((p) => p.column),
+                label: t(e)("core.characteristics.title"),
+                reorderable: S.value,
+                readonly: !_.value,
+                "active-label": X.value ? t(e)("core.characteristics.active") : void 0,
+                search: w.value,
+                filter: Y.value,
+                "add-label": T,
+                "row-actions": C,
+                onReorder: G,
+                onToggle: le,
+                onAdd: i[3] || (i[3] = (p) => k.value?.create(p)),
+                onOpen: i[4] || (i[4] = (p) => k.value?.edit(p))
+              }, Te({ _: 2 }, [
+                ne(U.value, (p) => ({
+                  name: `cell-${p.column.key}`,
+                  fn: A(({ node: L }) => [
+                    H("code", ft, q(p.fields.map(({ field: J }) => t(ct)(J, L.item.values?.[J.column], t(v), t(e)("core.form.yes"), t(e)("core.form.no"))).find((J) => J !== "") ?? ""), 1)
+                  ])
+                }))
+              ]), 1032, ["expanded", "nodes", "columns", "label", "reorderable", "readonly", "active-label", "search", "filter"]),
+              H("p", pt, [
+                j(q(t(e)("core.characteristics.levels", d.description.levels.length)), 1),
+                S.value ? (f(), R(ee, { key: 0 }, [
+                  j(" · " + q(t(e)("core.characteristics.reorder_hint")), 1)
+                ], 64)) : F("", !0)
+              ])
+            ]),
+            _: 1
+          }, 8, ["state", "is-empty", "empty-title"])
+        ]),
+        $.value ? (f(), E(dt, {
+          key: 0,
+          ref_key: "sheet",
+          ref: k,
+          description: $.value,
+          editable: _.value,
+          "create-title": a,
+          onSaved: r,
+          onRemove: i[6] || (i[6] = (d) => P.value?.show(d))
+        }, null, 8, ["description", "editable"])) : F("", !0),
+        _.value && $.value ? (f(), E(st, {
+          key: 1,
+          ref_key: "removal",
+          ref: P,
+          "can-deactivate": (d) => N(d.level)?.has_active ?? !1,
+          onDeleted: n,
+          onDeactivate: i[7] || (i[7] = (d) => le(d, !1))
+        }, null, 8, ["can-deactivate"])) : F("", !0)
+      ]),
+      _: 1
+    }, 8, ["title", "description", "actions"]));
+  }
+});
+export {
+  Kt as CharacteristicsPage,
+  Ut as characteristicsFeature,
+  be as characteristicsPages,
+  K as characteristicsRoutes,
+  Xe as createCharacteristicsApi,
+  pe as useCharacteristicsApi
+};

package/dist/characteristics/model.d.ts

@@ -0,0 +1,34 @@
+import type { TreeColumn, TreeNode } from "../collection";
+import type { DescriptionResponse, FieldResponse, ItemResponse, LabelResponse, LevelResponse } from "../modules/characteristics/entities";
+/** One item of the tree as the screen draws it. `id` is `"<level>:<id>"`: ids repeat from one level's table to the next. */
+export interface CharacteristicNode extends TreeNode<CharacteristicNode> {
+    readonly item: ItemResponse;
+    readonly level: number;
+    /** The items from the root down to this one's parent. */
+    readonly ancestors: readonly ItemResponse[];
+    readonly children?: readonly CharacteristicNode[];
+}
+export declare const keyOf: (level: number, id: number) => string;
+export declare const parseKey: (key: string | number) => {
+    level: number;
+    id: number;
+};
+/** A label in the administration's language: Croatian for the Croatian-family locales, English otherwise. */
+export declare const labelIn: (label: LabelResponse, locale: string) => string;
+/** The fields of `level` that apply to an item below `path` (the item's ancestors, and the item itself once it exists): a field with `under` is for one branch only. */
+export declare function fieldsFor(level: LevelResponse, path: readonly {
+    level: number;
+    id: number;
+}[]): readonly FieldResponse[];
+/** The tree of the flat, depth-first list the server sends: siblings by `order`, the described levels' extras on `item`. */
+export declare function buildTree(items: readonly ItemResponse[], description: DescriptionResponse): CharacteristicNode[];
+/** The columns of the list: every `in_list` field of every level, a column once however many branches describe it. */
+export declare function listColumns(description: DescriptionResponse, locale: string): {
+    column: TreeColumn<CharacteristicNode>;
+    fields: readonly {
+        level: LevelResponse;
+        field: FieldResponse;
+    }[];
+}[];
+/** A value as the list shows it: a choice by its label, a yes/no as words. */
+export declare function displayValue(field: FieldResponse, value: unknown, locale: string, yes: string, no: string): string;

package/dist/characteristics/routes.d.ts

@@ -0,0 +1,13 @@
+import type { RouteRecordRaw } from "vue-router";
+/**
+ * The route of `characteristicsFeature`: a typed target for links (`characteristicsPages.index`) and the record the feature installs.
+ * The name and path are fixed, so a link or a menu binding of the application can name them.
+ */
+export interface CharacteristicsPages {
+    /** The records `characteristicsFeature` installs. */
+    readonly records: readonly RouteRecordRaw[];
+    readonly index: {
+        readonly name: "characteristics.index";
+    };
+}
+export declare const characteristicsPages: CharacteristicsPages;