@anzusystems/common-admin 2.0.0-rc.1 → 2.0.0-rc.3

package/dist/domains/remoteAutocomplete/composables/createRemoteAutocomplete.js

@@ -2,7 +2,7 @@ import { FilterInnerConfigKey as e, FilterInnerDataKey as t } from "../../filter
 import n from "../components/AFilterRemoteAutocomplete.js";
 import r from "../components/AFormRemoteAutocomplete.js";
 import { defineComponent as i, h as a, provide as o, watch as s } from "vue";
-//#region src/domains/remoteAutocomplete/composables/createRemoteAutocomplete.ts
+// src/domains/remoteAutocomplete/composables/createRemoteAutocomplete.ts
 var c = (e) => Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0)), l = (n, r) => {
 	let { fetchItems: i, fetchItemsByIds: a } = n.props ? n.useSelectActions(r) : n.useSelectActions(), { filterConfig: c, filterData: l } = n.useInnerFilter(), { filterFromProps: u } = n;
 	u && s(() => u(r), (e) => Object.assign(l, e), { immediate: !0 }), o(e, c), o(t, l);
@@ -67,7 +67,6 @@ function d(e) {
 		}
 	});
 }
-//#endregion
 export { d as createFilterRemoteAutocomplete, u as createRemoteAutocomplete };
 
 //# sourceMappingURL=createRemoteAutocomplete.js.map

package/dist/domains/subjectSelect/components/AFilterWrapperSubjectSelect.js

@@ -1,8 +1,7 @@
 import e from "./AFilterWrapperSubjectSelect.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                            */
-//#region src/domains/subjectSelect/components/AFilterWrapperSubjectSelect.vue
+// src/domains/subjectSelect/components/AFilterWrapperSubjectSelect.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=AFilterWrapperSubjectSelect.js.map

package/dist/domains/subjectSelect/components/AFilterWrapperSubjectSelect.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,7 @@ import m from "../../filters/bookmarks/components/AFilterBookmarkButton.js";
 import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createVNode as x, defineComponent as S, inject as C, mergeModels as w, nextTick as T, openBlock as E, provide as D, ref as O, renderList as k, renderSlot as A, unref as j, useModel as M, withCtx as N, withModifiers as ee } from "vue";
 import { VCol as P, VRow as F } from "vuetify/components/VGrid";
 import { VForm as I } from "vuetify/components/VForm";
-//#region src/domains/subjectSelect/components/AFilterWrapperSubjectSelect.vue?vue&type=script&setup=true&lang.ts
+// src/domains/subjectSelect/components/AFilterWrapperSubjectSelect.vue?vue&type=script&setup=true&lang.ts
 var L = { class: "subject-select-filter__content px-2 py-4" }, R = { class: "d-flex flex-wrap align-center" }, z = {
 	key: 0,
 	class: "subject-select-filter__actions"
@@ -141,7 +141,6 @@ var L = { class: "subject-select-filter__content px-2 py-4" }, R = { class: "d-f
 		}, 8, ["name"]));
 	}
 });
-//#endregion
 export { B as default };
 
 //# sourceMappingURL=AFilterWrapperSubjectSelect.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/subjectSelect/components/ASubjectSelect.js

@@ -1,7 +1,6 @@
 import e from "./ASubjectSelect.vue_vue_type_script_setup_true_lang.js";
-//#region src/domains/subjectSelect/components/ASubjectSelect.vue
+// src/domains/subjectSelect/components/ASubjectSelect.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=ASubjectSelect.js.map

package/dist/domains/subjectSelect/components/ASubjectSelect.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,7 @@ import { useDisplay as de } from "vuetify";
 import { VBtn as w } from "vuetify/components/VBtn";
 import { VToolbar as T } from "vuetify/components/VToolbar";
 import { VDialog as E } from "vuetify/components/VDialog";
-//#region src/domains/subjectSelect/components/ASubjectSelect.vue?vue&type=script&setup=true&lang.ts
+// src/domains/subjectSelect/components/ASubjectSelect.vue?vue&type=script&setup=true&lang.ts
 var D = { class: "d-flex flex-column w-100 px-1 align-center" }, O = { class: "d-flex justify-space-between w-100 align-center" }, k = { class: "d-flex align-center" }, A = { class: "d-flex align-center" }, j = { class: "subject-select__sidebar border-e" }, M = { class: "subject-select-filter" }, N = { class: "subject-select__content" }, P = {
 	key: 0,
 	class: "d-flex w-100 align-center justify-center pa-4"
@@ -176,7 +176,6 @@ var D = { class: "d-flex flex-column w-100 px-1 align-center" }, O = { class: "d
 		};
 	}
 });
-//#endregion
 export { R as default };
 
 //# sourceMappingURL=ASubjectSelect.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/subjectSelect/composables/useSubjectSelect.js

@@ -5,7 +5,7 @@ import { usePagination as r } from "../../api/composables/pagination.js";
 import { createDatatableColumnsConfig as i } from "../../filters/datatable/composables/createDatatableColumnsConfig.js";
 import { ref as a } from "vue";
 import { useDebounceFn as o } from "@vueuse/core";
-//#region src/domains/subjectSelect/composables/useSubjectSelect.ts
+// src/domains/subjectSelect/composables/useSubjectSelect.ts
 function s(s, c, l, u, d, f, p, m = null, h = void 0, g = !1) {
 	let _ = a(!1), v = a([]), y = a([]), b = a(!1), { pagination: x, setSortBy: S, incrementPage: C } = r(e(m) ? null : m.key, m?.order), { resetFilter: w, submitFilter: T } = n(f, p, {
 		storeFiltersLocalStorage: !1,
@@ -78,7 +78,6 @@ function s(s, c, l, u, d, f, p, m = null, h = void 0, g = !1) {
 		submitFilter: () => T(x, F)
 	};
 }
-//#endregion
 export { s as useSubjectSelect };
 
 //# sourceMappingURL=useSubjectSelect.js.map

package/dist/domains/subjectSelect/utils/selectStrategies.js

@@ -1,4 +1,4 @@
-//#region src/domains/subjectSelect/utils/selectStrategies.ts
+// src/domains/subjectSelect/utils/selectStrategies.ts
 var e = (e, t) => ({
 	showSelectAll: !1,
 	allSelected: () => [],
@@ -10,7 +10,6 @@ var e = (e, t) => ({
 	},
 	selectAll: ({ selected: e }) => e
 });
-//#endregion
 export { e as generateDatatableMinMaxSelectStrategy };
 
 //# sourceMappingURL=selectStrategies.js.map

package/dist/domains/system/appShell/components/AActionbar.js

@@ -1,8 +1,7 @@
 import e from "./AActionbar.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                           */
-//#region src/domains/system/appShell/components/AActionbar.vue
+// src/domains/system/appShell/components/AActionbar.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=AActionbar.js.map

package/dist/domains/system/appShell/components/AActionbar.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import { isString as t, isUndefined as n } from "../../../../shared/utils/common
 import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
 import { useRoute as b } from "vue-router";
 import { VBreadcrumbs as x, VBreadcrumbsDivider as S, VBreadcrumbsItem as C } from "vuetify/components/VBreadcrumbs";
-//#region src/domains/system/appShell/components/AActionbar.vue?vue&type=script&setup=true&lang.ts
+// src/domains/system/appShell/components/AActionbar.vue?vue&type=script&setup=true&lang.ts
 var w = { class: "flex-grow-1 flex-shrink-1 min-width-0 overflow-hidden" }, T = {
 	key: 0,
 	class: "d-flex align-center min-width-0"
@@ -53,7 +53,6 @@ var w = { class: "flex-grow-1 flex-shrink-1 min-width-0 overflow-hidden" }, T =
 		}));
 	}
 });
-//#endregion
 export { O as default };
 
 //# sourceMappingURL=AActionbar.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/system/appShell/components/AActionbarTarget.js

@@ -1,7 +1,6 @@
 import e from "./AActionbarTarget.vue_vue_type_script_setup_true_lang.js";
-//#region src/domains/system/appShell/components/AActionbarTarget.vue
+// src/domains/system/appShell/components/AActionbarTarget.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=AActionbarTarget.js.map

package/dist/domains/system/appShell/components/AActionbarTarget.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { actionbarSlot as e } from "../composables/teleportSlot.js";
 import { createBlock as t, defineComponent as n, openBlock as r, unref as i } from "vue";
-//#region src/domains/system/appShell/components/AActionbarTarget.vue?vue&type=script&setup=true&lang.ts
+// src/domains/system/appShell/components/AActionbarTarget.vue?vue&type=script&setup=true&lang.ts
 var a = /*@__PURE__*/ n({
 	__name: "AActionbarTarget",
 	setup(n) {
@@ -11,7 +11,6 @@ var a = /*@__PURE__*/ n({
 		}));
 	}
 });
-//#endregion
 export { a as default };
 
 //# sourceMappingURL=AActionbarTarget.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/system/appShell/components/ALayoutLoader.js

@@ -1,7 +1,6 @@
 import e from "./ALayoutLoader.vue_vue_type_script_setup_true_lang.js";
-//#region src/domains/system/appShell/components/ALayoutLoader.vue
+// src/domains/system/appShell/components/ALayoutLoader.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=ALayoutLoader.js.map

package/dist/domains/system/appShell/components/ALayoutLoader.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import { createBlock as t, createVNode as n, defineComponent as r, openBlock as
 import { VApp as s } from "vuetify/components/VApp";
 import { VMain as c } from "vuetify/components/VMain";
 import { VProgressCircular as l } from "vuetify/components/VProgressCircular";
-//#region src/domains/system/appShell/components/ALayoutLoader.vue?vue&type=script&setup=true&lang.ts
+// src/domains/system/appShell/components/ALayoutLoader.vue?vue&type=script&setup=true&lang.ts
 var u = /*@__PURE__*/ r({
 	__name: "ALayoutLoader",
 	setup(r) {
@@ -20,7 +20,6 @@ var u = /*@__PURE__*/ r({
 		}, 8, ["theme"]));
 	}
 });
-//#endregion
 export { u as default };
 
 //# sourceMappingURL=ALayoutLoader.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/system/appShell/components/ALayoutSwitch.js

@@ -1,7 +1,6 @@
 import e from "./ALayoutSwitch.vue_vue_type_script_setup_true_lang.js";
-//#region src/domains/system/appShell/components/ALayoutSwitch.vue
+// src/domains/system/appShell/components/ALayoutSwitch.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=ALayoutSwitch.js.map

package/dist/domains/system/appShell/components/ALayoutSwitch.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import e from "../../components/AAlerts.js";
 import { Fragment as t, computed as n, createBlock as r, createElementBlock as i, createVNode as a, defineComponent as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, shallowRef as u, watch as d, withCtx as f } from "vue";
 import { useRoute as p } from "vue-router";
-//#region src/domains/system/appShell/components/ALayoutSwitch.vue?vue&type=script&setup=true&lang.ts
+// src/domains/system/appShell/components/ALayoutSwitch.vue?vue&type=script&setup=true&lang.ts
 var m = /*@__PURE__*/ o({
 	__name: "ALayoutSwitch",
 	props: {
@@ -23,7 +23,6 @@ var m = /*@__PURE__*/ o({
 		})) : c(n.$slots, "default", {}, void 0, void 0, 1)], 64));
 	}
 });
-//#endregion
 export { m as default };
 
 //# sourceMappingURL=ALayoutSwitch.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/system/appShell/composables/teleportSlot.js

@@ -1,5 +1,5 @@
 import { Teleport as e, computed as t, defineComponent as n, h as r, onBeforeUnmount as i, onMounted as a, shallowRef as o } from "vue";
-//#region src/domains/system/appShell/composables/teleportSlot.ts
+// src/domains/system/appShell/composables/teleportSlot.ts
 function s(s) {
 	let c = o(null);
 	return {
@@ -35,7 +35,6 @@ function s(s) {
 	};
 }
 var c = s("AActionbar");
-//#endregion
 export { c as actionbarSlot, s as createTeleportSlot };
 
 //# sourceMappingURL=teleportSlot.js.map

package/dist/domains/system/components/AAdminSwitcher.js

@@ -1,8 +1,7 @@
 import e from "./AAdminSwitcher.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                               */
-//#region src/domains/system/components/AAdminSwitcher.vue
+// src/domains/system/components/AAdminSwitcher.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=AAdminSwitcher.js.map

package/dist/domains/system/components/AAdminSwitcher.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,7 @@ import { VCard as v } from "vuetify/components/VCard";
 import { VTooltip as y } from "vuetify/components/VTooltip";
 import { VBtn as b } from "vuetify/components/VBtn";
 import { VMenu as x } from "vuetify/components/VMenu";
-//#region src/domains/system/components/AAdminSwitcher.vue?vue&type=script&setup=true&lang.ts
+// src/domains/system/components/AAdminSwitcher.vue?vue&type=script&setup=true&lang.ts
 var S = { class: "a-admin-switcher__content" }, C = ["href"], w = ["src", "alt"], T = { class: "a-admin-switcher__item-title" }, E = /*@__PURE__*/ s({
 	__name: "AAdminSwitcher",
 	props: { configUrl: { default: null } },
@@ -54,7 +54,6 @@ var S = { class: "a-admin-switcher__content" }, C = ["href"], w = ["src", "alt"]
 		}, 8, ["aria-label"])) : n("", !0);
 	}
 });
-//#endregion
 export { E as default };
 
 //# sourceMappingURL=AAdminSwitcher.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/system/components/AAlerts.js

@@ -1,8 +1,7 @@
 import e from "./AAlerts.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                        */
-//#region src/domains/system/components/AAlerts.vue
+// src/domains/system/components/AAlerts.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=AAlerts.js.map

package/dist/domains/system/components/AAlerts.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import { createBlock as n, createTextVNode as r, createVNode as i, defineCompone
 import { VAlert as m } from "vuetify/components/VAlert";
 import { VIcon as h } from "vuetify/components/VIcon";
 import { VSnackbarQueue as g } from "vuetify/components/VSnackbarQueue";
-//#region src/domains/system/components/AAlerts.vue?vue&type=script&setup=true&lang.ts
+// src/domains/system/components/AAlerts.vue?vue&type=script&setup=true&lang.ts
 var _ = /*@__PURE__*/ a({
 	__name: "AAlerts",
 	props: {
@@ -62,7 +62,6 @@ var _ = /*@__PURE__*/ a({
 		]));
 	}
 });
-//#endregion
 export { _ as default };
 
 //# sourceMappingURL=AAlerts.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/system/components/ALanguageSelect.js

@@ -1,9 +1,8 @@
 import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./ALanguageSelect.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                */
-//#region src/domains/system/components/ALanguageSelect.vue
+// src/domains/system/components/ALanguageSelect.vue
 var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-a63e60b6"]]);
-//#endregion
 export { n as default };
 
 //# sourceMappingURL=ALanguageSelect.js.map

package/dist/domains/system/components/ALanguageSelect.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,7 @@ import { VAvatar as S } from "vuetify/components/VAvatar";
 import { VBtn as C } from "vuetify/components/VBtn";
 import { VList as w, VListItem as T, VListItemTitle as E } from "vuetify/components/VList";
 import { VMenu as D } from "vuetify/components/VMenu";
-//#region src/domains/system/components/ALanguageSelect.vue?vue&type=script&setup=true&lang.ts
+// src/domains/system/components/ALanguageSelect.vue?vue&type=script&setup=true&lang.ts
 var O = /*@__PURE__*/ p({
 	__name: "ALanguageSelect",
 	props: { isAdministrator: { type: Boolean } },
@@ -63,7 +63,6 @@ var O = /*@__PURE__*/ p({
 		}));
 	}
 });
-//#endregion
 export { O as default };
 
 //# sourceMappingURL=ALanguageSelect.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/system/components/AThemeSelect.js

@@ -1,7 +1,6 @@
 import e from "./AThemeSelect.vue_vue_type_script_setup_true_lang.js";
-//#region src/domains/system/components/AThemeSelect.vue
+// src/domains/system/components/AThemeSelect.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=AThemeSelect.js.map

package/dist/domains/system/components/AThemeSelect.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,7 @@ import { VCard as _ } from "vuetify/components/VCard";
 import { VBtn as v } from "vuetify/components/VBtn";
 import { VList as y, VListItem as b } from "vuetify/components/VList";
 import { VMenu as x } from "vuetify/components/VMenu";
-//#region src/domains/system/components/AThemeSelect.vue?vue&type=script&setup=true&lang.ts
+// src/domains/system/components/AThemeSelect.vue?vue&type=script&setup=true&lang.ts
 var S = { key: 0 }, C = { key: 1 }, w = { key: 2 }, T = /*@__PURE__*/ s({
 	__name: "AThemeSelect",
 	setup(s) {
@@ -80,7 +80,6 @@ var S = { key: 0 }, C = { key: 1 }, w = { key: 2 }, T = /*@__PURE__*/ s({
 		}, 8, ["modelValue"]));
 	}
 });
-//#endregion
 export { T as default };
 
 //# sourceMappingURL=AThemeSelect.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/system/composables/alerts.js

@@ -12,7 +12,7 @@ import { isAnzuApiCancelledError as d } from "../../../shared/error/AnzuApiCance
 import { AuthUnavailableError as f } from "../../../shared/error/AuthUnavailableError.js";
 import { SessionExpiredError as p } from "../../../shared/error/SessionExpiredError.js";
 import { isInCauseChain as m } from "../../../shared/error/isInCauseChain.js";
-//#region src/domains/system/composables/alerts.ts
+// src/domains/system/composables/alerts.ts
 var h = 3, g = 3e4, _ = -Infinity, v = "\n";
 function y() {
 	let v = (t, n = h) => {
@@ -77,7 +77,6 @@ function y() {
 		showErrorsDefault: N
 	};
 }
-//#endregion
 export { v as NEW_LINE_MARK, y as useAlerts };
 
 //# sourceMappingURL=alerts.js.map

package/dist/domains/system/composables/alertsQueue.js

@@ -1,5 +1,5 @@
 import { ref as e } from "vue";
-//#region src/domains/system/composables/alertsQueue.ts
+// src/domains/system/composables/alertsQueue.ts
 var t = /* @__PURE__ */ new Map();
 function n(n = "alerts") {
 	let r = t.get(n);
@@ -12,7 +12,6 @@ function r(e, t, r, i = "alerts") {
 		timeout: r < 0 ? -1 : r
 	});
 }
-//#endregion
 export { r as pushAlert, n as useAlertsQueue };
 
 //# sourceMappingURL=alertsQueue.js.map

package/dist/domains/system/composables/breadcrumbs.d.ts

@@ -14,9 +14,9 @@ export interface BreadcrumbOptions {
     linkLastItem: boolean;
 }
 export declare const defaultOptions: BreadcrumbOptions;
-export declare function defineBreadcrumbs(items: ComputedRef<Array<BreadcrumbItem>>, options?: Partial<BreadcrumbOptions>): {
-    items: ComputedRef<BreadcrumbItem[]>;
-    options: {
-        linkLastItem: boolean;
-    };
-};
+/**
+ * The breadcrumbs of a page for `AActionbar`. `items` is a getter, wrapped in a `computed` here: read only when
+ * the actionbar renders and again when what it reads changes, as `computed(() => [...])` written by the page.
+ * A `ComputedRef` the page already has is kept as it is.
+ */
+export declare function defineBreadcrumbs(items: (() => Array<BreadcrumbItem>) | ComputedRef<Array<BreadcrumbItem>>, options?: Partial<BreadcrumbOptions>): Breadcrumbs;

package/dist/domains/system/composables/breadcrumbs.js

@@ -1,16 +1,15 @@
-import "vue";
-//#region src/domains/system/composables/breadcrumbs.ts
-var e = { linkLastItem: !1 };
-function t(t, n = {}) {
+import { computed as e } from "vue";
+// src/domains/system/composables/breadcrumbs.ts
+var t = { linkLastItem: !1 };
+function n(n, r = {}) {
 	return {
-		items: t,
+		items: typeof n == "function" ? e(n) : n,
 		options: {
-			...e,
-			...n
+			...t,
+			...r
 		}
 	};
 }
-//#endregion
-export { e as defaultOptions, t as defineBreadcrumbs };
+export { t as defaultOptions, n as defineBreadcrumbs };
 
 //# sourceMappingURL=breadcrumbs.js.map

package/dist/domains/system/composables/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","names":["defaultOptions","defineBreadcrumbs","options"],"sources":["../../../../src/domains/system/composables/breadcrumbs.ts"],"sourcesContent":["import { type ComputedRef } from 'vue'\nimport type { DocId, IntegerId } from '@/shared/types/common'\n\nexport interface BreadcrumbItem {\n  title: string\n  routeName: string\n  id?: IntegerId | DocId\n  routeParams?: any\n}\n\nexport interface Breadcrumbs {\n  items: ComputedRef<Array<BreadcrumbItem>>\n  options: BreadcrumbOptions\n}\n\nexport interface BreadcrumbOptions {\n  linkLastItem: boolean\n}\n\nexport const defaultOptions: BreadcrumbOptions = {\n  linkLastItem: false,\n}\n\nexport function defineBreadcrumbs(items: ComputedRef<Array<BreadcrumbItem>>, options: Partial<BreadcrumbOptions> = {}) {\n  return {\n    items,\n    options: {\n      ...defaultOptions,\n      ...options,\n    },\n  }\n}\n"],"mappings":";;AAmBA,IAAaA,IAAoC,EAC/C,cAAc,GAChB;AAEA,SAAgBC,EAAkB,GAA2C,IAAsC,CAAC,GAAG;CACrH,OAAO;EACL;EACA,SAAS;GACP,GAAGD;GACH,GAAGE;EACL;CACF;AACF"}
+{"version":3,"file":"breadcrumbs.js","names":["defaultOptions","defineBreadcrumbs","items","computed","options"],"sources":["../../../../src/domains/system/composables/breadcrumbs.ts"],"sourcesContent":["import { computed, type ComputedRef } from 'vue'\nimport type { DocId, IntegerId } from '@/shared/types/common'\n\nexport interface BreadcrumbItem {\n  title: string\n  routeName: string\n  id?: IntegerId | DocId\n  routeParams?: any\n}\n\nexport interface Breadcrumbs {\n  items: ComputedRef<Array<BreadcrumbItem>>\n  options: BreadcrumbOptions\n}\n\nexport interface BreadcrumbOptions {\n  linkLastItem: boolean\n}\n\nexport const defaultOptions: BreadcrumbOptions = {\n  linkLastItem: false,\n}\n\n/**\n * The breadcrumbs of a page for `AActionbar`. `items` is a getter, wrapped in a `computed` here: read only when\n * the actionbar renders and again when what it reads changes, as `computed(() => [...])` written by the page.\n * A `ComputedRef` the page already has is kept as it is.\n */\nexport function defineBreadcrumbs(\n  items: (() => Array<BreadcrumbItem>) | ComputedRef<Array<BreadcrumbItem>>,\n  options: Partial<BreadcrumbOptions> = {}\n): Breadcrumbs {\n  return {\n    items: typeof items === 'function' ? computed(items) : items,\n    options: {\n      ...defaultOptions,\n      ...options,\n    },\n  }\n}\n"],"mappings":";;AAmBA,IAAaA,IAAoC,EAC/C,cAAc,GAChB;AAOA,SAAgBC,EACd,GACA,IAAsC,CAAC,GAC1B;CACb,OAAO;EACL,OAAO,OAAOC,KAAU,aAAaC,EAASD,CAAK,IAAIA;EACvD,SAAS;GACP,GAAGF;GACH,GAAGI;EACL;CACF;AACF"}

package/dist/domains/system/composables/languageSettings.js

@@ -1,7 +1,7 @@
 import { commonI18n as e } from "../../../plugins/i18n.js";
 import { readonly as t } from "vue";
 import { useStorage as n } from "@vueuse/core";
-//#region src/domains/system/composables/languageSettings.ts
+// src/domains/system/composables/languageSettings.ts
 var r = [
 	{
 		code: "en",
@@ -45,7 +45,6 @@ function a(n, a, o) {
 function o() {
 	return { currentLanguageCode: t(i) };
 }
-//#endregion
 export { r as ALL_LANGUAGES, a as modifyLanguageSettings, o as useLanguageSettings };
 
 //# sourceMappingURL=languageSettings.js.map

package/dist/domains/system/composables/loginStatus.js

@@ -1,7 +1,7 @@
 import { isNull as e } from "../../../shared/utils/common.js";
 import { stringToInt as t } from "../../../shared/utils/string.js";
 import { readonly as n, ref as r } from "vue";
-//#region src/domains/system/composables/loginStatus.ts
+// src/domains/system/composables/loginStatus.ts
 var i = {
 	Success: "success",
 	FailureSsoCommunicationFailed: "failure-sso-communication",
@@ -28,7 +28,6 @@ function c(r) {
 		isStatusUnauthorized: () => c === i.FailureUnauthorized
 	};
 }
-//#endregion
 export { i as LoginState, s as localTimeShiftInSeconds, c as useLoginStatus };
 
 //# sourceMappingURL=loginStatus.js.map

package/dist/domains/system/composables/navigationError.js

@@ -2,7 +2,7 @@ import { useAlerts as e } from "./alerts.js";
 import { useSentry as t } from "./sentry.js";
 import { requestAppReload as n } from "../systemBar/utils/appReload.js";
 import { START_LOCATION as r } from "vue-router";
-//#region src/domains/system/composables/navigationError.ts
+// src/domains/system/composables/navigationError.ts
 var i = /Failed to fetch dynamically imported module|Importing a module script failed|error loading dynamically imported module|Unable to preload CSS/i, a = (e) => e instanceof Error && (e.name === "ChunkLoadError" || i.test(e.message)), o = (e, t) => {
 	try {
 		return e?.(t), !0;
@@ -20,7 +20,6 @@ var i = /Failed to fetch dynamically imported module|Importing a module script f
 		}
 	};
 };
-//#endregion
 export { s as createNavigationErrorHandler };
 
 //# sourceMappingURL=navigationError.js.map

package/dist/domains/system/composables/pageNavigation.js

@@ -1,5 +1,5 @@
 import { NavigationFailureType as e, isNavigationFailure as t, useRouter as n } from "vue-router";
-//#region src/domains/system/composables/pageNavigation.ts
+// src/domains/system/composables/pageNavigation.ts
 var r = /* @__PURE__ */ new WeakMap(), i;
 function a(n) {
 	if (i = n, r.has(n)) return () => void 0;
@@ -34,7 +34,6 @@ function l(e = n()) {
 		replace: (e) => i(e, !0)
 	};
 }
-//#endregion
 export { s as isAppNavigationPending, o as isNavigationPending, a as trackNavigation, l as usePageNavigation };
 
 //# sourceMappingURL=pageNavigation.js.map

package/dist/domains/system/composables/recordActions.d.ts

@@ -0,0 +1,41 @@
+import { Ref } from 'vue';
+/**
+ * The record's get-one for a detail or edit page, in the shape `useRecordPage` reads: raises `loading`, runs `load`
+ * with the page's signal and answers `true` once it resolved, or what `handleRecordLoadError` says after it showed
+ * why it threw: `false` leave the page, `undefined` the request was stopped or the session expired (the page stays).
+ * `loading` goes down unless the load was aborted: the flag belongs to the next page by then.
+ *
+ * Inside `load` a bare `return` means loaded (`true`), not "stay" as in a hand-written loader, and everything thrown
+ * counts as the record failing to load. So only for the record's own single request: a second awaited request, a
+ * secondary request with its own error handling, an early exit meaning "stay", an own alert, an own abort check, an
+ * extra loaded/ready flag or a flag kept in a store stays hand-written.
+ *
+ * ```ts
+ * const fetchData = defineRecordLoader(detailLoading, async (id: IntegerId, signal) => {
+ *   faq.value = await fetchFaq({ urlParams: { id }, signal })
+ * })
+ * ```
+ */
+export declare const defineRecordLoader: <Id>(loading: Ref<boolean>, load: (id: Id, signal: AbortSignal | undefined) => Promise<void>) => (id: Id, options?: {
+    signal?: AbortSignal;
+}) => Promise<boolean | undefined>;
+/**
+ * The save of a create or edit form: raises `loading`, touches `v$` and stops with `showValidationError` when it is
+ * invalid, runs `save`, shows a thrown error with `showErrorsDefault`, lowers `loading`. The success alert and what
+ * follows it (a callback, a route push, closing a dialog) stay in `save`.
+ *
+ * `loading` and `v$` are taken when the save is defined, so both must exist by then. A second validator, a check
+ * before the flag goes up, a second flag, own error handling, work in `finally`, a returned value or a second
+ * request stays hand-written.
+ *
+ * ```ts
+ * const onUpdate = defineRecordSave(saveButtonLoading, v$, async () => {
+ *   faq.value = await updateFaq({ urlParams: { id: faq.value.id }, body: faq.value })
+ *   showRecordWas('updated')
+ * })
+ * ```
+ */
+export declare const defineRecordSave: <Args extends unknown[]>(loading: Ref<boolean>, v$: Ref<{
+    $touch: () => void;
+    $invalid: boolean;
+}>, save: (...args: Args) => Promise<void>) => (...args: Args) => Promise<void>;

package/dist/domains/system/composables/recordActions.js

@@ -0,0 +1,32 @@
+import { useAlerts as e } from "./alerts.js";
+import { handleRecordLoadError as t } from "./recordPage.js";
+// src/domains/system/composables/recordActions.ts
+var n = (e, n) => async (r, i = {}) => {
+	e.value = !0;
+	try {
+		return await n(r, i.signal), !0;
+	} catch (e) {
+		return !t(e) && void 0;
+	} finally {
+		i.signal?.aborted || (e.value = !1);
+	}
+}, r = (t, n, r) => {
+	let { showValidationError: i, showErrorsDefault: a } = e();
+	return async (...e) => {
+		t.value = !0;
+		try {
+			if (n.value.$touch(), n.value.$invalid) {
+				i();
+				return;
+			}
+			await r(...e);
+		} catch (e) {
+			a(e);
+		} finally {
+			t.value = !1;
+		}
+	};
+};
+export { n as defineRecordLoader, r as defineRecordSave };
+
+//# sourceMappingURL=recordActions.js.map

package/dist/domains/system/composables/recordActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recordActions.js","names":["defineRecordLoader","load","id","options","error","defineRecordSave","useAlerts","args","v$","save"],"sources":["../../../../src/domains/system/composables/recordActions.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { handleRecordLoadError } from '@/domains/system/composables/recordPage'\n\n/**\n * The record's get-one for a detail or edit page, in the shape `useRecordPage` reads: raises `loading`, runs `load`\n * with the page's signal and answers `true` once it resolved, or what `handleRecordLoadError` says after it showed\n * why it threw: `false` leave the page, `undefined` the request was stopped or the session expired (the page stays).\n * `loading` goes down unless the load was aborted: the flag belongs to the next page by then.\n *\n * Inside `load` a bare `return` means loaded (`true`), not \"stay\" as in a hand-written loader, and everything thrown\n * counts as the record failing to load. So only for the record's own single request: a second awaited request, a\n * secondary request with its own error handling, an early exit meaning \"stay\", an own alert, an own abort check, an\n * extra loaded/ready flag or a flag kept in a store stays hand-written.\n *\n * ```ts\n * const fetchData = defineRecordLoader(detailLoading, async (id: IntegerId, signal) => {\n *   faq.value = await fetchFaq({ urlParams: { id }, signal })\n * })\n * ```\n */\nexport const defineRecordLoader =\n  <Id>(loading: Ref<boolean>, load: (id: Id, signal: AbortSignal | undefined) => Promise<void>) =>\n  async (id: Id, options: { signal?: AbortSignal } = {}): Promise<boolean | undefined> => {\n    loading.value = true\n    try {\n      await load(id, options.signal)\n      return true\n    } catch (error) {\n      return handleRecordLoadError(error) ? false : undefined\n    } finally {\n      if (!options.signal?.aborted) loading.value = false\n    }\n  }\n\n/**\n * The save of a create or edit form: raises `loading`, touches `v$` and stops with `showValidationError` when it is\n * invalid, runs `save`, shows a thrown error with `showErrorsDefault`, lowers `loading`. The success alert and what\n * follows it (a callback, a route push, closing a dialog) stay in `save`.\n *\n * `loading` and `v$` are taken when the save is defined, so both must exist by then. A second validator, a check\n * before the flag goes up, a second flag, own error handling, work in `finally`, a returned value or a second\n * request stays hand-written.\n *\n * ```ts\n * const onUpdate = defineRecordSave(saveButtonLoading, v$, async () => {\n *   faq.value = await updateFaq({ urlParams: { id: faq.value.id }, body: faq.value })\n *   showRecordWas('updated')\n * })\n * ```\n */\nexport const defineRecordSave = <Args extends unknown[]>(\n  loading: Ref<boolean>,\n  v$: Ref<{ $touch: () => void; $invalid: boolean }>,\n  save: (...args: Args) => Promise<void>\n) => {\n  const { showValidationError, showErrorsDefault } = useAlerts()\n  return async (...args: Args): Promise<void> => {\n    loading.value = true\n    try {\n      v$.value.$touch()\n      if (v$.value.$invalid) {\n        showValidationError()\n        return\n      }\n      await save(...args)\n    } catch (error) {\n      showErrorsDefault(error)\n    } finally {\n      loading.value = false\n    }\n  }\n}\n"],"mappings":";;;AAqBA,IAAaA,KACN,GAAuB,MAC5B,OAAO,GAAQ,IAAoC,CAAC,MAAoC;CACtF,EAAQ,QAAQ;CAChB,IAAI;EAEF,OADA,MAAMC,EAAKC,GAAIC,EAAQ,MAAM,GACtB;CACT,SAASC,GAAO;EACd,OAAO,GAAsBA,CAAK,KAAY,KAAA;CAChD,UAAU;EACR,AAAKD,EAAQ,QAAQ,YAAS,EAAQ,QAAQ;CAChD;AACF,GAkBWE,KACX,GACA,GACA,MACG;CACH,IAAM,EAAE,wBAAqB,yBAAsBC,EAAU;CAC7D,OAAO,OAAO,GAAGC,MAA8B;EAC7C,EAAQ,QAAQ;EAChB,IAAI;GAEF,IADAC,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,UAAU;IACrB,EAAoB;IACpB;GACF;GACA,MAAMC,EAAK,GAAGF,CAAI;EACpB,SAASH,GAAO;GACd,EAAkBA,CAAK;EACzB,UAAU;GACR,EAAQ,QAAQ;EAClB;CACF;AACF"}

package/dist/domains/system/composables/recordPage.d.ts

@@ -27,6 +27,13 @@ export interface UseRecordPageOptions {
      * next one -- a create form that loads nothing -- must not inherit it.
      */
     loading?: Ref<boolean>;
+    /**
+     * The record's load, run on mount with the page's signal; `false` from it leaves the page (`leave`), `true` and
+     * `undefined` keep it. A load the page also calls later (a refresh after a save) is fine:
+     * `load: () => getData()`. Leave it out, and write the `onMounted` by hand, when the page acts on the result
+     * otherwise, loads in setup or makes more requests on mount.
+     */
+    load?: (signal: AbortSignal) => Promise<boolean | undefined>;
 }
 export interface UseRecordPageReturn {
     /** For the record's get-one: stopped when the page unmounts. */
@@ -41,14 +48,17 @@ export interface UseRecordPageReturn {
  * the load fails.
  *
  * ```ts
- * const { signal, leave } = useRecordPage({ fallbackRouteName: '/x', skipRouteNames: [...], loading: detailLoading })
- * onMounted(async () => {
- *   if ((await fetchData(id, { signal })) === false) await leave()
+ * useRecordPage({
+ *   fallbackRouteName: '/x',
+ *   skipRouteNames: [...],
+ *   loading: detailLoading,
+ *   load: (signal) => fetchData(id, { signal }),
  * })
  * ```
  *
  * `false` from the loader means "leave"; `undefined` is a load that was superseded or stopped on
- * purpose, after which the page stays.
+ * purpose, after which the page stays. A page that does more with the load writes its own `onMounted`
+ * with the returned `signal` and `leave`, see `load`.
  *
  * While the user is navigating to another page (an async guard, a lazy chunk; `trackNavigation`),
  * the page does not leave: the user's navigation decides, and should it fail, the page stays with