@wssto2/vue-core 0.4.16 → 0.4.18

package/dist/form/options.d.ts

@@ -1,6 +1,6 @@
 import type { Tone } from "../state";
 /** One choice of a select, chips, segments or cards. `Value` is what lands in the form. */
-export interface SelectOption<Value extends string | number = string | number> {
+export interface SelectOption<Value extends string | number = string | number, Meta = undefined> {
     readonly value: Value;
     readonly label: string;
     /** A caption at the end of the row (tells equal names apart). */
@@ -10,14 +10,27 @@ export interface SelectOption<Value extends string | number = string | number> {
     readonly disabled?: boolean;
     /** Options with the same group are listed together, under its name, in the order the groups first appear. */
     readonly group?: string;
+    /** Whatever else the app knows about the option (a vehicle's VIN and photo, a category); typed through `#option`. */
+    readonly meta?: Meta;
 }
-export interface OptionGroup<Value extends string | number> {
+/** An option whose `meta` is there: what the `#option` slot reads. */
+export type OptionWithMeta<Value extends string | number, Meta> = SelectOption<Value, Meta> & {
+    readonly meta: Meta;
+};
+/** What an `#option` slot receives for one row: the option, whether it is the highlighted (or focused) row, and whether it is the chosen one. */
+export interface OptionSlotScope<Value extends string | number, Meta = undefined> {
+    /** The row's option, with the `meta` the app gave it (give every option one when the slot reads it). */
+    readonly option: OptionWithMeta<Value, Meta>;
+    readonly active: boolean;
+    readonly selected: boolean;
+}
+export interface OptionGroup<Value extends string | number, Meta = undefined> {
     readonly title: string | null;
-    readonly options: readonly SelectOption<Value>[];
+    readonly options: readonly SelectOption<Value, Meta>[];
 }
 /** The options split into their groups, in order; ungrouped ones first, under no title. */
-export declare function groupOptions<Value extends string | number>(options: readonly SelectOption<Value>[]): readonly OptionGroup<Value>[];
+export declare function groupOptions<Value extends string | number, Meta = undefined>(options: readonly SelectOption<Value, Meta>[]): readonly OptionGroup<Value, Meta>[];
 /** Options whose label contains the text, ignoring case and accents. */
-export declare function matchOptions<Value extends string | number>(options: readonly SelectOption<Value>[], query: string): readonly SelectOption<Value>[];
+export declare function matchOptions<Value extends string | number, Meta = undefined>(options: readonly SelectOption<Value, Meta>[], query: string): readonly SelectOption<Value, Meta>[];
 /** The text without case and accents: what matching compares. */
 export declare const foldText: (text: string) => string;

package/dist/form/suggestions.d.ts

@@ -5,9 +5,9 @@ import { type SelectOption } from "./options";
  * `ComboField` (a record pick: what lands is the option's id). A source is a list filtered as the user types, or a
  * function that asks the server for the text typed.
  */
-export type SuggestionSource<Value extends string | number> = readonly SelectOption<Value>[] | ((query: string, context: {
+export type SuggestionSource<Value extends string | number, Meta = undefined> = readonly SelectOption<Value, Meta>[] | ((query: string, context: {
     signal: AbortSignal;
-}) => Promise<readonly SelectOption<Value>[]>);
+}) => Promise<readonly SelectOption<Value, Meta>[]>);
 /** A text suggested to a free-text field, with a line of detail under it in the list ("Zagreb", "Croatia · 10 000"). What lands in the field is the text. */
 export type TextSuggestion = string | {
     readonly text: string;
@@ -43,8 +43,8 @@ export declare function useLatestLoad<Item>(): {
     run: (load: (signal: AbortSignal) => Promise<readonly Item[]>, settle?: (found: readonly Item[]) => readonly Item[]) => Promise<void>;
     cancel: () => void;
 };
-export interface SuggestionsOptions<Value extends string | number> {
-    source: () => SuggestionSource<Value> | undefined;
+export interface SuggestionsOptions<Value extends string | number, Meta = undefined> {
+    source: () => SuggestionSource<Value, Meta> | undefined;
     /** The fewest characters before a function source is asked. */
     minLength: () => number;
     /** Milliseconds to wait after the last key before a function source is asked. */
@@ -55,8 +55,8 @@ export interface SuggestionsOptions<Value extends string | number> {
     /** The id the recent choices are kept under (the field's name); undefined: the field keeps none. */
     recents: () => string | undefined;
 }
-export interface KeyHooks<Value extends string | number> {
-    pick(option: SelectOption<Value>): void;
+export interface KeyHooks<Value extends string | number, Meta = undefined> {
+    pick(option: SelectOption<Value, Meta>): void;
     /** Free text: Enter picks only a row the user moved to, so Enter keeps meaning "done" while a first suggestion merely waits for Tab. */
     enterNeedsMove: boolean;
     /** Tab: accept the completion; true when there was one (the key is then taken). */
@@ -67,20 +67,20 @@ export interface KeyHooks<Value extends string | number> {
  * lands), keeps the highlighted row, the recent choices shown before typing, and the keys. The field owns the text and
  * the input; it calls `ask` on every keystroke, `show` on focus, `close` on blur and `remember` on a pick.
  */
-export declare function useSuggestions<Value extends string | number>(options: SuggestionsOptions<Value>): {
-    items: import("vue").ComputedRef<readonly SelectOption<Value>[]>;
+export declare function useSuggestions<Value extends string | number, Meta = undefined>(options: SuggestionsOptions<Value, Meta>): {
+    items: import("vue").ComputedRef<readonly SelectOption<Value, Meta>[]>;
     showingRecent: import("vue").ComputedRef<boolean>;
     status: import("vue").Ref<SuggestionStatus, SuggestionStatus>;
     open: import("vue").Ref<boolean, boolean>;
     highlighted: import("vue").Ref<number, number>;
     moved: import("vue").Ref<boolean, boolean>;
-    current: import("vue").ComputedRef<SelectOption<Value> | undefined>;
+    current: import("vue").ComputedRef<SelectOption<Value, Meta> | undefined>;
     ask: (next: string) => void;
     show: (next: string) => void;
     close: () => void;
     cancel: () => void;
-    remember: (option: SelectOption<Value>) => void;
+    remember: (option: SelectOption<Value, Meta>) => void;
     highlight: (index: number, byUser?: boolean) => void;
-    keydown: (event: KeyboardEvent, hooks: KeyHooks<Value>) => void;
+    keydown: (event: KeyboardEvent, hooks: KeyHooks<Value, Meta>) => void;
 };
-export type Suggestions<Value extends string | number> = ReturnType<typeof useSuggestions<Value>>;
+export type Suggestions<Value extends string | number, Meta = undefined> = ReturnType<typeof useSuggestions<Value, Meta>>;

package/dist/form/useOptions.d.ts

@@ -5,10 +5,10 @@ import { type SuggestionStatus } from "./suggestions";
  * landed (kept while the next is loading, so the chosen option keeps its label). Pass it where a list goes:
  * `<SelectField :options="models" />`, `<MultiSelectField :options="models" />`.
  */
-export interface AsyncOptions<Value extends string | number = string | number> {
+export interface AsyncOptions<Value extends string | number = string | number, Meta = undefined> {
     /** `idle`: nothing to ask yet (the input this depends on is empty). */
     readonly status: SuggestionStatus;
-    readonly options: readonly SelectOption<Value>[];
+    readonly options: readonly SelectOption<Value, Meta>[];
     /**
      * Counts how often the input these options depend on moved away from a value (the user picked another make). A field clears
      * a value the options lack only when options land for a newer generation: never on the first load (a saved value the list no
@@ -19,7 +19,7 @@ export interface AsyncOptions<Value extends string | number = string | number> {
     reload(): void;
 }
 /** What a select takes as its options: a list, or one that loads. */
-export type OptionsSource<Value extends string | number> = readonly SelectOption<Value>[] | AsyncOptions<Value>;
+export type OptionsSource<Value extends string | number, Meta = undefined> = readonly SelectOption<Value, Meta>[] | AsyncOptions<Value, Meta>;
 export interface OptionsContext {
     /** Aborted when a newer ask replaced this one or the scope ended: pass it on to the request. */
     readonly signal: AbortSignal;
@@ -37,13 +37,13 @@ export interface OptionsContext {
  * `for` is a getter of the input the options depend on (reactive); `null` or `undefined` asks nothing (the list is empty, `idle`), anything
  * else asks, again whenever it changes. Without `for` the options load once.
  */
-export declare function useOptions<Input, Value extends string | number>(options: {
+export declare function useOptions<Input, Value extends string | number, Meta = undefined>(options: {
     readonly for: () => Input | null | undefined;
-    readonly load: (input: Input, context: OptionsContext) => Promise<readonly SelectOption<Value>[]>;
-}): AsyncOptions<Value>;
-export declare function useOptions<Value extends string | number>(options: {
-    readonly load: (context: OptionsContext) => Promise<readonly SelectOption<Value>[]>;
-}): AsyncOptions<Value>;
+    readonly load: (input: Input, context: OptionsContext) => Promise<readonly SelectOption<Value, Meta>[]>;
+}): AsyncOptions<Value, Meta>;
+export declare function useOptions<Value extends string | number, Meta = undefined>(options: {
+    readonly load: (context: OptionsContext) => Promise<readonly SelectOption<Value, Meta>[]>;
+}): AsyncOptions<Value, Meta>;
 /**
  * What a select makes of its `options` prop, a list or a loader: the options known (also the stale ones while loading, so the
  * chosen label stays), the rows to list (none while loading or failed), the status for the control and the list, and `arrived`,
@@ -51,9 +51,9 @@ export declare function useOptions<Value extends string | number>(options: {
  * another make, or emptied it), so the field can drop a value they do not contain. The first load and a reload of the same
  * input never call it.
  */
-export declare function useOptionSource<Value extends string | number>(source: () => OptionsSource<Value>, arrived: (options: readonly SelectOption<Value>[]) => void): {
-    known: import("vue").ComputedRef<readonly SelectOption<Value>[]>;
-    rows: import("vue").ComputedRef<readonly SelectOption<Value>[]>;
+export declare function useOptionSource<Value extends string | number, Meta = undefined>(source: () => OptionsSource<Value, Meta>, arrived: (options: readonly SelectOption<Value, Meta>[]) => void): {
+    known: import("vue").ComputedRef<readonly SelectOption<Value, Meta>[]>;
+    rows: import("vue").ComputedRef<readonly SelectOption<Value, Meta>[]>;
     status: import("vue").ComputedRef<SuggestionStatus>;
     loading: import("vue").ComputedRef<boolean>;
     reload: () => void;

package/dist/form/useRecordDialog.d.ts

@@ -0,0 +1,47 @@
+import { type Ref } from "vue";
+import { type Command } from "./useCommand";
+import type { FormOptions, SubmitContext } from "./useForm";
+export interface RecordDialogOptions<Values extends object, Output = Values, Done = unknown, Row = never> extends FormOptions<Values, Output> {
+    /** A new record: one call with the validator's output. */
+    readonly create: (input: Output, context: SubmitContext) => Promise<Done>;
+    /** An existing one: the row that was opened, and the output. Leave it out for a dialog that only adds. */
+    readonly update?: (row: Row, input: Output, context: SubmitContext) => Promise<Done>;
+    /** What the dialog shows for a row, laid over `defaults` (so a field the row lacks shows its default). */
+    readonly toValues?: (row: Row) => Partial<Values>;
+    /** After the call went through: the page updates itself (reload, toast). `editing` is the row that was saved, `null` for a new record, as it was when the save ran. */
+    readonly done?: (result: Done, context: {
+        readonly editing: Row | null;
+    }) => Promise<unknown> | unknown;
+}
+export interface RecordDialog<Values extends object, Output = Values, Done = unknown, Row = never> {
+    /** For `<CommandDialog :command="dialog.command">`. */
+    readonly command: Command<Values, Output, Done>;
+    /** The dialog's inputs (`dialog.form.bind('name')`). */
+    readonly form: Command<Values, Output, Done>["form"];
+    /** The row being edited, `null` for a new record: the title, the fields that only a new one has, "Save and add another". */
+    readonly editing: Readonly<Ref<Row | null>>;
+    /** Opens the dialog for a new record, with the defaults. */
+    create(): void;
+    /** Opens it for `row`: `toValues(row)` over the defaults. */
+    edit(row: Row): void;
+}
+/**
+ * A small record that is added and edited in one dialog (an admin list's rows): a `useCommand` whose call is `create` for a new
+ * record and `update` for an edited one, chosen by `editing`. The dialog (`CommandDialog`) brings the discard guard, the "saved"
+ * beat, field errors and the failure banner; "Save and add another" is `run({ addAnother: true })` in its `#actions`, shown only
+ * while `!dialog.editing.value` (it opens a fresh, new one).
+ *
+ *   const dialog = useRecordDialog({
+ *     defaults: () => ({ name: "", active: true }),
+ *     validator: categorySchema,
+ *     toValues: (category: Category) => ({ name: category.name, active: category.active }),
+ *     create: (input, { idempotencyKey }) => api.createCategory(input, idempotencyKey),
+ *     update: (category, input, { idempotencyKey }) => api.updateCategory(category.id, input, idempotencyKey),
+ *     done: (_result, { editing }) => toast.success(t(editing ? "updated" : "created")),
+ *   });
+ *   <Button @click="dialog.create()">New</Button>  <Button @click="dialog.edit(row)">Edit</Button>
+ *   <CommandDialog :command="dialog.command" :title="dialog.editing.value ? t('edit') : t('new')" :confirm-label="t('save')"><TextField v-bind="dialog.form.bind('name')" /></CommandDialog>
+ *
+ * A record that must be read first is read by the page, which then calls `edit(record)`.
+ */
+export declare function useRecordDialog<Values extends object, Output = Values, Done = unknown, Row = never>(options: RecordDialogOptions<Values, Output, Done, Row>): RecordDialog<Values, Output, Done, Row>;

package/dist/format/index.js

@@ -1,4 +1,4 @@
-import { c as r, f as s, i as o, a as e, t as i, u as m } from "../format-B8mJm946.js";
+import { c as r, f as s, i as o, a as e, t as i, u as m } from "../format-D8X4zsx6.js";
 export {
   r as createFormatting,
   s as formattingKey,

package/dist/format-D8X4zsx6.js

@@ -0,0 +1,78 @@
+import { d as T } from "./context-Ch1r4fdN.js";
+import { i as m } from "./intlLocale-CeRU44qJ.js";
+const b = /^(\d{4})-(\d{2})-(\d{2})$/;
+function o(n) {
+  if (n == null || n === "") return null;
+  let r;
+  if (n instanceof Date) r = n;
+  else if (typeof n == "number") r = new Date(n);
+  else {
+    const i = b.exec(n);
+    r = i ? new Date(Number(i[1]), Number(i[2]) - 1, Number(i[3])) : new Date(n);
+  }
+  return Number.isNaN(r.getTime()) || r.getTime() <= 0 ? null : r;
+}
+const u = { year: "numeric", month: "2-digit", day: "2-digit" }, d = { hour: "2-digit", minute: "2-digit" }, c = [
+  ["year", 31536e3],
+  ["month", 2592e3],
+  ["week", 604800],
+  ["day", 86400],
+  ["hour", 3600],
+  ["minute", 60],
+  ["second", 1]
+];
+function y() {
+  const n = /* @__PURE__ */ new Map(), r = (t, e) => {
+    let a = n.get(t);
+    return a || (a = e(), n.set(t, a)), a;
+  }, i = (t, e) => r(`d|${t}|${JSON.stringify(e)}`, () => new Intl.DateTimeFormat(m(t), e));
+  return {
+    date: (t, e) => i(e, u).format(t),
+    dateTime: (t, e) => i(e, { ...u, ...d }).format(t),
+    time: (t, e) => i(e, d).format(t),
+    number: (t, e, a) => r(`n|${e}|${JSON.stringify(a ?? {})}`, () => new Intl.NumberFormat(m(e), a)).format(t),
+    money: (t, e, a) => r(`m|${a}|${e}`, () => new Intl.NumberFormat(m(a), { style: "currency", currency: e })).format(t),
+    relative(t, e, a) {
+      const s = Math.trunc((t.getTime() - a.getTime()) / 1e3), [f, l] = c.find(([, g]) => Math.abs(s) >= g) ?? c[c.length - 1];
+      return r(`r|${e}`, () => new Intl.RelativeTimeFormat(m(e), { numeric: "auto" })).format(Math.trunc(s / l), f);
+    }
+  };
+}
+function w(n) {
+  const r = { ...y(), ...n.formatters }, i = (t) => typeof t == "number" && Number.isFinite(t);
+  return {
+    get locale() {
+      return n.locale();
+    },
+    date: (t) => {
+      const e = o(t);
+      return e ? r.date(e, n.locale()) : "";
+    },
+    dateTime: (t) => {
+      const e = o(t);
+      return e ? r.dateTime(e, n.locale()) : "";
+    },
+    time: (t) => {
+      const e = o(t);
+      return e ? r.time(e, n.locale()) : "";
+    },
+    number: (t, e) => i(t) ? r.number(t, n.locale(), e) : "",
+    money: (t, e) => i(t) ? r.money(t, e, n.locale()) : "",
+    relative: (t, e = /* @__PURE__ */ new Date()) => {
+      const a = o(t);
+      return a ? r.relative(a, n.locale(), e) : "";
+    }
+  };
+}
+const [N, D] = T("vue-core.formatting");
+function I(n, r) {
+  n.provide(N, r);
+}
+export {
+  y as a,
+  w as c,
+  N as f,
+  I as i,
+  o as t,
+  D as u
+};

package/dist/identity/index.js

@@ -1,4 +1,4 @@
-import { _ as t, h as n, j as a, i, k as o, d as r, l as d, m as u, n as y, r as l, o as I, s as f, q as p, t as A, f as c } from "../index-Bq96L43f.js";
+import { _ as t, h as n, j as a, i, k as o, d as r, l as d, m as u, n as y, r as l, o as I, s as f, q as p, t as A, f as c } from "../index-sYamgVg7.js";
 export {
   t as SignInAsButton,
   n as identityFeature,

package/dist/{index-CWeNiBX6.js → index-91Lo0hJy.js}

@@ -8,11 +8,11 @@ import { _ as me } from "./AccountMenuItem.vue_vue_type_script_setup_true_lang-C
 import { f as ve } from "./transport-BnP7WC0Y.js";
 import { u as pe } from "./mediaQuery-CygcXmFW.js";
 import { _ as be } from "./Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
-import { _ as _e } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
+import { _ as _e } from "./Popover.vue_vue_type_script_setup_true_lang-BTOzgIQF.js";
 import { _ as H } from "./HeaderAction.vue_vue_type_script_setup_true_lang-Cgji-Jrr.js";
 import { useRouter as ge } from "vue-router";
 import { _ as F } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
-import { u as ye } from "./format-B8mJm946.js";
+import { u as ye } from "./format-D8X4zsx6.js";
 import { _ as xe } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { _ as he } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 const M = {
@@ -31,9 +31,9 @@ const M = {
   deadLettersRetryAll: y("POST", "/v1/events/dead-letters/retry", { permission: "events.deadletter:retry" }),
   consumers: y("GET", "/v1/events/consumers", { permission: "events.deadletter:view" })
 }, [ke, ee] = fe("vue-core.notifications"), we = "events.deadletter:view", bt = "events.deadletter:retry", J = Z({
-  index: { name: "events.deadletters", path: "/events/dead-letters", component: () => import("./DeadLetters-DmwUtgf9.js"), meta: { access: we, titleKey: "core.notifications.dead_letters.title" } }
+  index: { name: "events.deadletters", path: "/events/dead-letters", component: () => import("./DeadLetters-Bq5YpnvT.js"), meta: { access: we, titleKey: "core.notifications.dead_letters.title" } }
 }), j = Z({
-  index: { name: "notifications.settings", path: "/profile/notifications", component: () => import("./SettingsPage-DRQP2nrH.js"), meta: { titleKey: "core.notifications.settings.title" } }
+  index: { name: "notifications.settings", path: "/profile/notifications", component: () => import("./SettingsPage-BnEpURcU.js"), meta: { titleKey: "core.notifications.settings.title" } }
 }), Te = /* @__PURE__ */ z({
   __name: "SettingsMenuItem",
   setup(o) {

package/dist/{index-Bq96L43f.js → index-sYamgVg7.js}

@@ -15,12 +15,12 @@ import { _ as Q } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { _ as L } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { u as fe } from "./leaveGuard-Cc8yeLxM.js";
 import { _ as he } from "./FormView.vue_vue_type_script_setup_true_lang-Dz5TZt92.js";
-import { _ as ye } from "./TextField.vue_vue_type_script_setup_true_lang-D3-R5XXG.js";
+import { _ as ye } from "./TextField.vue_vue_type_script_setup_true_lang-CWgn-vGl.js";
 import { u as ge } from "./mediaQuery-CygcXmFW.js";
 import { u as ve } from "./useDialog-CXR3hN0G.js";
 import { c as _e } from "./closeOverlays-CjVsIrpL.js";
 import { u as be } from "./FormErrors.vue_vue_type_script_setup_true_lang-DWcVKZM3.js";
-import { u as we } from "./format-B8mJm946.js";
+import { u as we } from "./format-D8X4zsx6.js";
 import { _ as xe } from "./AccountMenuItem.vue_vue_type_script_setup_true_lang-CPeNxh5K.js";
 import { b as Ee } from "./routeResource-DlTsGTg_.js";
 import { _ as Se } from "./AccessGate.vue_vue_type_script_setup_true_lang-DcbZBINh.js";
@@ -315,7 +315,7 @@ function Cs(e) {
 const Ye = async (e) => {
   await B(e.http);
 }, Je = z({
-  login: { name: "login", path: "/login", component: () => import("./SignInPage-D-49oLY3.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
+  login: { name: "login", path: "/login", component: () => import("./SignInPage-CRynZCU2.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
 });
 function Os(e = {}) {
   return H({
@@ -334,7 +334,7 @@ function Os(e = {}) {
   });
 }
 const Z = z({
-  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-I74SQBFO.js"), meta: { titleKey: "core.profile.title" } }
+  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-BqdCzyax.js"), meta: { titleKey: "core.profile.title" } }
 }), Qe = /* @__PURE__ */ E({
   __name: "ProfileMenuItem",
   setup(e) {
@@ -358,19 +358,19 @@ function es(e) {
   return { name: `users.record.${e.path}`, path: e.path, component: s, meta: { ...e.meta } };
 }
 const W = "iam.user:view", qs = "iam.user:manage", ss = "iam.user.activity:view", ee = z({
-  index: { name: "users.index", path: "/users", component: () => import("./UsersList-DPHxcaDm.js"), meta: { access: W, titleKey: "core.users.title" } },
+  index: { name: "users.index", path: "/users", component: () => import("./UsersList-CHAray61.js"), meta: { access: W, titleKey: "core.users.title" } },
   record: {
     name: "users.record",
     path: "/users/:id",
-    component: () => import("./UserRecord-BSbNuRFi.js"),
+    component: () => import("./UserRecord-CqmPm4Fv.js"),
     meta: { access: W, titleKey: "core.users.title", remountOnParam: "id" },
     children: [
-      { name: "users.record.general", path: "general", component: () => import("./General-CUEjJBD4.js"), meta: { section: { labelKey: "core.users.sections.general", icon: "user3Line", groupKey: "core.users.section_groups.person" } } },
-      { name: "users.record.signin", path: "signin", component: () => import("./SignIn-CAZkovhb.js"), meta: { section: { labelKey: "core.users.sections.signin", icon: "key2Line", groupKey: "core.users.section_groups.access" } } },
-      { name: "users.record.sessions", path: "sessions", component: () => import("./Sessions-D8IXcb5M.js"), meta: { section: { labelKey: "core.users.sections.sessions", icon: "deviceLine", groupKey: "core.users.section_groups.access" } } },
-      { name: "users.record.signins", path: "signins", component: () => import("./SignIns-BtNfgMLc.js"), meta: { section: { labelKey: "core.users.sections.signins", icon: "timeFill", groupKey: "core.users.section_groups.activity" } } },
-      { name: "users.record.changes", path: "changes", component: () => import("./Changes-Bzvl3cEx.js"), meta: { section: { labelKey: "core.users.sections.changes", icon: "edit", groupKey: "core.users.section_groups.activity" } } },
-      { name: "users.record.activity", path: "activity", component: () => import("./Activity-CVO3sJwy.js"), meta: { access: ss, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
+      { name: "users.record.general", path: "general", component: () => import("./General-DQruOZs2.js"), meta: { section: { labelKey: "core.users.sections.general", icon: "user3Line", groupKey: "core.users.section_groups.person" } } },
+      { name: "users.record.signin", path: "signin", component: () => import("./SignIn-DrLE0gNr.js"), meta: { section: { labelKey: "core.users.sections.signin", icon: "key2Line", groupKey: "core.users.section_groups.access" } } },
+      { name: "users.record.sessions", path: "sessions", component: () => import("./Sessions-BfpiOhGs.js"), meta: { section: { labelKey: "core.users.sections.sessions", icon: "deviceLine", groupKey: "core.users.section_groups.access" } } },
+      { name: "users.record.signins", path: "signins", component: () => import("./SignIns-BQ8tISWn.js"), meta: { section: { labelKey: "core.users.sections.signins", icon: "timeFill", groupKey: "core.users.section_groups.activity" } } },
+      { name: "users.record.changes", path: "changes", component: () => import("./Changes-IIczcs6O.js"), meta: { section: { labelKey: "core.users.sections.changes", icon: "edit", groupKey: "core.users.section_groups.activity" } } },
+      { name: "users.record.activity", path: "activity", component: () => import("./Activity-DB9ABAMb.js"), meta: { access: ss, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
     ]
   }
 });

package/dist/{index-yKIOaisE.js → index-wlRejl73.js}

@@ -14,9 +14,9 @@ import { t as ee } from "./toast-CqSDTWRX.js";
 import { _ as ce } from "./AccessGate.vue_vue_type_script_setup_true_lang-DcbZBINh.js";
 import { _ as Oe } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { u as Ae } from "./useLoad-M7V-AVwR.js";
-import { _ as De, a as Ke } from "./SelectField.vue_vue_type_script_setup_true_lang-C1Flb1hA.js";
+import { _ as De, a as Ke } from "./SelectField.vue_vue_type_script_setup_true_lang-DkbBJpYX.js";
 import { _ as Be } from "./SegmentedField.vue_vue_type_script_setup_true_lang-BMBkEmxr.js";
-import { u as Pe, _ as Ue } from "./useCommand-B-N6HJOz.js";
+import { u as Pe, _ as Ue } from "./useCommand-YN9EMb7s.js";
 import { u as Fe } from "./platform-q3cjODLx.js";
 import { _ as Ge } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { u as Me } from "./mediaQuery-CygcXmFW.js";
@@ -43,12 +43,12 @@ const C = {
   viewAccess: "iam.user:view",
   manageBindings: "iam.user:manage"
 }, re = Ee({
-  roles: { name: "access.roles", path: "/iam/roles", component: () => import("./RolesPage-BeEsHIQ2.js"), meta: { access: F.viewRoles, titleKey: "core.access.title" } },
-  newRole: { name: "access.roles.new", path: "/iam/roles/new", component: () => import("./NewRolePage-Cyn-oV6r.js"), meta: { access: F.manageRoles, titleKey: "core.access.new_title" } },
+  roles: { name: "access.roles", path: "/iam/roles", component: () => import("./RolesPage-D0K7tEL-.js"), meta: { access: F.viewRoles, titleKey: "core.access.title" } },
+  newRole: { name: "access.roles.new", path: "/iam/roles/new", component: () => import("./NewRolePage-BcA8jBBQ.js"), meta: { access: F.manageRoles, titleKey: "core.access.new_title" } },
   role: {
     name: "access.role",
     path: "/iam/roles/:ref",
-    component: () => import("./RolePage-DWQP3qQl.js"),
+    component: () => import("./RolePage-IES_ADt5.js"),
     // A role's ref (its key, or the id of a custom one) swaps in place when a link leads to another role.
     meta: { access: F.viewRoles, titleKey: "core.access.title", remountOnParam: "ref" }
   }

package/dist/index.d.ts

@@ -1,2 +1,2 @@
 /** The version of @wssto2/vue-core (kept equal to package.json by index.test.ts). */
-export declare const version = "0.4.16";
+export declare const version = "0.4.18";

package/dist/index.js

@@ -1,4 +1,4 @@
-const o = "0.4.16";
+const o = "0.4.18";
 export {
   o as version
 };

package/dist/internal/intlLocale.d.ts

@@ -0,0 +1,2 @@
+/** The locale to give `Intl` for the app's active one. Not for a language's own name: `DisplayNames` knows `bs` ("bosanski"). */
+export declare const intlLocale: (locale: string) => string;

package/dist/intlLocale-CeRU44qJ.js

@@ -0,0 +1,4 @@
+const t = { bs: "sr-Latn-BA" }, L = (s) => t[s] ?? s;
+export {
+  L as i
+};

package/dist/notifications/index.js

@@ -1,4 +1,4 @@
-import { d as s, e as o, n as a, a as i, b as n } from "../index-CWeNiBX6.js";
+import { d as s, e as o, n as a, a as i, b as n } from "../index-91Lo0hJy.js";
 export {
   s as deadLettersRoutes,
   o as eventsRoutes,

package/dist/overlay/index.js

@@ -1,6 +1,6 @@
 import { _ as e } from "../AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { _ as a } from "../Menu.vue_vue_type_script_setup_true_lang-uPmxWvds.js";
-import { _ as p } from "../Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
+import { _ as p } from "../Popover.vue_vue_type_script_setup_true_lang-BTOzgIQF.js";
 import { _ as m } from "../Toaster.vue_vue_type_script_setup_true_lang-55boRLAj.js";
 import { _ as x } from "../Tooltip.vue_vue_type_script_setup_true_lang-OOD_XNWx.js";
 import { t as T } from "../toast-CqSDTWRX.js";

package/dist/page/index.js

@@ -1,15 +1,15 @@
-import { _ as x } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-B7qSUiee.js";
-import { a as W, b as X, c as Y, d as Z, p as ee, u as te, e as ae } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-B7qSUiee.js";
+import { _ as x } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-Bm0sxqNz.js";
+import { a as W, b as X, c as Y, d as Z, p as ee, u as te, e as ae } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-Bm0sxqNz.js";
 import { _ as se } from "../BottomDock.vue_vue_type_script_setup_true_lang-CjN7xYEr.js";
 import { b as ne, i as re, u as ie } from "../bottomDock-BZEiOPYZ.js";
 import { defineComponent as v, openBlock as a, createBlock as b, withCtx as c, createElementVNode as s, normalizeStyle as k, createElementBlock as l, Fragment as y, renderList as B, normalizeClass as d, unref as h, createCommentVNode as p, toDisplayString as f, useModel as S, useId as C, useTemplateRef as P, computed as $, mergeProps as w, createSlots as T, renderSlot as m, mergeModels as D } from "vue";
 import { _ as L } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-D87Hs75d.js";
+import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-DijFQnU6.js";
 import { c as pe, i as fe, p as me, a as be, u as ge, b as ve } from "../chrome-nUcmVu8G.js";
 import { s as z, u as I } from "../sectionIndex-BS0ic5W7.js";
 import { p as _e, a as xe } from "../sectionIndex-BS0ic5W7.js";
-import { _ as ye } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-D5Cnb4_O.js";
-import { a as Se, _ as Ce } from "../SectionList.vue_vue_type_script_setup_true_lang-B0p_8xQG.js";
+import { _ as ye } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-CW81A_bn.js";
+import { a as Se, _ as Ce } from "../SectionList.vue_vue_type_script_setup_true_lang-D5QWy-c1.js";
 import { _ as A } from "../Panel.vue_vue_type_script_setup_true_lang-BA0u_DtS.js";
 const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex", "onClick"], R = { class: "relative" }, E = {
   key: 2,