@wssto2/vue-core 0.20.0 → 0.21.0

package/dist/collection/tree.d.ts

@@ -0,0 +1,64 @@
+import type { InjectionKey } from "vue";
+import type { RowAction } from "./columns";
+/** What a `CollectionTree` node is: its id, its name, its children, and whether it is switched on (`undefined`: it has no switch). */
+export interface TreeNode<Node> {
+    readonly id: string | number;
+    readonly label: string;
+    readonly active?: boolean;
+    readonly children?: readonly Node[];
+}
+/**
+ * A column besides the name. `visible` says where it applies: a column that belongs to one branch ("Kod marke" under Marke) is blank on
+ * every other row. The header always shows, so the columns do not jump when a branch opens.
+ */
+export interface TreeColumn<Node> {
+    readonly key: string;
+    readonly label: string;
+    /** Pixels. */
+    readonly width?: number;
+    readonly align?: "start" | "center" | "end";
+    /** `depth` is 0 for the roots. Default: every row. */
+    readonly visible?: (node: Node, depth: number) => boolean;
+}
+/** What `@reorder` says: the node, the parent it stays in (`null`: a root) and where it lands among that parent's children, counted from 0. */
+export interface TreeReorder {
+    readonly id: string | number;
+    readonly parentId: string | number | null;
+    readonly index: number;
+}
+/**
+ * The nodes a search or filter leaves on screen: those that match, and every ancestor of one (a match is never shown without its
+ * path). `forced` is the ancestors, which show open while the search lasts.
+ */
+export declare function visibleNodes<Node extends TreeNode<Node>>(nodes: readonly Node[], matches: (node: Node) => boolean): {
+    shown: Set<string | number>;
+    forced: Set<string | number>;
+};
+/** Whether a node's name contains the text, ignoring case and accents. */
+export declare const matchesText: (label: string, text: string) => boolean;
+/** A node as the branches see it: the typed node of the app, loosely (internal). */
+export interface LooseNode extends TreeNode<LooseNode> {
+    readonly [key: string]: unknown;
+}
+/** What `CollectionTree` hands its branches (internal): one object, so the recursion does not repeat a dozen props. */
+export interface TreeContext {
+    columns: readonly TreeColumn<LooseNode>[];
+    readonly: boolean;
+    reorderable: boolean;
+    search: string;
+    activeLabel: string | undefined;
+    isOpen(node: LooseNode): boolean;
+    isShown(node: LooseNode): boolean;
+    toggle(node: LooseNode): void;
+    addLabel(parent: LooseNode | null, level: number): string | null;
+    add(parent: LooseNode | null): void;
+    open(node: LooseNode): void;
+    setActive(node: LooseNode, active: boolean): void;
+    reorder(change: TreeReorder): void;
+    actions(node: LooseNode, depth: number): readonly RowAction[];
+    slot(name: string): ((scope: {
+        node: LooseNode;
+        depth: number;
+    }) => unknown) | undefined;
+}
+export declare const treeContextKey: InjectionKey<TreeContext>;

package/dist/content/index.js

@@ -1,13 +1,13 @@
 import { defineComponent as M, computed as _, openBlock as s, createElementBlock as n, Fragment as S, renderList as B, toDisplayString as b, createCommentVNode as w, createElementVNode as i, normalizeClass as $, createVNode as E, unref as p, renderSlot as C, createTextVNode as A, createBlock as D, useModel as se, useId as ne, useTemplateRef as P, watch as Q, nextTick as ae, withModifiers as le, withDirectives as re, vModelText as ie, mergeModels as q, ref as T, withCtx as W, createSlots as ce, resolveDynamicComponent as de, onMounted as ue, onBeforeUnmount as me, normalizeStyle as U } from "vue";
 import { u as G, t as pe } from "../format-C_HXlOYQ.js";
-import { _ as N } from "../Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { _ as N } from "../Icon.vue_vue_type_script_lang-BIzh8LF1.js";
 import { _ as fe } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
 import { i as Wt } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
 import { useI18n as F } from "vue-i18n";
 import { _ as be } from "../KeyValue.vue_vue_type_script_setup_true_lang-wcZcvnow.js";
-import { _ as Ht } from "../Panel.vue_vue_type_script_setup_true_lang-DTCmFSwg.js";
-import { _ as he } from "../Tabs.vue_vue_type_script_setup_true_lang-Cma_ma6V.js";
-import { _ as qt } from "../Timestamp.vue_vue_type_script_setup_true_lang-XbbupD9A.js";
+import { _ as Ht } from "../Panel.vue_vue_type_script_setup_true_lang-CwcJadT7.js";
+import { _ as he } from "../Tabs.vue_vue_type_script_setup_true_lang-7CJto6Mp.js";
+import { _ as qt } from "../Timestamp.vue_vue_type_script_setup_true_lang-0WL7PP0j.js";
 const ve = ["aria-label"], ge = {
   key: 0,
   class: "py-1.5 text-center text-caption font-semibold text-content-muted",

package/dist/controls/SortableList.vue.d.ts

@@ -9,6 +9,7 @@ declare const _default: <Item>(__VLS_props: NonNullable<Awaited<typeof __VLS_set
         /** What the handle and the announcement call a row; by default the row's key. */
         itemLabel?: (item: Item) => string;
         disabled?: boolean;
+        plain?: boolean;
     } & {
         modelValue: Item[];
     }) & Partial<{}>> & import("vue").PublicProps;

package/dist/controls/index.js

@@ -1,16 +1,16 @@
-import { _ as pe } from "../IconTile.vue_vue_type_script_setup_true_lang-BWHQiA7d.js";
-import { defineComponent as P, useSlots as N, openBlock as u, createElementBlock as p, normalizeClass as A, createElementVNode as b, renderSlot as C, toDisplayString as w, createVNode as D, unref as c, useModel as U, useId as q, useTemplateRef as F, ref as $, computed as O, Fragment as R, renderList as W, normalizeStyle as j, createCommentVNode as G, mergeModels as I, nextTick as H } from "vue";
-import { _ as M } from "../Icon.vue_vue_type_script_lang-0pW1XBaE.js";
-import { _ as me } from "../DateButton.vue_vue_type_script_setup_true_lang-CovKG5lN.js";
-import { _ as ve } from "../SearchInput.vue_vue_type_script_setup_true_lang-w4eAqyZ9.js";
-import { useI18n as J } from "vue-i18n";
-import { _ as ge } from "../Tabs.vue_vue_type_script_setup_true_lang-Cma_ma6V.js";
-import { _ as _e } from "../SwipeActions.vue_vue_type_script_setup_true_lang-BBqcW3MR.js";
-import { c as we, a as ke, b as Le, d as Se } from "../controlSurface-t7OEFESJ.js";
-const Q = ["disabled", "aria-haspopup", "aria-expanded", "aria-invalid"], X = { class: "min-w-0 truncate" }, Z = {
+import { _ as C } from "../IconTile.vue_vue_type_script_setup_true_lang-DRirnJvd.js";
+import { defineComponent as p, useSlots as c, openBlock as o, createElementBlock as a, normalizeClass as u, createElementVNode as f, renderSlot as m, toDisplayString as x, createVNode as b, unref as _ } from "vue";
+import { _ as v } from "../Icon.vue_vue_type_script_lang-BIzh8LF1.js";
+import { _ as z } from "../DateButton.vue_vue_type_script_setup_true_lang-CovKG5lN.js";
+import { _ as I } from "../SearchInput.vue_vue_type_script_setup_true_lang-w4eAqyZ9.js";
+import { _ as N } from "../SortableList.vue_vue_type_script_setup_true_lang-D2-5Z_jO.js";
+import { _ as V } from "../Tabs.vue_vue_type_script_setup_true_lang-7CJto6Mp.js";
+import { _ as $ } from "../SwipeActions.vue_vue_type_script_setup_true_lang-DUjUWq3G.js";
+import { c as U, a as j, b as q, d as F } from "../controlSurface-t7OEFESJ.js";
+const h = ["disabled", "aria-haspopup", "aria-expanded", "aria-invalid"], y = { class: "min-w-0 truncate" }, g = {
   key: 1,
   class: "text-content-disabled"
-}, ie = /* @__PURE__ */ P({
+}, k = /* @__PURE__ */ p({
   __name: "PopupButton",
   props: {
     variant: { default: "filled" },
@@ -21,135 +21,38 @@ const Q = ["disabled", "aria-haspopup", "aria-expanded", "aria-invalid"], X = {
     popup: { default: "listbox" }
   },
   emits: ["click"],
-  setup(v, { emit: _ }) {
-    const o = v, s = _, x = N();
-    return (f, m) => (u(), p("button", {
+  setup(n, { emit: s }) {
+    const e = n, i = s, l = c();
+    return (r, t) => (o(), a("button", {
       type: "button",
-      disabled: o.disabled,
-      "aria-haspopup": o.popup,
-      "aria-expanded": o.expanded,
-      "aria-invalid": o.invalid || void 0,
-      class: A(["hit-target inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-control text-body transition-colors duration-motion-fast ease-motion-standard focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-45", o.variant === "filled" ? ["py-1 pl-2.5 pr-2 text-content-strong", o.expanded ? "bg-fill-strong" : "bg-fill hover:bg-fill-strong"] : ["py-1", o.expanded ? "text-content-link" : "text-content-muted hover:text-content"]]),
-      onClick: m[0] || (m[0] = (y) => s("click", y))
+      disabled: e.disabled,
+      "aria-haspopup": e.popup,
+      "aria-expanded": e.expanded,
+      "aria-invalid": e.invalid || void 0,
+      class: u(["hit-target inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-control text-body transition-colors duration-motion-fast ease-motion-standard focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-45", e.variant === "filled" ? ["py-1 pl-2.5 pr-2 text-content-strong", e.expanded ? "bg-fill-strong" : "bg-fill hover:bg-fill-strong"] : ["py-1", e.expanded ? "text-content-link" : "text-content-muted hover:text-content"]]),
+      onClick: t[0] || (t[0] = (d) => i("click", d))
     }, [
-      b("span", X, [
-        x.default ? C(f.$slots, "default", {}, void 0, void 0, 0) : (u(), p("span", Z, w(o.placeholder), 1))
+      f("span", y, [
+        l.default ? m(r.$slots, "default", {}, void 0, void 0, 0) : (o(), a("span", g, x(e.placeholder), 1))
       ]),
-      D(c(M), {
+      b(_(v), {
         name: "expandUpDownLine",
         size: 14,
         class: "text-content-muted"
       })
-    ], 10, Q));
-  }
-}), ee = ["aria-label"], te = ["aria-label", "aria-describedby", "onKeydown", "onPointerdown"], oe = { class: "min-w-0 flex-1 py-1.5 pr-2" }, ae = ["id"], ne = {
-  role: "status",
-  "aria-live": "polite",
-  class: "sr-only",
-  "data-sortable-live": ""
-}, de = /* @__PURE__ */ P({
-  __name: "SortableList",
-  props: /* @__PURE__ */ I({
-    itemKey: {},
-    label: { default: void 0 },
-    itemLabel: { type: Function, default: void 0 },
-    disabled: { type: Boolean, default: !1 }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ I(["move"], ["update:modelValue"]),
-  setup(v, { emit: _ }) {
-    const o = v, s = U(v, "modelValue"), x = _, { t: f } = J(), m = q(), y = F("list"), k = $(""), a = $(null), L = (e) => typeof o.itemKey == "function" ? o.itemKey(e) : e[o.itemKey], S = (e) => o.itemLabel?.(e) ?? String(L(e)), T = O(() => s.value.length);
-    function B(e, r) {
-      const t = Math.min(Math.max(r, 0), s.value.length - 1);
-      if (e === t) return !1;
-      const n = [...s.value], [l] = n.splice(e, 1);
-      return n.splice(t, 0, l), s.value = n, x("move", l, e, t), k.value = f("core.sortable.moved", { item: S(l), position: t + 1, total: T.value }), !0;
-    }
-    async function V(e, r) {
-      if (!e.altKey || e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
-      e.preventDefault();
-      const t = e.currentTarget;
-      B(r, r + (e.key === "ArrowUp" ? -1 : 1)) && (await H(), document.activeElement !== t && t.focus());
-    }
-    function z() {
-      return Array.from(y.value?.querySelectorAll(":scope > [data-sortable-row]") ?? []);
-    }
-    function Y(e, r) {
-      if (o.disabled || e.button !== 0) return;
-      const t = e.currentTarget;
-      t.setPointerCapture?.(e.pointerId);
-      const n = e.clientY;
-      a.value = { from: r, to: r, offset: 0 };
-      const l = (i) => {
-        const d = z().map((h) => h.getBoundingClientRect()), K = d.findIndex((h) => i < h.top + h.height / 2);
-        return K < 0 ? d.length - 1 : K;
-      }, E = (i) => {
-        a.value && (a.value = { from: r, to: l(i.clientY), offset: i.clientY - n });
-      }, g = (i) => {
-        t.removeEventListener("pointermove", E), t.removeEventListener("pointerup", g), t.removeEventListener("pointercancel", g);
-        const d = i.type === "pointerup" ? a.value : null;
-        a.value = null, d && B(d.from, d.to);
-      };
-      t.addEventListener("pointermove", E), t.addEventListener("pointerup", g), t.addEventListener("pointercancel", g);
-    }
-    return (e, r) => (u(), p("div", null, [
-      b("ul", {
-        ref_key: "list",
-        ref: y,
-        "aria-label": o.label,
-        class: "flex flex-col gap-1.5",
-        "data-sortable-list": ""
-      }, [
-        (u(!0), p(R, null, W(s.value, (t, n) => (u(), p("li", {
-          key: L(t),
-          "data-sortable-row": "",
-          class: A(["relative flex items-stretch gap-1 rounded-md border border-border-separator bg-surface-cell", [a.value?.from === n ? "z-10 shadow-md" : "", a.value && a.value.from !== n && a.value.to === n ? a.value.to > a.value.from ? "border-b-2 border-b-border-focus" : "border-t-2 border-t-border-focus" : ""]]),
-          style: j(a.value?.from === n ? { transform: `translateY(${a.value.offset}px)` } : void 0)
-        }, [
-          o.disabled ? G("", !0) : (u(), p("button", {
-            key: 0,
-            type: "button",
-            "data-sortable-handle": "",
-            "aria-label": c(f)("core.sortable.handle", { item: S(t) }),
-            "aria-describedby": c(m),
-            class: "flex w-7 shrink-0 cursor-grab touch-none items-center justify-center rounded-l-md text-content-muted hover:bg-fill focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus",
-            onKeydown: (l) => V(l, n),
-            onPointerdown: (l) => Y(l, n)
-          }, [
-            D(c(M), {
-              name: "draggable",
-              size: 16
-            })
-          ], 40, te)),
-          b("div", oe, [
-            C(e.$slots, "item", {
-              item: t,
-              index: n,
-              dragging: a.value?.from === n
-            })
-          ])
-        ], 6))), 128))
-      ], 8, ee),
-      b("p", {
-        id: c(m),
-        class: "sr-only"
-      }, w(c(f)("core.sortable.hint")), 9, ae),
-      b("p", ne, w(k.value), 1)
-    ]));
+    ], 10, h));
   }
 });
 export {
-  me as DateButton,
-  pe as IconTile,
-  ie as PopupButton,
-  ve as SearchInput,
-  de as SortableList,
-  _e as SwipeActions,
-  ge as Tabs,
-  we as controlSurface,
-  ke as controlSurfacePairs,
-  Le as controlWidth,
-  Se as controlWidthPair
+  z as DateButton,
+  C as IconTile,
+  k as PopupButton,
+  I as SearchInput,
+  N as SortableList,
+  $ as SwipeActions,
+  V as Tabs,
+  U as controlSurface,
+  j as controlSurfacePairs,
+  q as controlWidth,
+  F as controlWidthPair
 };

package/dist/form/CharacteristicField.vue.d.ts

@@ -0,0 +1,36 @@
+import { type FieldProps } from "./field";
+import type { SelectOption } from "./options";
+declare const _default: <Value extends string | number = number, Multiple extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: Multiple extends true ? Value[] : Value | null) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & (FieldProps & {
+        /** The level of the items, from 1. */
+        level: number;
+        /** The id of the item the choices are children of; required below level 1. `null`: not chosen yet. */
+        parent?: number | null;
+        /** What a choice saves: `"id"` or the name of a described column. */
+        value?: string;
+        /** The language of the labels; default the first language the project lists. */
+        lang?: string;
+        /** Several choices: the model is a list. */
+        multiple?: Multiple;
+        /** Offers the search box (from the first option). */
+        searchable?: boolean;
+        placeholder?: string;
+        /** The chosen options, when the caller has them (a saved record's labels): how an inactive item is named. */
+        selected?: SelectOption<Value> | readonly SelectOption<Value>[] | null;
+    } & {
+        /** One value (`null` for none), or with `multiple` a list of them: the type follows `multiple`, so `form.bind()` fits either. */
+        modelValue?: Multiple extends true ? Value[] : Value | null;
+    }) & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:modelValue", value: Multiple extends true ? Value[] : Value | null) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/form/index.d.ts

@@ -96,3 +96,4 @@ export type { LocaleMode } from "./dynamic/localeMode";
 export { thumbnailUrl } from "./dynamic/resources";
 export type { ResourceId, ResourceItem, ResourcePage, ResourceQuery, ResourceSource } from "./dynamic/resources";
 export type { FieldKind, FieldRule, FormSchema, SchemaField, SelectChoice, VisibilityCondition, VisibilityRule } from "./dynamic/schema";
+export { default as CharacteristicField } from "./CharacteristicField.vue";