@wssto2/vue-core 0.4.19 → 0.4.20

package/dist/TimeField.vue_vue_type_script_setup_true_lang-DBxKAWRo.js

@@ -0,0 +1,190 @@
+import { computed as m, defineComponent as G, useModel as J, useTemplateRef as b, openBlock as d, createBlock as F, mergeProps as T, unref as o, createSlots as O, withCtx as u, createElementBlock as _, Fragment as U, createVNode as c, createTextVNode as X, toDisplayString as Y, createCommentVNode as z, createElementVNode as h, normalizeClass as Z, renderSlot as x, mergeModels as L, mergeDefaults as ee, nextTick as M } from "vue";
+import { useI18n as R } from "vue-i18n";
+import { _ as te } from "./DateButton.vue_vue_type_script_setup_true_lang-CovKG5lN.js";
+import { u as oe } from "./format-D8X4zsx6.js";
+import { _ as le } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as ae } from "./mediaQuery-CygcXmFW.js";
+import { _ as re } from "./Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
+import { c as se, _ as ie, f as ne, b as ue } from "./control-B4SdblL6.js";
+import { d as me, r as de, t as I, p as ce, u as pe, a as fe, i as Q, _ as ve, b as be, c as ye } from "./useTypedEntry-C7k7Dyl-.js";
+function ke(s) {
+  const { t: i } = R(), y = m(() => [i("core.form.time.words.now").toLowerCase(), "now"]);
+  return {
+    placeholder: m(() => i("core.form.time.placeholder")),
+    parse(e) {
+      if (y.value.includes(e.trim().toLowerCase())) return { value: I(s()) };
+      const l = ce(e, s());
+      return "time" in l ? { value: l.time } : { error: l.error === "step" ? i("core.form.time.step", { step: s() }) : i("core.form.time.invalid") };
+    },
+    shortcuts: (e) => (e ?? me).map((l) => de(l, i("core.form.time.now"), I(s())))
+  };
+}
+const we = ["id", "name", "value", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], ge = ["aria-label", "onClick"], Be = /* @__PURE__ */ G({
+  __name: "TimeField",
+  props: /* @__PURE__ */ L(/* @__PURE__ */ ee({
+    label: {},
+    labelHidden: { type: Boolean },
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    minuteStep: {},
+    quickTimes: {}
+  }, { ...ue, minuteStep: 1, quickTimes: void 0 }), {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ L(["focus", "blur"], ["update:modelValue"]),
+  setup(s, { expose: i, emit: y }) {
+    const e = s, l = J(s, "modelValue"), $ = y, { t: p } = R(), A = oe(), H = ae(), q = b("input"), f = b("popover"), C = b("panel"), V = b("sheet"), k = ke(() => e.minuteStep), a = pe({ model: l, display: (t) => t, parse: k.parse }), S = m(() => k.shortcuts(e.quickTimes)), B = m(() => e.error || a.message.value), K = se("date", () => B.value ? "error" : e.disabled ? "locked" : "rest"), W = m(() => {
+      const t = fe(l.value);
+      return t ? A.time(new Date(2e3, 0, 1, t.hour, t.minute)) : null;
+    }), D = m(() => Q(a.typed.value) ? a.typed.value : Q(l.value) ? l.value : null);
+    async function w(t) {
+      e.disabled || (f.value?.present(), t && (await M(), await M(), C.value?.querySelector("[role=listbox]")?.focus()));
+    }
+    function j(t) {
+      t.key === "Enter" ? (a.commit(), f.value?.dismiss()) : t.key === "ArrowDown" && (t.preventDefault(), w(!0));
+    }
+    return i({ focus: () => q.value?.focus() }), (t, r) => (d(), F(ie, T({ ...o(ne)(e), error: B.value }, {
+      value: W.value,
+      "value-style": "numeric"
+    }), O({
+      default: u(({ id: E, describedby: N, invalid: P }) => [
+        o(H) ? (d(), _(U, { key: 0 }, [
+          c(te, T({ id: E, "aria-describedby": N }, {
+            disabled: e.disabled,
+            invalid: P,
+            placeholder: o(p)("core.form.select.choose"),
+            onClick: r[0] || (r[0] = (v) => V.value?.present())
+          }), {
+            default: u(() => [
+              l.value ? (d(), _(U, { key: 0 }, [
+                X(Y(l.value), 1)
+              ], 64)) : z("", !0)
+            ]),
+            _: 1
+          }, 16, ["disabled", "invalid", "placeholder"]),
+          c(ve, {
+            ref_key: "sheet",
+            ref: V,
+            title: e.label ?? o(p)("core.form.time.label"),
+            mode: "time",
+            "model-value": l.value,
+            shortcuts: S.value,
+            step: e.minuteStep,
+            clearable: !e.required,
+            "onUpdate:modelValue": o(a).set
+          }, null, 8, ["title", "model-value", "shortcuts", "step", "clearable", "onUpdate:modelValue"])
+        ], 64)) : (d(), F(re, {
+          key: 1,
+          ref_key: "popover",
+          ref: f,
+          label: e.label ?? o(p)("core.form.time.label"),
+          width: "sm",
+          placement: "bottom-start",
+          arrow: !1,
+          autofocus: !1
+        }, {
+          trigger: u(({ attrs: v, presented: g }) => [
+            h("div", {
+              class: Z(["inline-flex max-w-full items-center gap-2", o(K)])
+            }, [
+              h("input", T({
+                id: E,
+                ref_key: "input",
+                ref: q
+              }, v, {
+                type: "text",
+                role: "combobox",
+                autocomplete: "off",
+                size: "10",
+                name: e.name,
+                value: o(a).text.value,
+                placeholder: o(k).placeholder.value,
+                disabled: e.disabled,
+                required: e.required,
+                "aria-required": e.required || void 0,
+                "aria-invalid": P || void 0,
+                "aria-describedby": N,
+                class: "block min-h-7 min-w-0 border-0 bg-transparent py-1 pl-2.5 text-body tabular-nums text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
+                onInput: r[1] || (r[1] = (n) => o(a).input(n.target.value)),
+                onFocus: r[2] || (r[2] = (n) => $("focus", n)),
+                onBlur: r[3] || (r[3] = (n) => {
+                  o(a).commit(), $("blur", n);
+                }),
+                onKeydown: j,
+                onClick: r[4] || (r[4] = (n) => w(!1))
+              }), null, 16, we),
+              e.disabled ? z("", !0) : (d(), _("button", {
+                key: 0,
+                type: "button",
+                tabindex: "-1",
+                "aria-label": o(p)("core.form.time.open"),
+                class: "mr-2 flex shrink-0 cursor-pointer items-center text-content-link",
+                onClick: (n) => g ? f.value?.dismiss() : w(!0)
+              }, [
+                c(o(le), {
+                  name: "timeLine",
+                  size: 18
+                })
+              ], 8, ge))
+            ], 2)
+          ]),
+          default: u(({ dismiss: v }) => [
+            h("div", {
+              ref_key: "panel",
+              ref: C,
+              class: "flex flex-col gap-2.5"
+            }, [
+              c(be, {
+                "model-value": D.value,
+                step: e.minuteStep,
+                "onUpdate:modelValue": o(a).set
+              }, null, 8, ["model-value", "step", "onUpdate:modelValue"]),
+              c(ye, {
+                items: S.value,
+                selected: D.value,
+                onPick: (g) => {
+                  o(a).set(g), v();
+                }
+              }, null, 8, ["items", "selected", "onPick"])
+            ], 512)
+          ]),
+          _: 2
+        }, 1032, ["label"]))
+      ]),
+      _: 2
+    }, [
+      t.$slots.trailing ? {
+        name: "trailing",
+        fn: u(() => [
+          x(t.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      t.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: u(() => [
+          x(t.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      t.$slots.readonly ? {
+        name: "readonly",
+        fn: u(() => [
+          x(t.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value"]));
+  }
+});
+export {
+  Be as _,
+  ke as u
+};

package/dist/{UserRecord-BR70ai9q.js → UserRecord-B9r_9U1z.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-D8akxuKo.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-Dxu7ZfCC.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-BltrQnrQ.js";
@@ -14,12 +14,12 @@ import { A as re } from "./access-DmAceEo5.js";
 import { _ as ne } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as ie } from "./useLoad-M7V-AVwR.js";
 import { _ as V } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
-import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-C7nq7MJB.js";
+import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
 import { e as B } from "./control-B4SdblL6.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-vMwum3Y9.js";
-import { _ as M } from "./TextField.vue_vue_type_script_setup_true_lang-BslHroDP.js";
+import { u as ce, s as le } from "./status-BLTC7wi1.js";
+import { _ as M } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
 const ue = /* @__PURE__ */ R({
   __name: "DeactivateDialog",
   props: {

package/dist/{UsersList-BC9S6omH.js → UsersList-BBLa3OCv.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-nojILoAf.js";
+import { u as P, _ as D } from "./CollectionPage.vue_vue_type_script_setup_true_lang-BNM_cbXa.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-D8akxuKo.js";
-import { U as j, u as H, s as J } from "./status-vMwum3Y9.js";
+import { i as K, f as E, M as W } from "./index-Dxu7ZfCC.js";
+import { U as j, u as H, s as J } from "./status-BLTC7wi1.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-C7nq7MJB.js";
-import { _ as Y } from "./SelectField.vue_vue_type_script_setup_true_lang-ByDo_32P.js";
-import { _ as d } from "./TextField.vue_vue_type_script_setup_true_lang-BslHroDP.js";
+import { _ as X } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
+import { _ as Y } from "./SelectField.vue_vue_type_script_setup_true_lang-C3FbRQW7.js";
+import { _ as d } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.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-BrqxylSS.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-D6BjUQJT.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-nojILoAf.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-D1vrdy0s.js";
 import { _ as ae } from "../DataTable.vue_vue_type_script_setup_true_lang-DPuH84I7.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. */
@@ -36,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/MoneyField.vue.d.ts

@@ -7,20 +7,23 @@ import { type FieldProps, type FieldSlots } from "./field";
  *   <MoneyField v-bind="form.bind('price')" currency="EUR" :label="t('price')" />
  */
 type __VLS_Props = FieldProps & {
+    modelValue?: number | null;
     currency: string;
     decimals?: number;
+    blankZero?: boolean;
     negative?: boolean;
     width?: Exclude<ControlWidth, "content">;
 };
 type __VLS_Slots = FieldSlots;
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: number | null;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
     "update:modelValue": (value: number | null) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
 }>, {
     disabled: boolean;
@@ -30,12 +33,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     required: boolean;
     width: Exclude<ControlWidth, "content">;
     presentation: "control" | "value";
+    modelValue: number | null;
     labelHidden: boolean;
     hint: string;
     editable: boolean;
     lockedReason: string;
     decimals: number;
     negative: boolean;
+    blankZero: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -16,6 +16,8 @@ import { type FieldProps, type FieldSlots } from "./field";
  *
  * Typing "1,5" mid-edit is never rewritten under the cursor: the text is the user's until the field loses focus.
  * `:max-digits="5"` takes at most five digits (a postal code): typing a sixth does nothing, pasting a longer number keeps its first five.
+ * However the field is emptied (typing, a paste of nothing, a cut, a test's `fill("")`) it emits `null`, also when the value it was given was already `null`.
+ * `blankZero` shows a 0 as an empty field (a cost row where nothing entered and 0 mean the same); the value stays 0.
  * Limits (`min`, `max`) are the validator's job; the field only keeps what cannot be a number out.
  */
 type __VLS_Props = FieldProps & {
@@ -29,8 +31,11 @@ type __VLS_Props = FieldProps & {
     grouping?: boolean;
     /** The most digits the field takes, fraction digits included (the sign, separators and decimal mark are not counted): a postal code is `:max-digits="5"`. Further digits are not accepted, as `maxlength` does for text; a pasted longer number keeps its first digits. */
     maxDigits?: number;
+    /** A value of 0 reads as an empty field, editing and reading (a cost that is "not set" until filled in). The value stays 0 and what is emitted is unchanged; a 0 the user types stays visible while the field has focus. */
+    blankZero?: boolean;
     /** The monospaced face of `TextField mono` (coordinates, codes). */
     mono?: boolean;
+    modelValue?: number | null;
     placeholder?: string;
     prefix?: string;
     suffix?: string;
@@ -38,14 +43,15 @@ type __VLS_Props = FieldProps & {
     width?: Exclude<ControlWidth, "content">;
 };
 type __VLS_Slots = FieldSlots;
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: number | null;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
     "update:modelValue": (value: number | null) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
 }>, {
     disabled: boolean;
@@ -57,6 +63,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     width: Exclude<ControlWidth, "content">;
     prefix: string;
     presentation: "control" | "value";
+    modelValue: number | null;
     labelHidden: boolean;
     hint: string;
     editable: boolean;
@@ -68,6 +75,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     negative: boolean;
     grouping: boolean;
     maxDigits: number;
+    blankZero: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { type FieldProps, type FieldSlots } from "./field";
-import type { OptionSlotScope, SelectOption } from "./options";
+import type { OptionSlotScope, SelectOption, ValueSlotScope } 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<{
@@ -21,6 +21,8 @@ declare const _default: <Value extends string | number, Clearable extends boolea
     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;
+        /** Replaces the chosen value's text, in the control and in read mode (a swatch before the colour's name). Only rendered while an option is chosen; the placeholder is not this slot's. */
+        value?: (scope: ValueSlotScope<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 & {

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

@@ -51,12 +51,16 @@ 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) => any;
     picked: (suggestion: {
         text: string;
         detail?: string;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onPicked?: ((suggestion: {
         text: string;

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

@@ -21,8 +21,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) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;

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

@@ -22,8 +22,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/index.d.ts

@@ -41,7 +41,7 @@ export { default as OptionList } from "./OptionList.vue";
 export { groupOptions, matchOptions } from "./options";
 export { recentChoicesKey } from "./suggestions";
 export type { RecentChoices, SuggestionSource, TextSuggestion } from "./suggestions";
-export type { OptionGroup, OptionSlotScope, OptionWithMeta, SelectOption } from "./options";
+export type { OptionGroup, OptionSlotScope, OptionWithMeta, SelectOption, ValueSlotScope } from "./options";
 export { useOptions } from "./useOptions";
 export type { AsyncOptions, OptionsContext, OptionsSource } from "./useOptions";
 export { default as OtpInput } from "./OtpInput.vue";