@wssto2/vue-core 0.4.17 → 0.4.19

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/TextField.vue.d.ts

@@ -9,7 +9,8 @@ import { type TextSuggestion } from "./suggestions";
  *   <TextField v-bind="form.bind('vin')" mono suffix="VIN" :label="t('vin')" />
  *
  * `mono` is for codes read character by character (0 and O, 1 and l); `prefix` and `suffix` are plain text
- * (a unit, an @) inside the control; `width` is the filled control's width in a row on wide screens.
+ * (a unit, an @) inside the control; `width` is the filled control's width in a row on wide screens. The `#prefix` slot
+ * puts an icon or image before the value, editing and reading (a flag before a translation).
  *
  * `suggestions` offers texts while typing, from a list or from the server (`api.ts` does the request); the value stays a
  * string whatever is picked. The best match shows grey after the typed text and Tab accepts it; the list marks the matched
@@ -40,7 +41,10 @@ type __VLS_Props = FieldProps & {
     /** The id the last picks are kept under (see `recentChoicesKey`); setting it shows them under "Recent" before typing. */
     recents?: string;
 };
-type __VLS_Slots = FieldSlots;
+type __VLS_Slots = FieldSlots & {
+    /** An icon or image before the value, in the control and in the read-mode row (a country's flag before its translation). Give an image `alt=""` when the label already says what it shows. */
+    prefix?: () => unknown;
+};
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: string;
 };

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, SelectOption } from "./options";
+export type { OptionGroup, OptionSlotScope, OptionWithMeta, SelectOption } from "./options";
 export { useOptions } from "./useOptions";
 export type { AsyncOptions, OptionsContext, OptionsSource } from "./useOptions";
 export { default as OtpInput } from "./OtpInput.vue";
@@ -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";