@wssto2/vue-core 0.4.18 → 0.4.20

package/dist/{anchored-Cj4--8dT.js → anchored-DpuUwf-9.js}

@@ -1,47 +1,49 @@
 import { ref as d, watch as E, nextTick as V, onScopeDispose as L } from "vue";
-import { autoUpdate as $, offset as z, flip as P, shift as S, size as b, arrow as D, computePosition as k } from "@floating-ui/dom";
+import { autoUpdate as P, offset as $, flip as z, shift as R, size as S, arrow as b, computePosition as A } from "@floating-ui/dom";
+const O = 640;
 function T(r, e) {
   const s = d({ position: "fixed", left: "0px", top: "0px" }), c = d({}), f = d(e.placement());
   let l = null;
   async function o() {
-    const i = e.reference(), t = r.value;
-    if (!i || !t) return;
+    const n = e.reference(), t = r.value;
+    if (!n || !t) return;
     const u = [
-      z(e.offset),
-      P({ padding: e.padding }),
-      S({ padding: e.padding }),
-      b({
+      $(e.offset),
+      z({ padding: e.padding }),
+      R({ padding: e.padding }),
+      S({
         padding: e.padding,
         apply({ availableWidth: g, availableHeight: h, elements: y }) {
           e.fit?.(y.floating, { width: g, height: h });
         }
       })
     ];
-    e.arrow?.value && u.push(D({ element: e.arrow.value, padding: 12 }));
-    const { x: w, y: v, placement: m, middlewareData: x } = await k(i, t, {
+    e.arrow?.value && u.push(b({ element: e.arrow.value, padding: 12 }));
+    const { x: w, y: v, placement: m, middlewareData: x } = await A(n, t, {
       placement: e.placement(),
       strategy: "fixed",
       middleware: u
     });
     s.value = { position: "fixed", left: `${w}px`, top: `${v}px` }, f.value = m;
-    const n = x.arrow;
-    n && (c.value = { left: n.x != null ? `${n.x}px` : "", top: n.y != null ? `${n.y}px` : "" });
+    const i = x.arrow;
+    i && (c.value = { left: i.x != null ? `${i.x}px` : "", top: i.y != null ? `${i.y}px` : "" });
   }
   function p() {
     l?.(), l = null, window.visualViewport?.removeEventListener("resize", a), window.visualViewport?.removeEventListener("scroll", a);
   }
   const a = () => void o();
-  return E(r, (i) => {
+  return E(r, (n) => {
     p();
     const t = e.reference();
-    !i || !t || (t instanceof Element ? l = $(t, i, () => void o()) : V(o), window.visualViewport?.addEventListener("resize", a), window.visualViewport?.addEventListener("scroll", a));
+    !n || !t || (t instanceof Element ? l = P(t, n, () => void o()) : V(o), window.visualViewport?.addEventListener("resize", a), window.visualViewport?.addEventListener("scroll", a));
   }), L(p), { style: s, arrowStyle: c, resolvedPlacement: f, update: o };
 }
-function U(r) {
+function W(r) {
   const e = r.split("-")[0];
   return { top: "bottom", bottom: "top", left: "right", right: "left" }[e];
 }
 export {
-  U as a,
+  O as N,
+  W as a,
   T as u
 };

package/dist/collection/index.js

@@ -1,11 +1,11 @@
 import { D as O, L as j, a as U, h as G, l as X, r as Z } from "../http-D_D9YbLH.js";
-import { _ as H, a as J, u as K } from "../CollectionPage.vue_vue_type_script_setup_true_lang-CUoyYpaW.js";
+import { _ as H, a as J, u as K } from "../CollectionPage.vue_vue_type_script_setup_true_lang-BNM_cbXa.js";
 import { u as W, a as Y } from "../neighbors-DVN_cADL.js";
-import { a as te, b as se } from "../rowLayout-BFz4Kdoy.js";
-import { _ as ae } from "../DataTable.vue_vue_type_script_setup_true_lang-Wuvo-l_z.js";
+import { a as te, b as se } from "../rowLayout-D1vrdy0s.js";
+import { _ as ae } from "../DataTable.vue_vue_type_script_setup_true_lang-DPuH84I7.js";
 import { defineComponent as y, openBlock as c, createElementBlock as d, Fragment as h, renderList as v, createBlock as k, unref as f, withCtx as C, normalizeClass as m, createVNode as p, createCommentVNode as g, computed as w, toValue as E } from "vue";
 import { _ } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { _ as S } from "../Tooltip.vue_vue_type_script_setup_true_lang-OOD_XNWx.js";
+import { _ as S } from "../Tooltip.vue_vue_type_script_setup_true_lang-mErNPt8e.js";
 import { useI18n as T } from "vue-i18n";
 function $(r = {}) {
   const s = new Map(Object.entries(r).map(([t, e]) => [t, [...e]]));

package/dist/{control-B_Nwtmag.js → control-B4SdblL6.js}

@@ -1,4 +1,4 @@
-import { inject as B, ref as z, computed as r, onBeforeUnmount as A, defineComponent as C, useSlots as F, openBlock as a, createBlock as L, resolveDynamicComponent as T, unref as t, normalizeClass as b, withCtx as _, createElementBlock as s, renderSlot as f, createCommentVNode as n, createElementVNode as g, createTextVNode as h, toDisplayString as v, createVNode as V, useAttrs as G, useId as K, mergeProps as j, createSlots as P, mergeDefaults as M } from "vue";
+import { inject as B, ref as z, computed as s, onBeforeUnmount as A, defineComponent as C, useSlots as F, openBlock as l, createBlock as L, resolveDynamicComponent as T, unref as t, normalizeClass as b, withCtx as w, createElementBlock as r, renderSlot as d, createCommentVNode as i, createElementVNode as x, createTextVNode as h, toDisplayString as v, createVNode as V, useAttrs as G, useId as K, mergeProps as j, createSlots as P, mergeDefaults as M } from "vue";
 import { useI18n as O } from "vue-i18n";
 import { _ as I } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { RouterLink as U } from "vue-router";
@@ -16,17 +16,17 @@ const W = {
   presentation: "control",
   name: void 0
 }, X = Symbol("vue-core.formGroup"), Z = Symbol("vue-core.formRowIndent"), ee = Symbol("vue-core.formEditable"), R = () => B(X, null), te = () => B(Z, 0);
-function oe(i) {
-  const e = R(), d = B(ee, z(!0)), c = Q(), k = r(() => !!e && !!i.disabled && (c.value || i.presentation === "value")), m = r(() => (i.editable ?? !0) && d.value && !k.value), o = r(() => !!e && !!i.disabled && m.value);
+function oe(u) {
+  const e = R(), c = B(ee, z(!0)), n = Q(), k = s(() => !!e && !!u.disabled && (n.value || u.presentation === "value")), m = s(() => (u.editable ?? !0) && c.value && !k.value), a = s(() => !!e && !!u.disabled && m.value);
   if (e) {
-    const u = e.registerLocked(r(() => !!i.disabled && d.value && i.presentation !== "value"));
-    A(u);
+    const f = e.registerLocked(s(() => !!u.disabled && c.value && u.presentation !== "value"));
+    A(f);
   }
-  return { editable: m, locked: o };
+  return { editable: m, locked: a };
 }
 const le = ["label", "labelHidden", "hint", "error", "required", "editable", "disabled", "lockedReason", "presentation", "name"];
-function Re(i) {
-  return Object.fromEntries(le.map((e) => [e, i[e]]));
+function He(u) {
+  return Object.fromEntries(le.map((e) => [e, u[e]]));
 }
 const ae = {
   key: 0,
@@ -35,7 +35,7 @@ const ae = {
   key: 0,
   class: "text-content-destructive",
   "aria-hidden": "true"
-}, ne = ["id"], ie = {
+}, ie = ["id"], ne = {
   key: 0,
   class: "break-words text-body text-content-strong"
 }, de = ["id"], ue = /* @__PURE__ */ C({
@@ -56,9 +56,9 @@ const ae = {
     labelLines: { default: void 0 },
     labelAlign: { default: "center" }
   },
-  setup(i) {
-    const e = i, d = F(), c = te(), k = r(() => c + e.indent), m = ["pl-row-inset", "pl-[calc(var(--app-row-inset)+1.25rem)]", "pl-[calc(var(--app-row-inset)+2.5rem)]"], o = { 1: "line-clamp-1", 2: "line-clamp-2", 3: "line-clamp-3" }, u = r(() => e.labelHidden && (e.layout === "entry" || e.layout === "value") ? "stacked" : e.layout), S = r(() => {
-      switch (u.value) {
+  setup(u) {
+    const e = u, c = F(), n = te(), k = s(() => n + e.indent), m = ["pl-row-inset", "pl-[calc(var(--app-row-inset)+1.25rem)]", "pl-[calc(var(--app-row-inset)+2.5rem)]"], a = { 1: "line-clamp-1", 2: "line-clamp-2", 3: "line-clamp-3" }, f = s(() => e.labelHidden && (e.layout === "entry" || e.layout === "value") ? "stacked" : e.layout), S = s(() => {
+      switch (f.value) {
         case "entry":
           return "grid grid-cols-[var(--form-label-width,11rem)_minmax(0,1fr)] items-center gap-x-4 compact:grid-cols-[minmax(0,auto)_minmax(40%,1fr)]";
         case "value":
@@ -68,67 +68,67 @@ const ae = {
         default:
           return "flex flex-col gap-1";
       }
-    }), y = r(() => e.labelHidden ? "sr-only" : u.value === "stacked" ? "text-footnote text-content-muted" : e.layout === "value" ? "text-body text-content-muted" : "text-body text-content-strong"), w = r(() => e.value !== void 0 && e.value !== null && e.value !== "");
-    return (p, x) => (a(), L(T(e.to ? t(U) : "div"), {
+    }), p = s(() => e.labelHidden ? "sr-only" : f.value === "stacked" ? "text-footnote text-content-muted" : e.layout === "value" ? "text-body text-content-muted" : "text-body text-content-strong"), _ = s(() => e.value !== void 0 && e.value !== null && e.value !== "");
+    return (y, g) => (l(), L(T(e.to ? t(U) : "div"), {
       to: e.to,
       "data-test": "form-row",
-      "data-layout": u.value,
+      "data-layout": f.value,
       "data-field-error": e.error ? "true" : void 0,
       class: b(["form-row flex min-w-0 items-stretch gap-3 transition-colors duration-motion-fast first:rounded-t-group last:rounded-b-group focus-within:bg-tint-soft/50 [&:first-child>.row-body]:border-t-0", [m[Math.min(k.value, 2)], e.to ? "hover:bg-fill focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus" : ""]])
     }, {
-      default: _(() => [
-        d.leading ? (a(), s("div", ae, [
-          f(p.$slots, "leading")
-        ])) : n("", !0),
-        g("div", re, [
-          g("div", {
+      default: w(() => [
+        c.leading ? (l(), r("div", ae, [
+          d(y.$slots, "leading")
+        ])) : i("", !0),
+        x("div", re, [
+          x("div", {
             class: b(["min-w-0", S.value])
           }, [
-            e.label || e.sub || d.sub ? (a(), s("div", {
+            e.label || e.sub || c.sub ? (l(), r("div", {
               key: 0,
-              class: b([e.labelHidden && !e.sub && !d.sub ? "contents" : u.value === "setting" ? "min-w-min flex-1" : "min-w-0", e.labelAlign === "top" ? "self-start pt-1" : ""])
+              class: b([e.labelHidden && !e.sub && !c.sub ? "contents" : f.value === "setting" ? "min-w-min flex-1" : "min-w-0", e.labelAlign === "top" ? "self-start pt-1" : ""])
             }, [
-              g("div", {
-                class: b(d["label-trailing"] ? "flex items-center justify-between gap-3" : "")
+              x("div", {
+                class: b(c["label-trailing"] ? "flex items-center justify-between gap-3" : "")
               }, [
-                (a(), L(T(e.for ? "label" : "span"), {
+                (l(), L(T(e.for ? "label" : "span"), {
                   for: e.for,
-                  class: b(["break-words", [y.value, e.labelHidden ? "" : e.labelLines ? o[e.labelLines] : "block"]])
+                  class: b(["break-words", [p.value, e.labelHidden ? "" : e.labelLines ? a[e.labelLines] : "block"]])
                 }, {
-                  default: _(() => [
+                  default: w(() => [
                     h(v(e.label), 1),
-                    e.required ? (a(), s("span", se, " *")) : n("", !0)
+                    e.required ? (l(), r("span", se, " *")) : i("", !0)
                   ]),
                   _: 1
                 }, 8, ["for", "class"])),
-                f(p.$slots, "label-trailing")
+                d(y.$slots, "label-trailing")
               ], 2),
-              e.sub || d.sub ? (a(), s("small", {
+              e.sub || c.sub ? (l(), r("small", {
                 key: 0,
                 id: e.subId,
                 class: "mt-0.5 block text-footnote text-content-muted"
               }, [
-                f(p.$slots, "sub", {}, () => [
+                d(y.$slots, "sub", {}, () => [
                   h(v(e.sub), 1)
                 ])
-              ], 8, ne)) : n("", !0)
-            ], 2)) : n("", !0),
-            g("div", {
-              class: b(["flex min-w-0 items-center gap-2", u.value === "value" ? "justify-end text-right" : u.value === "setting" ? "flex-wrap justify-end text-right" : u.value === "entry" ? "compact:justify-end" : ""])
+              ], 8, ie)) : i("", !0)
+            ], 2)) : i("", !0),
+            x("div", {
+              class: b(["flex min-w-0 items-center gap-2", f.value === "value" ? "justify-end text-right" : f.value === "setting" ? "flex-wrap justify-end text-right" : f.value === "entry" ? "compact:justify-end" : ""])
             }, [
-              f(p.$slots, "default", {}, () => [
-                w.value ? (a(), s("span", ie, v(e.value), 1)) : n("", !0)
+              d(y.$slots, "default", {}, () => [
+                _.value ? (l(), r("span", ne, v(e.value), 1)) : i("", !0)
               ]),
-              f(p.$slots, "trailing"),
-              e.to ? (a(), L(t(I), {
+              d(y.$slots, "trailing"),
+              e.to ? (l(), L(t(I), {
                 key: 0,
                 name: "arrowRightSLine",
                 size: 18,
                 class: "shrink-0 text-content-disabled"
-              })) : n("", !0)
+              })) : i("", !0)
             ], 2)
           ], 2),
-          e.error ? (a(), s("p", {
+          e.error ? (l(), r("p", {
             key: 0,
             id: e.errorId,
             class: "mt-1 flex items-start gap-1.5 text-footnote text-content-destructive",
@@ -140,7 +140,7 @@ const ae = {
               class: "mt-px shrink-0"
             }),
             h(" " + v(e.error), 1)
-          ], 8, de)) : n("", !0)
+          ], 8, de)) : i("", !0)
         ])
       ]),
       _: 3
@@ -148,24 +148,32 @@ const ae = {
   }
 }), ce = ["title"], fe = {
   key: 0,
-  class: "mr-1"
+  class: "mr-1.5 inline-flex shrink-0 items-center align-middle",
+  "data-test": "field-prefix"
 }, ve = {
   key: 1,
-  class: "ml-1 text-content-muted"
+  class: "mr-1"
 }, me = {
+  key: 2,
+  class: "ml-1 text-content-muted"
+}, be = {
   key: 3,
   class: "block text-body text-content-disabled"
-}, be = {
+}, pe = {
   key: 0,
   class: "sr-only"
-}, ye = ["data-field-error"], pe = ["for"], ge = {
+}, ye = ["data-field-error"], ge = ["for"], xe = {
   key: 0,
   class: "text-content-destructive",
   "aria-hidden": "true"
-}, xe = {
+}, he = {
   key: 1,
   class: "flex min-w-0 items-center gap-2"
-}, he = { class: "min-w-0 flex-1" }, ke = ["id"], we = ["id"], Ee = /* @__PURE__ */ C({
+}, ke = { class: "min-w-0 flex-1" }, _e = {
+  key: 0,
+  class: "mr-1.5 inline-flex shrink-0 items-center align-middle",
+  "data-test": "field-prefix"
+}, we = ["id"], $e = ["id"], Ne = /* @__PURE__ */ C({
   __name: "Field",
   props: /* @__PURE__ */ M({
     label: {},
@@ -185,123 +193,131 @@ const ae = {
     rowLayout: {},
     rowLabelAlign: {}
   }, { ...W, value: void 0, prefix: void 0, suffix: void 0, valueStyle: void 0, rowLayout: "entry", rowLabelAlign: "center" }),
-  setup(i) {
-    const e = i, { t: d } = O(), c = F(), k = G(), m = R(), { editable: o, locked: u } = oe(e), S = K(), y = r(() => e.name ?? S), w = r(() => `${y.value}-hint`), p = r(() => `${y.value}-error`);
+  setup(u) {
+    const e = u, { t: c } = O(), n = F(), k = G(), m = R(), { editable: a, locked: f } = oe(e), S = K(), p = s(() => e.name ?? S), _ = s(() => `${p.value}-hint`), y = s(() => `${p.value}-error`);
     if (m?.registerField) {
-      const l = k["data-field-key"], N = m.registerField(typeof l == "string" ? l : void 0, r(() => e.disabled));
+      const o = k["data-field-key"], N = m.registerField(typeof o == "string" ? o : void 0, s(() => e.disabled));
       A(N);
     }
-    const x = r(() => {
-      const l = e.value;
-      return l == null ? !1 : typeof l == "string" ? l.length > 0 : typeof l == "number" ? !Number.isNaN(l) : !0;
-    }), E = r(() => typeof e.value == "boolean" ? e.value ? d("core.form.yes") : d("core.form.no") : e.value), D = r(() => !!m && !o.value && m.hideEmpty.value && !x.value && !c.readonly), q = r(() => [e.hint && o.value ? w.value : null, e.error ? p.value : null].filter(Boolean).join(" ") || void 0), $ = r(() => {
-      const l = o.value ? e.rowLayout : e.rowLayout === "stacked" ? "stacked" : "value";
-      return e.labelHidden && (l === "entry" || l === "value") ? "stacked" : l;
-    }), H = r(
-      () => o.value && !u.value && e.required ? { "data-field-required": "true", "data-field-filled": x.value ? "true" : void 0 } : {}
+    const g = s(() => {
+      const o = e.value;
+      return o == null ? !1 : typeof o == "string" ? o.length > 0 : typeof o == "number" ? !Number.isNaN(o) : !0;
+    }), E = s(() => typeof e.value == "boolean" ? e.value ? c("core.form.yes") : c("core.form.no") : e.value), D = s(() => !!m && !a.value && m.hideEmpty.value && !g.value && !n.readonly), q = s(() => [e.hint && a.value ? _.value : null, e.error ? y.value : null].filter(Boolean).join(" ") || void 0), $ = s(() => {
+      const o = a.value ? e.rowLayout : e.rowLayout === "stacked" ? "stacked" : "value";
+      return e.labelHidden && (o === "entry" || o === "value") ? "stacked" : o;
+    }), H = s(
+      () => a.value && !f.value && e.required ? { "data-field-required": "true", "data-field-filled": g.value ? "true" : void 0 } : {}
     );
-    return (l, N) => t(m) && !D.value ? (a(), L(ue, j({ key: 0 }, H.value, {
+    return (o, N) => t(m) && !D.value ? (l(), L(ue, j({ key: 0 }, H.value, {
       label: e.label,
       "label-hidden": e.labelHidden,
-      for: t(o) ? y.value : void 0,
-      sub: t(o) ? e.hint : void 0,
-      "sub-id": w.value,
-      required: t(o) && !t(u) && e.required,
+      for: t(a) ? p.value : void 0,
+      sub: t(a) ? e.hint : void 0,
+      "sub-id": _.value,
+      required: t(a) && !t(f) && e.required,
       layout: $.value,
       "label-align": $.value === "entry" ? e.rowLabelAlign : void 0,
-      error: t(o) ? e.error : void 0,
-      "error-id": p.value,
-      "data-field-locked": t(u) ? "true" : void 0
+      error: t(a) ? e.error : void 0,
+      "error-id": y.value,
+      "data-field-locked": t(f) ? "true" : void 0
     }), P({
-      default: _(() => [
-        g("div", {
+      default: w(() => [
+        x("div", {
           class: "relative w-full min-w-0",
-          title: t(u) ? e.lockedReason : void 0
+          title: t(f) ? e.lockedReason : void 0
         }, [
-          g("div", {
-            class: b(t(o) ? $.value === "setting" ? "flex min-w-0 flex-col items-end" : $.value === "stacked" ? "flex min-w-0 flex-col items-stretch" : "flex min-w-0 flex-col items-start compact:items-end" : "")
+          x("div", {
+            class: b(t(a) ? $.value === "setting" ? "flex min-w-0 flex-col items-end" : $.value === "stacked" ? "flex min-w-0 flex-col items-stretch" : "flex min-w-0 flex-col items-start compact:items-end" : "")
           }, [
-            t(o) ? f(l.$slots, "default", {
-              id: y.value,
+            t(a) ? d(o.$slots, "default", {
+              id: p.value,
               describedby: q.value,
               invalid: !!e.error,
               required: e.required,
               disabled: e.disabled
-            }, void 0, void 0, 0) : t(c).readonly ? f(l.$slots, "readonly", {}, void 0, void 0, 1) : x.value ? (a(), s("span", {
+            }, void 0, void 0, 0) : t(n).readonly ? d(o.$slots, "readonly", {}, void 0, void 0, 1) : g.value ? (l(), r("span", {
               key: 2,
               class: b(["block break-words text-body text-content-strong", e.valueStyle === "mono" ? "font-mono" : e.valueStyle === "numeric" ? "tabular-nums" : ""])
             }, [
-              e.prefix ? (a(), s("span", fe, v(e.prefix), 1)) : n("", !0),
+              t(n).prefix ? (l(), r("span", fe, [
+                d(o.$slots, "prefix")
+              ])) : i("", !0),
+              e.prefix ? (l(), r("span", ve, v(e.prefix), 1)) : i("", !0),
               h(v(E.value), 1),
-              e.suffix ? (a(), s("span", ve, v(e.suffix), 1)) : n("", !0)
-            ], 2)) : (a(), s("span", me, v(t(d)("core.state.no_value")), 1))
+              e.suffix ? (l(), r("span", me, v(e.suffix), 1)) : i("", !0)
+            ], 2)) : (l(), r("span", be, v(t(c)("core.state.no_value")), 1))
           ], 2)
         ], 8, ce),
-        t(u) && e.lockedReason ? (a(), s("span", be, v(e.lockedReason), 1)) : n("", !0)
+        t(f) && e.lockedReason ? (l(), r("span", pe, v(e.lockedReason), 1)) : i("", !0)
       ]),
       _: 2
     }, [
-      t(o) && t(c).trailing ? {
+      t(a) && t(n).trailing ? {
         name: "trailing",
-        fn: _(() => [
-          f(l.$slots, "trailing")
+        fn: w(() => [
+          d(o.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
-      t(o) && t(c).labelTrailing ? {
+      t(a) && t(n).labelTrailing ? {
         name: "label-trailing",
-        fn: _(() => [
-          f(l.$slots, "labelTrailing")
+        fn: w(() => [
+          d(o.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0
-    ]), 1040, ["label", "label-hidden", "for", "sub", "sub-id", "required", "layout", "label-align", "error", "error-id", "data-field-locked"])) : t(m) ? n("", !0) : (a(), s("div", j({ key: 1 }, H.value, {
+    ]), 1040, ["label", "label-hidden", "for", "sub", "sub-id", "required", "layout", "label-align", "error", "error-id", "data-field-locked"])) : t(m) ? i("", !0) : (l(), r("div", j({ key: 1 }, H.value, {
       "data-field-error": e.error ? "true" : void 0,
       class: "flex min-w-0 flex-col gap-1"
     }), [
-      e.label || t(o) && t(c).labelTrailing ? (a(), s("div", {
+      e.label || t(a) && t(n).labelTrailing ? (l(), r("div", {
         key: 0,
-        class: b(e.labelHidden && !(t(o) && t(c).labelTrailing) ? "contents" : "flex items-center justify-between gap-3")
+        class: b(e.labelHidden && !(t(a) && t(n).labelTrailing) ? "contents" : "flex items-center justify-between gap-3")
       }, [
-        e.label ? (a(), s("label", {
+        e.label ? (l(), r("label", {
           key: 0,
-          for: t(o) ? y.value : void 0,
+          for: t(a) ? p.value : void 0,
           class: b(e.labelHidden ? "sr-only" : "text-footnote font-medium text-content-muted")
         }, [
           h(v(e.label), 1),
-          t(o) && e.required ? (a(), s("span", ge, " *")) : n("", !0)
-        ], 10, pe)) : n("", !0),
-        t(o) ? f(l.$slots, "labelTrailing", {}, void 0, void 0, 1) : n("", !0)
-      ], 2)) : n("", !0),
-      t(o) && t(c).trailing ? (a(), s("div", xe, [
-        g("div", he, [
-          f(l.$slots, "default", {
-            id: y.value,
+          t(a) && e.required ? (l(), r("span", xe, " *")) : i("", !0)
+        ], 10, ge)) : i("", !0),
+        t(a) ? d(o.$slots, "labelTrailing", {}, void 0, void 0, 1) : i("", !0)
+      ], 2)) : i("", !0),
+      t(a) && t(n).trailing ? (l(), r("div", he, [
+        x("div", ke, [
+          d(o.$slots, "default", {
+            id: p.value,
             describedby: q.value,
             invalid: !!e.error,
             required: e.required,
             disabled: e.disabled
           })
         ]),
-        f(l.$slots, "trailing")
-      ])) : t(o) ? f(l.$slots, "default", {
-        id: y.value,
+        d(o.$slots, "trailing")
+      ])) : t(a) ? d(o.$slots, "default", {
+        id: p.value,
         describedby: q.value,
         invalid: !!e.error,
         required: e.required,
         disabled: e.disabled
-      }, void 0, void 0, 2) : t(c).readonly ? f(l.$slots, "readonly", {}, void 0, void 0, 3) : (a(), s("span", {
+      }, void 0, void 0, 2) : t(n).readonly ? d(o.$slots, "readonly", {}, void 0, void 0, 3) : (l(), r("span", {
         key: 4,
-        class: b(["text-body", x.value ? "text-content-strong" : "text-content-disabled"])
-      }, v(x.value ? `${e.prefix ?? ""}${E.value}${e.suffix ?? ""}` : t(d)("core.state.no_value")), 3)),
-      e.hint && t(o) ? (a(), s("p", {
+        class: b(["text-body", g.value ? "text-content-strong" : "text-content-disabled"])
+      }, [
+        g.value && t(n).prefix ? (l(), r("span", _e, [
+          d(o.$slots, "prefix")
+        ])) : i("", !0),
+        h(v(g.value ? `${e.prefix ?? ""}${E.value}${e.suffix ?? ""}` : t(c)("core.state.no_value")), 1)
+      ], 2)),
+      e.hint && t(a) ? (l(), r("p", {
         key: 5,
-        id: w.value,
+        id: _.value,
         class: "text-footnote text-content-muted"
-      }, v(e.hint), 9, ke)) : n("", !0),
-      e.error ? (a(), s("p", {
+      }, v(e.hint), 9, we)) : i("", !0),
+      e.error ? (l(), r("p", {
         key: 6,
-        id: p.value,
+        id: y.value,
         role: "alert",
         class: "flex items-start gap-1.5 text-footnote text-content-destructive"
       }, [
@@ -311,22 +327,22 @@ const ae = {
           class: "mt-px shrink-0"
         }),
         h(" " + v(e.error), 1)
-      ], 8, we)) : n("", !0)
+      ], 8, $e)) : i("", !0)
     ], 16, ye));
   }
-}), _e = "rounded-control transition-[background-color,box-shadow,opacity] duration-motion-fast ease-motion-standard";
-function He(i, e) {
-  const d = !!R();
-  return r(() => d ? Y({ kind: i, state: e() }) : [_e, ...J(i, e()).map(([c]) => c)].join(" "));
+}), Le = "rounded-control transition-[background-color,box-shadow,opacity] duration-motion-fast ease-motion-standard";
+function Te(u, e) {
+  const c = !!R();
+  return s(() => c ? Y({ kind: u, state: e() }) : [Le, ...J(u, e()).map(([n]) => n)].join(" "));
 }
 export {
-  Ee as _,
+  Ne as _,
   R as a,
   W as b,
-  He as c,
+  Te as c,
   ee as d,
   ue as e,
-  Re as f,
+  He as f,
   X as g,
   Z as h,
   te as i,

package/dist/controls/index.js

@@ -1,7 +1,7 @@
 import { _ as A } from "../IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { defineComponent as p, useSlots as c, openBlock as r, createElementBlock as d, normalizeClass as u, createElementVNode as f, renderSlot as m, toDisplayString as b, createVNode as x, unref as h, useModel as v, useTemplateRef as _, withDirectives as y, mergeProps as g, vModelText as k, mergeModels as w } from "vue";
 import { _ as B } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { _ as N } from "../DateButton.vue_vue_type_script_setup_true_lang-EcqrfWKz.js";
+import { _ as N } from "../DateButton.vue_vue_type_script_setup_true_lang-CovKG5lN.js";
 import { _ as W } from "../Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js";
 import { _ as L } from "../SwipeActions.vue_vue_type_script_setup_true_lang-BJIA2JfI.js";
 import { c as j, a as F, b as G, d as H } from "../controlSurface-t7OEFESJ.js";

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

@@ -1,11 +1,13 @@
 import { type ControlWidth } from "../controls";
 import { type FieldProps, type FieldSlots } from "./field";
-import type { OptionSlotScope, SelectOption } from "./options";
+import type { OptionSlotScope, SelectOption, ValueSlotScope } from "./options";
 declare const _default: <Value extends string | number, Meta = undefined>(__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 onBlur?: ((event: FocusEvent) => any) | undefined;
+        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((value: Value | null) => any) | undefined;
         readonly onPicked?: ((option: SelectOption<Value, Meta>) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onPicked"> & (FieldProps & {
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onBlur" | "onFocus" | "onUpdate:modelValue" | "onPicked"> & (FieldProps & {
         /** A fixed list, filtered locally. */
         options?: readonly SelectOption<Value, Meta>[];
         /** Searches the server; the answer for the text typed. */
@@ -24,6 +26,8 @@ declare const _default: <Value extends string | number, Meta = undefined>(__VLS_
         /** The id the last picks are kept under; setting it turns "Recent" on. */
         recents?: string;
         width?: Exclude<ControlWidth, "content">;
+        /** `setting` puts the control at the end of the row; `stacked` stretches it under the label (a picker in a narrow column). Without it the row is label column and control. */
+        rowLayout?: "setting" | "stacked";
     } & {
         modelValue?: Value | null;
     }) & Partial<{}>> & import("vue").PublicProps;
@@ -34,8 +38,10 @@ declare const _default: <Value extends string | number, Meta = undefined>(__VLS_
     slots: FieldSlots & {
         /** Replaces what an option row says (an icon, a badge); the row, its keys and roles stay. */
         option?: (scope: OptionSlotScope<Value, Meta>) => unknown;
+        /** The chosen value's content: in the control it stands before the text (a swatch before the name), in read mode it replaces the text. Only rendered while an option is chosen. */
+        value?: (scope: ValueSlotScope<Value, Meta>) => unknown;
     };
-    emit: ((evt: "picked", option: SelectOption<Value, Meta>) => void) & ((evt: "update:modelValue", value: Value | null) => void);
+    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "picked", option: SelectOption<Value, Meta>) => void)) & ((evt: "update:modelValue", value: Value | null) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -29,8 +29,12 @@ type __VLS_PublicProps = __VLS_Props & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
     focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
     "update:modelValue": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
     disabled: boolean;

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

@@ -29,8 +29,12 @@ type __VLS_PublicProps = __VLS_Props & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
     focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
     "update:modelValue": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
     disabled: boolean;

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

@@ -40,6 +40,8 @@ type __VLS_Slots = {
     trailing?: () => unknown;
     /** At the end of the label's line while editing (the language tabs of `I18nField`). */
     labelTrailing?: () => unknown;
+    /** An icon or image before the read-mode value (a flag); a field that has the slot draws the same one before its control. Not shown while the value is empty. */
+    prefix?: () => unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;