@wssto2/vue-core 0.4.17 → 0.4.18

package/dist/{TextField.vue_vue_type_script_setup_true_lang-D3-R5XXG.js → TextField.vue_vue_type_script_setup_true_lang-CWgn-vGl.js}

@@ -1,10 +1,10 @@
-import { defineComponent as O, useTemplateRef as z, computed as y, watch as ee, nextTick as te, openBlock as n, createElementBlock as i, withModifiers as oe, normalizeStyle as se, unref as s, createElementVNode as m, toDisplayString as r, createCommentVNode as u, Fragment as E, renderList as ne, normalizeClass as B, createBlock as A, createTextVNode as F, useModel as ae, ref as ie, mergeProps as le, createSlots as re, withCtx as q, withDirectives as ce, vModelDynamic as de, renderSlot as P, mergeModels as K, mergeDefaults as ue } from "vue";
+import { defineComponent as O, useTemplateRef as z, computed as v, watch as ee, nextTick as te, openBlock as a, createElementBlock as l, withModifiers as oe, normalizeStyle as se, unref as s, createElementVNode as f, toDisplayString as r, createCommentVNode as p, Fragment as F, renderList as ne, normalizeClass as B, createBlock as A, renderSlot as L, createTextVNode as P, useModel as ae, ref as ie, mergeProps as le, createSlots as re, withCtx as q, withDirectives as ce, vModelDynamic as de, mergeModels as K, mergeDefaults as ue } from "vue";
 import { useI18n as G } from "vue-i18n";
 import { b as pe } from "./controlSurface-t7OEFESJ.js";
 import { a as me, c as fe, _ as he, f as ve, b as ge } from "./control-B_Nwtmag.js";
 import { _ as ye } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { u as xe } from "./anchored-Cj4--8dT.js";
-import { l as U, m as be, u as ke, c as _e } from "./suggestions-BxMm6MQA.js";
+import { l as U, m as be, u as ke, c as _e } from "./suggestions-DHJFKB26.js";
 const we = ["id", "aria-busy"], $e = { class: "min-h-0 flex-1 overflow-y-auto p-1.5" }, Me = {
   key: 0,
   class: "px-2.5 pb-1 pt-1.5 text-caption font-semibold uppercase text-content-disabled",
@@ -42,67 +42,74 @@ const we = ["id", "aria-busy"], $e = { class: "min-h-0 flex-1 overflow-y-auto p-
     status: {},
     recent: { type: Boolean },
     emptyMessage: { type: Boolean },
-    hint: {}
+    hint: { default: void 0 },
+    selected: { default: null }
   },
   emits: ["pick", "hover"],
-  setup(w, { emit: L }) {
-    const o = w, t = L, { t: c } = G(), b = z("panel"), k = y(() => U(o.open, o.items.length, o.status, o.emptyMessage)), _ = y(() => o.status === "loading"), f = (h) => be(h.label, o.query), { style: S } = xe(b, {
+  setup(_, { emit: S }) {
+    const o = _, t = S, { t: c } = G(), x = z("panel"), b = v(() => U(o.open, o.items.length, o.status, o.emptyMessage)), k = v(() => o.status === "loading"), w = (u) => u, g = (u) => be(u.label, o.query), { style: C } = xe(x, {
       reference: () => o.anchor,
       placement: () => "bottom-start",
       offset: 4,
       padding: 8,
-      fit: (h, v) => {
-        h.style.width = `${o.anchor?.offsetWidth ?? 0}px`, h.style.maxHeight = `${Math.max(120, Math.min(320, v.height))}px`;
+      fit: (u, h) => {
+        u.style.width = `${o.anchor?.offsetWidth ?? 0}px`, u.style.maxHeight = `${Math.max(120, Math.min(320, h.height))}px`;
       }
     });
-    return ee(() => o.highlighted, () => void te(() => b.value?.querySelector("[aria-selected='true']")?.scrollIntoView?.({ block: "nearest" }))), (h, v) => k.value ? (n(), i("div", {
+    return ee(() => o.highlighted, () => void te(() => x.value?.querySelector("[aria-selected='true']")?.scrollIntoView?.({ block: "nearest" }))), (u, h) => b.value ? (a(), l("div", {
       key: 0,
       id: `${o.id}-list`,
       ref_key: "panel",
-      ref: b,
+      ref: x,
       role: "listbox",
-      "aria-busy": _.value || void 0,
-      style: se(s(S)),
+      "aria-busy": k.value || void 0,
+      style: se(s(C)),
       "data-test": "suggestion-list",
       class: "z-1000 flex flex-col overflow-hidden rounded-menu bg-surface-overlay shadow-float",
-      onMousedown: v[0] || (v[0] = oe(() => {
+      onMousedown: h[0] || (h[0] = oe(() => {
       }, ["prevent"]))
     }, [
-      m("div", $e, [
-        o.recent ? (n(), i("p", Me, r(s(c)("core.form.suggestions.recent")), 1)) : u("", !0),
-        o.items.length > 0 ? (n(!0), i(E, { key: 1 }, ne(o.items, (a, g) => (n(), i("div", {
-          id: `${o.id}-option-${g}`,
-          key: String(a.value),
+      f("div", $e, [
+        o.recent ? (a(), l("p", Me, r(s(c)("core.form.suggestions.recent")), 1)) : p("", !0),
+        o.items.length > 0 ? (a(!0), l(F, { key: 1 }, ne(o.items, (i, n) => (a(), l("div", {
+          id: `${o.id}-option-${n}`,
+          key: String(i.value),
           role: "option",
-          "aria-selected": g === o.highlighted,
-          "aria-disabled": a.disabled || void 0,
+          "aria-selected": n === o.highlighted,
+          "aria-disabled": i.disabled || void 0,
           "data-test": "suggestion-option",
-          class: B(["flex cursor-pointer items-center gap-2.5 rounded-control px-2.5 py-2", [g === o.highlighted ? "bg-tint-soft" : "hover:bg-fill", a.disabled ? "cursor-not-allowed opacity-45" : "", _.value ? "opacity-60" : ""]]),
-          onMouseenter: (l) => t("hover", g),
-          onClick: (l) => !a.disabled && t("pick", a)
+          class: B(["flex cursor-pointer items-center gap-2.5 rounded-control px-2.5 py-2", [n === o.highlighted ? "bg-tint-soft" : "hover:bg-fill", i.disabled ? "cursor-not-allowed opacity-45" : "", k.value ? "opacity-60" : ""]]),
+          onMouseenter: (d) => t("hover", n),
+          onClick: (d) => !i.disabled && t("pick", i)
         }, [
-          o.recent ? (n(), A(s(ye), {
+          o.recent ? (a(), A(s(ye), {
             key: 0,
             name: "history",
             size: 16,
             class: "shrink-0 text-content-disabled"
-          })) : u("", !0),
-          m("span", Be, [
-            m("span", Le, [
-              o.recent ? (n(), i(E, { key: 0 }, [
-                F(r(a.label), 1)
-              ], 64)) : (n(), i(E, { key: 1 }, [
-                F(r(f(a).before), 1),
-                f(a).match ? (n(), i("strong", Se, r(f(a).match), 1)) : u("", !0),
-                F(r(f(a).after), 1)
-              ], 64))
-            ]),
-            a.description ? (n(), i("span", Ce, r(a.description), 1)) : u("", !0)
+          })) : p("", !0),
+          L(u.$slots, "option", {
+            option: w(i),
+            active: n === o.highlighted,
+            selected: o.selected === i.value
+          }, () => [
+            f("span", Be, [
+              f("span", Le, [
+                o.recent ? (a(), l(F, { key: 0 }, [
+                  P(r(i.label), 1)
+                ], 64)) : (a(), l(F, { key: 1 }, [
+                  P(r(g(i).before), 1),
+                  g(i).match ? (a(), l("strong", Se, r(g(i).match), 1)) : p("", !0),
+                  P(r(g(i).after), 1)
+                ], 64))
+              ]),
+              i.description ? (a(), l("span", Ce, r(i.description), 1)) : p("", !0)
+            ])
           ])
-        ], 42, qe))), 128)) : o.status === "loading" ? (n(), i("p", De, r(s(c)("core.form.select.loading")), 1)) : o.status === "failed" ? (n(), i("p", Ve, r(s(c)("core.form.select.failed")), 1)) : (n(), i("p", Te, r(s(c)("core.form.select.no_matches")), 1))
+        ], 42, qe))), 128)) : o.status === "loading" ? (a(), l("p", De, r(s(c)("core.form.select.loading")), 1)) : o.status === "failed" ? (a(), l("p", Ve, r(s(c)("core.form.select.failed")), 1)) : (a(), l("p", Te, r(s(c)("core.form.select.no_matches")), 1))
       ]),
-      o.hint && o.items.length > 0 ? (n(), i("p", Ee, r(o.hint), 1)) : u("", !0)
-    ], 44, we)) : u("", !0);
+      o.hint && o.items.length > 0 ? (a(), l("p", Ee, r(o.hint), 1)) : p("", !0)
+    ], 44, we)) : p("", !0);
   }
 }), Pe = {
   key: 0,
@@ -156,130 +163,130 @@ const we = ["id", "aria-busy"], $e = { class: "min-h-0 flex-1 overflow-y-auto p-
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ K(["picked"], ["update:modelValue"]),
-  setup(w, { expose: L, emit: o }) {
-    const t = w, c = ae(w, "modelValue"), b = o, k = z("input"), _ = z("anchor"), f = !!me(), S = fe("text", () => t.error ? "error" : t.disabled ? "locked" : "rest"), h = y(() => f ? pe(t.width) : "w-full"), { t: v } = G(), a = (e) => typeof e == "string" ? { value: e, label: e } : { value: e.text, label: e.text, ...e.detail !== void 0 ? { description: e.detail } : {} }, g = y(() => {
+  setup(_, { expose: S, emit: o }) {
+    const t = _, c = ae(_, "modelValue"), x = o, b = z("input"), k = z("anchor"), w = !!me(), g = fe("text", () => t.error ? "error" : t.disabled ? "locked" : "rest"), C = v(() => w ? pe(t.width) : "w-full"), { t: u } = G(), h = (e) => typeof e == "string" ? { value: e, label: e } : { value: e.text, label: e.text, ...e.detail !== void 0 ? { description: e.detail } : {} }, i = v(() => {
       const e = t.suggestions;
       if (e)
-        return typeof e == "function" ? async (p, x) => (await e(p, x)).map(a) : e.map(a);
-    }), l = y(() => g.value !== void 0), d = ke({
-      source: () => g.value,
+        return typeof e == "function" ? async (m, y) => (await e(m, y)).map(h) : e.map(h);
+    }), n = v(() => i.value !== void 0), d = ke({
+      source: () => i.value,
       minLength: () => t.suggestionsMinLength,
       debounce: () => t.suggestionsDebounce,
       limit: () => t.suggestionsLimit,
       listAllWhenEmpty: !1,
       recents: () => t.recents
-    }), { items: C, open: D, status: N, highlighted: R, showingRecent: W } = d, H = ie(!0), V = () => {
-      const e = k.value;
+    }), { items: D, open: V, status: N, highlighted: R, showingRecent: W } = d, H = ie(!0), T = () => {
+      const e = b.value;
       H.value = !e || e.selectionStart === e.value.length && e.selectionEnd === e.value.length;
-    }, $ = y(() => l.value && D.value && !W.value && H.value && d.current.value ? _e(c.value, d.current.value.label) : ""), I = y(() => U(D.value, C.value.length, N.value, !1));
+    }, $ = v(() => n.value && V.value && !W.value && H.value && d.current.value ? _e(c.value, d.current.value.label) : ""), I = v(() => U(V.value, D.value.length, N.value, !1));
     function j(e) {
-      V(), l.value && d.ask(e.target.value);
+      T(), n.value && d.ask(e.target.value);
     }
-    function T(e) {
-      c.value = e.value, d.remember(e), d.close(), b("picked", { text: e.value, ...e.description !== void 0 ? { detail: e.description } : {} });
+    function E(e) {
+      c.value = e.value, d.remember(e), d.close(), x("picked", { text: e.value, ...e.description !== void 0 ? { detail: e.description } : {} });
     }
     function J() {
-      l.value && c.value === "" && d.show("");
+      n.value && c.value === "" && d.show("");
     }
     function Q() {
       const e = d.current.value;
-      return !$.value || !e ? !1 : (T(e), !0);
+      return !$.value || !e ? !1 : (E(e), !0);
     }
     const X = (e) => {
-      l.value && d.keydown(e, { pick: T, enterNeedsMove: !0, complete: Q });
+      n.value && d.keydown(e, { pick: E, enterNeedsMove: !0, complete: Q });
     };
-    return L({ focus: () => k.value?.focus() }), (e, p) => (n(), A(he, le(s(ve)(t), {
+    return S({ focus: () => b.value?.focus() }), (e, m) => (a(), A(he, le(s(ve)(t), {
       value: c.value,
       prefix: t.prefix,
       suffix: t.suffix,
       "value-style": t.mono ? "mono" : void 0
     }), re({
-      default: q(({ id: x, describedby: Y, invalid: Z }) => [
-        m("div", {
+      default: q(({ id: y, describedby: Y, invalid: Z }) => [
+        f("div", {
           ref_key: "anchor",
-          ref: _,
-          class: B(["flex items-center gap-1.5", [s(S), h.value]])
+          ref: k,
+          class: B(["flex items-center gap-1.5", [s(g), C.value]])
         }, [
-          t.prefix ? (n(), i("span", Pe, r(t.prefix), 1)) : u("", !0),
-          m("div", ze, [
-            ce(m("input", {
-              id: x,
+          t.prefix ? (a(), l("span", Pe, r(t.prefix), 1)) : p("", !0),
+          f("div", ze, [
+            ce(f("input", {
+              id: y,
               ref_key: "input",
-              ref: k,
-              "onUpdate:modelValue": p[0] || (p[0] = (M) => c.value = M),
+              ref: b,
+              "onUpdate:modelValue": m[0] || (m[0] = (M) => c.value = M),
               type: t.type,
               name: t.name,
               placeholder: t.placeholder,
               maxlength: t.maxLength,
-              autocomplete: l.value ? "off" : t.autocomplete,
+              autocomplete: n.value ? "off" : t.autocomplete,
               disabled: t.disabled,
               required: t.required,
               "aria-required": t.required || void 0,
               "aria-invalid": Z || void 0,
               "aria-describedby": Y,
-              role: l.value ? "combobox" : void 0,
-              "aria-autocomplete": l.value ? "both" : void 0,
-              "aria-expanded": l.value ? I.value : void 0,
-              "aria-controls": l.value ? `${x}-list` : void 0,
-              "aria-activedescendant": l.value && I.value && s(C).length > 0 ? `${x}-option-${s(R)}` : void 0,
-              class: B(["block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed", [t.mono ? "font-mono" : "", f && !l.value ? "compact:text-right" : ""]]),
+              role: n.value ? "combobox" : void 0,
+              "aria-autocomplete": n.value ? "both" : void 0,
+              "aria-expanded": n.value ? I.value : void 0,
+              "aria-controls": n.value ? `${y}-list` : void 0,
+              "aria-activedescendant": n.value && I.value && s(D).length > 0 ? `${y}-option-${s(R)}` : void 0,
+              class: B(["block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed", [t.mono ? "font-mono" : "", w && !n.value ? "compact:text-right" : ""]]),
               onInput: j,
-              onKeyup: V,
-              onClick: V,
+              onKeyup: T,
+              onClick: T,
               onKeydown: X,
               onFocus: J,
-              onBlur: p[1] || (p[1] = (M) => s(d).close())
+              onBlur: m[1] || (m[1] = (M) => s(d).close())
             }, null, 42, Ae), [
               [de, c.value]
             ]),
-            $.value ? (n(), i("span", {
+            $.value ? (a(), l("span", {
               key: 0,
               "aria-hidden": "true",
               class: B(["pointer-events-none absolute inset-0 flex items-center overflow-hidden whitespace-pre py-1 text-body", t.mono ? "font-mono" : ""]),
               "data-test": "completion"
             }, [
-              m("span", Ne, r(c.value), 1),
-              m("span", Re, r($.value), 1)
-            ], 2)) : u("", !0)
+              f("span", Ne, r(c.value), 1),
+              f("span", Re, r($.value), 1)
+            ], 2)) : p("", !0)
           ]),
-          t.suffix ? (n(), i("span", We, r(t.suffix), 1)) : u("", !0)
+          t.suffix ? (a(), l("span", We, r(t.suffix), 1)) : p("", !0)
         ], 2),
-        l.value ? (n(), A(Fe, {
+        n.value ? (a(), A(Fe, {
           key: 0,
-          id: x,
-          anchor: _.value,
-          open: s(D),
-          items: s(C),
+          id: y,
+          anchor: k.value,
+          open: s(V),
+          items: s(D),
           highlighted: s(R),
           query: c.value,
           status: s(N),
           recent: s(W),
           "empty-message": !1,
-          hint: $.value ? s(v)("core.form.suggestions.keys_complete") : s(v)("core.form.suggestions.keys_pick"),
-          onPick: T,
-          onHover: p[2] || (p[2] = (M) => s(d).highlight(M))
-        }, null, 8, ["id", "anchor", "open", "items", "highlighted", "query", "status", "recent", "hint"])) : u("", !0)
+          hint: $.value ? s(u)("core.form.suggestions.keys_complete") : s(u)("core.form.suggestions.keys_pick"),
+          onPick: E,
+          onHover: m[2] || (m[2] = (M) => s(d).highlight(M))
+        }, null, 8, ["id", "anchor", "open", "items", "highlighted", "query", "status", "recent", "hint"])) : p("", !0)
       ]),
       _: 2
     }, [
       e.$slots.trailing ? {
         name: "trailing",
         fn: q(() => [
-          P(e.$slots, "trailing")
+          L(e.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       e.$slots.labelTrailing ? {
         name: "labelTrailing",
         fn: q(() => [
-          P(e.$slots, "labelTrailing")
+          L(e.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
       e.$slots.readonly ? {
         name: "readonly",
         fn: q(() => [
-          P(e.$slots, "readonly")
+          L(e.$slots, "readonly")
         ]),
         key: "2"
       } : void 0

package/dist/{TimeField.vue_vue_type_script_setup_true_lang-DrLtIexs.js → TimeField.vue_vue_type_script_setup_true_lang-BebAIPeL.js}

@@ -4,7 +4,7 @@ import { _ as Z } from "./DateButton.vue_vue_type_script_setup_true_lang-EcqrfWK
 import { u as ee } from "./format-D8X4zsx6.js";
 import { _ as te } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { u as oe } from "./mediaQuery-CygcXmFW.js";
-import { _ as le } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
+import { _ as le } from "./Popover.vue_vue_type_script_setup_true_lang-BTOzgIQF.js";
 import { c as ae, _ as re, f as se, b as ie } from "./control-B_Nwtmag.js";
 import { d as ne, r as ue, t as F, p as me, u as de, a as ce, i as L, _ as pe, b as fe, c as ve } from "./useTypedEntry-C7k7Dyl-.js";
 function be(i) {

package/dist/{UserRecord-4L0FrCty.js → UserRecord-CqmPm4Fv.js}

@@ -3,7 +3,7 @@ import { useI18n as A } from "vue-i18n";
 import { a as F } from "./neighbors-DVN_cADL.js";
 import { _ as H } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
 import { u as J } from "./describeError-B-NMa--w.js";
-import { i as w, P as Q, p as W, f as X, M as Y, g as Z, d as ee } from "./index-JjALCpwi.js";
+import { i as w, P as Q, p as W, f as X, M as Y, g as Z, d as ee } from "./index-sYamgVg7.js";
 import { _ as se } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as k } from "./toast-CqSDTWRX.js";
 import { _ as ae } from "./SectionNavigator.vue_vue_type_script_setup_true_lang-CW81A_bn.js";
@@ -18,8 +18,8 @@ import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-BokxZ7LU
 import { e as B } from "./control-B_Nwtmag.js";
 import { u as z, _ as K } from "./useCommand-YN9EMb7s.js";
 import { u as U } from "./fieldMessages-6HVzSDqG.js";
-import { u as ce, s as le } from "./status-Cz54-7z7.js";
-import { _ as M } from "./TextField.vue_vue_type_script_setup_true_lang-D3-R5XXG.js";
+import { u as ce, s as le } from "./status-B_IMA25a.js";
+import { _ as M } from "./TextField.vue_vue_type_script_setup_true_lang-CWgn-vGl.js";
 const ue = /* @__PURE__ */ R({
   __name: "DeactivateDialog",
   props: {

package/dist/{UsersList-ww_-FoAq.js → UsersList-CHAray61.js}

@@ -1,18 +1,18 @@
 import { defineComponent as U, openBlock as p, createBlock as C, unref as e, withCtx as c, createVNode as r, mergeProps as i, useTemplateRef as V, computed as q, createTextVNode as z, toDisplayString as $, createCommentVNode as A, createElementBlock as S, normalizeClass as N } from "vue";
 import { useI18n as B } from "vue-i18n";
 import { useRouter as M } from "vue-router";
-import { u as P, _ as D } from "./CollectionPage.vue_vue_type_script_setup_true_lang-CVnZzaBm.js";
+import { u as P, _ as D } from "./CollectionPage.vue_vue_type_script_setup_true_lang-CUoyYpaW.js";
 import { _ as I } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
 import { u as F } from "./format-D8X4zsx6.js";
 import { u as L } from "./platform-q3cjODLx.js";
 import { _ as G } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { i as K, f as E, M as W } from "./index-JjALCpwi.js";
-import { U as j, u as H, s as J } from "./status-Cz54-7z7.js";
+import { i as K, f as E, M as W } from "./index-sYamgVg7.js";
+import { U as j, u as H, s as J } from "./status-B_IMA25a.js";
 import { u as O } from "./environment-Dva-SG8D.js";
 import { u as Q } from "./languages-BShG9LpE.js";
 import { _ as X } from "./FormGroup.vue_vue_type_script_setup_true_lang-BokxZ7LU.js";
-import { _ as Y } from "./SelectField.vue_vue_type_script_setup_true_lang-C1Flb1hA.js";
-import { _ as d } from "./TextField.vue_vue_type_script_setup_true_lang-D3-R5XXG.js";
+import { _ as Y } from "./SelectField.vue_vue_type_script_setup_true_lang-DkbBJpYX.js";
+import { _ as d } from "./TextField.vue_vue_type_script_setup_true_lang-CWgn-vGl.js";
 import { u as Z, _ as ee } from "./useCommand-YN9EMb7s.js";
 import { t as se } from "./toast-CqSDTWRX.js";
 import { u as te } from "./fieldMessages-6HVzSDqG.js";

package/dist/access/index.js

@@ -1,4 +1,4 @@
-import { _ as a, i as c, j as o, c as r, b as n, k as i, l as u, p as l, m as p, n as t, u as d, f as m } from "../index-DW9gyWL1.js";
+import { _ as a, i as c, j as o, c as r, b as n, k as i, l as u, p as l, m as p, n as t, u as d, f as m } from "../index-wlRejl73.js";
 export {
   a as BindingRow,
   c as PersonAccess,

package/dist/collection/index.js

@@ -1,5 +1,5 @@
 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-CVnZzaBm.js";
+import { _ as H, a as J, u as K } from "../CollectionPage.vue_vue_type_script_setup_true_lang-CUoyYpaW.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";

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

@@ -1,19 +1,19 @@
 import { type ControlWidth } from "../controls";
 import { type FieldProps, type FieldSlots } from "./field";
-import type { SelectOption } from "./options";
-declare const _default: <Value extends string | number>(__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<{
+import type { OptionSlotScope, SelectOption } 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 "onUpdate:modelValue"?: ((value: Value | null) => any) | undefined;
-        readonly onPicked?: ((option: SelectOption<Value>) => any) | undefined;
+        readonly onPicked?: ((option: SelectOption<Value, Meta>) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onPicked"> & (FieldProps & {
         /** A fixed list, filtered locally. */
-        options?: readonly SelectOption<Value>[];
+        options?: readonly SelectOption<Value, Meta>[];
         /** Searches the server; the answer for the text typed. */
         search?: (query: string, context: {
             signal: AbortSignal;
-        }) => Promise<readonly SelectOption<Value>[]>;
+        }) => Promise<readonly SelectOption<Value, Meta>[]>;
         /** The option of the current value when the caller already has it (a saved record's customer). */
-        selected?: SelectOption<Value> | null;
+        selected?: SelectOption<Value, Meta> | null;
         placeholder?: string;
         /** The fewest characters before `search` is asked. */
         minLength?: number;
@@ -31,8 +31,11 @@ declare const _default: <Value extends string | number>(__VLS_props: NonNullable
         focus: () => void | undefined;
     }>): void;
     attrs: any;
-    slots: FieldSlots;
-    emit: ((evt: "picked", option: SelectOption<Value>) => void) & ((evt: "update:modelValue", value: Value | null) => void);
+    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;
+    };
+    emit: ((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/MultiSelectField.vue.d.ts

@@ -1,13 +1,13 @@
 import { type FieldProps, type FieldSlots } from "./field";
-import type { SelectOption } from "./options";
+import type { OptionSlotScope, SelectOption } from "./options";
 import { type OptionsSource } from "./useOptions";
-declare const _default: <Value extends string | number>(__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<{
+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 "onUpdate:modelValue"?: ((value: Value[]) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & (FieldProps & {
-        options: OptionsSource<Value>;
+        options: OptionsSource<Value, Meta>;
         /** The options of the current values when the caller already has them (a saved record's equipment): their labels show before the options arrive, or when they do not contain them. */
-        selected?: readonly SelectOption<Value>[];
+        selected?: readonly SelectOption<Value, Meta>[];
         placeholder?: string;
         searchFrom?: number;
     } & {
@@ -15,7 +15,10 @@ declare const _default: <Value extends string | number>(__VLS_props: NonNullable
     }) & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: FieldSlots;
+    slots: FieldSlots & {
+        /** Replaces what an option row says (an icon, a badge); the row, its check, keys and roles stay. */
+        option?: (scope: OptionSlotScope<Value, Meta>) => unknown;
+    };
     emit: (evt: "update:modelValue", value: Value[]) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

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

@@ -1,11 +1,11 @@
-import { type SelectOption } from "./options";
+import { type OptionSlotScope, type SelectOption } from "./options";
 import type { SuggestionStatus } from "./suggestions";
-declare const _default: <Value extends string | number>(__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<{
+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 onSelect?: ((value: Value | null) => any) | undefined;
         readonly onRetry?: (() => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onSelect" | "onRetry"> & {
-        options: readonly SelectOption<Value>[];
+        options: readonly SelectOption<Value, Meta>[];
         /** The chosen value, or the chosen values when `multiple`. */
         modelValue?: Value | null | readonly Value[];
         multiple?: boolean;
@@ -20,7 +20,10 @@ declare const _default: <Value extends string | number>(__VLS_props: NonNullable
     } & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {};
+    slots: {
+        /** Replaces what a row says (the dot, label and description): an icon, a badge. The row, its check, keys and roles stay. */
+        option?: (scope: OptionSlotScope<Value, Meta>) => unknown;
+    };
     emit: ((evt: "select", value: Value | null) => void) & ((evt: "retry") => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

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

@@ -1,13 +1,13 @@
 import { type FieldProps, type FieldSlots } from "./field";
-import type { SelectOption } from "./options";
-import { type OptionsSource } from "./useOptions";
-declare const _default: <Value extends string | number, Clearable 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<{
+import type { OptionSlotScope, SelectOption } from "./options";
+import { type AsyncOptions, type OptionsSource } from "./useOptions";
+declare const _default: <Value extends string | number, Clearable extends boolean = false, Meta = undefined, Source extends OptionsSource<Value, Meta> = OptionsSource<Value, Meta>>(__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: Clearable extends true ? Value | null : Value) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: Clearable extends true ? Value | null : Source extends AsyncOptions<Value, Meta> ? Value | null : Value) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & (FieldProps & {
-        options: OptionsSource<Value>;
+        options: Source & OptionsSource<Value, Meta>;
         /** The option of the current value when the caller already has it (a saved record's model): its label shows before the options arrive, or when they do not contain it. */
-        selected?: SelectOption<Value> | null;
+        selected?: SelectOption<Value, Meta> | null;
         placeholder?: string;
         clearable?: Clearable;
         modelValue?: Value | null;
@@ -16,8 +16,11 @@ declare const _default: <Value extends string | number, Clearable extends boolea
     }) & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: FieldSlots;
-    emit: (evt: "update:modelValue", value: Clearable extends true ? Value | null : Value) => void;
+    slots: FieldSlots & {
+        /** Replaces what an option row says (an icon, a badge); the row, its check, keys and roles stay. */
+        option?: (scope: OptionSlotScope<Value, Meta>) => unknown;
+    };
+    emit: (evt: "update:modelValue", value: Clearable extends true ? Value | null : Source extends AsyncOptions<Value, Meta> ? Value | null : Value) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,15 +1,15 @@
-import type { SelectOption } from "./options";
+import type { OptionSlotScope, SelectOption } from "./options";
 import { type SuggestionStatus } from "./suggestions";
-declare const _default: <Value extends string | number>(__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<{
+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 onPick?: ((option: SelectOption<Value>) => any) | undefined;
+        readonly onPick?: ((option: SelectOption<Value, Meta>) => any) | undefined;
         readonly onHover?: ((index: number) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onPick" | "onHover"> & {
         /** The input's id: the list and its rows are named from it (`aria-controls`, `aria-activedescendant`). */
         id: string;
         anchor: HTMLElement | null;
         open: boolean;
-        items: readonly SelectOption<Value>[];
+        items: readonly SelectOption<Value, Meta>[];
         highlighted: number;
         query: string;
         status: SuggestionStatus;
@@ -19,11 +19,16 @@ declare const _default: <Value extends string | number>(__VLS_props: NonNullable
         emptyMessage: boolean;
         /** The line of keys under the list (hidden on touch screens). */
         hint?: string;
+        /** The chosen value, for the `#option` slot's `selected`. */
+        selected?: Value | null;
     } & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {};
-    emit: ((evt: "pick", option: SelectOption<Value>) => void) & ((evt: "hover", index: number) => void);
+    slots: {
+        /** Replaces what a row says (label with the match marked, and detail). The row, its keys and roles stay. */
+        option?: (scope: OptionSlotScope<Value, Meta>) => unknown;
+    };
+    emit: ((evt: "pick", option: SelectOption<Value, Meta>) => void) & ((evt: "hover", index: number) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/form/index.d.ts

@@ -68,6 +68,8 @@ export type { SaveChromeOptions } from "./useSaveChrome";
 export { default as CommandDialog } from "./CommandDialog.vue";
 export { useCommand } from "./useCommand";
 export type { Command, CommandOptions } from "./useCommand";
+export { useRecordDialog } from "./useRecordDialog";
+export type { RecordDialog, RecordDialogOptions } from "./useRecordDialog";
 export { default as NumberCell } from "./NumberCell.vue";
 export { useStepForm } from "./steps";
 export type { StepDefinition, StepDialogBinding, StepDraftOptions, StepFlow, StepFormOptions, StepState } from "./steps";