@protobase/ui 0.63.5 → 0.64.0

package/dist/app/import/prepare-rows.js

@@ -63,8 +63,15 @@ const foundOne = (context, finding) => {
 	const keys = context.lookups.keysOf(finding.model.name, finding.field, finding.value);
 	const named = `${fieldLabel(context.views[finding.model.name], finding.field).toLowerCase()} “${String(finding.value)}”`;
 	if (keys.length === 1) return { key: keys[0] };
-	if (keys.length === 0) return { none: text("noneHas", singularOf(context.views, finding.model.name), named) };
-	return { several: text("severalHave", keys.length, pluralOf(context.views, finding.model.name), named) };
+	if (keys.length === 0) return { none: text("noneHas", {
+		singular: singularOf(context.views, finding.model.name),
+		named
+	}) };
+	return { several: text("severalHave", {
+		count: keys.length,
+		plural: pluralOf(context.views, finding.model.name),
+		named
+	}) };
 };
 const isBlank = (row) => row.cells.every(isEmptyCell);
 /**
@@ -97,8 +104,8 @@ const prepareRows = async (rows, plan, context) => {
 			else problems.push(`${fieldLabel(views[model.name], field)}: ${found.none ?? found.several}`);
 		}
 		const existing = match && foundOne(context, match);
-		if (existing?.several) problems.push(text("notOneRecord", existing.several));
-		if (existing?.none && plan.mode === "update") problems.push(text("nothingToUpdate", existing.none));
+		if (existing?.several) problems.push(text("notOneRecord", { found: existing.several }));
+		if (existing?.none && plan.mode === "update") problems.push(text("nothingToUpdate", { found: existing.none }));
 		const prepared = {
 			line: row.line,
 			cells: row.cells,

package/dist/app/import/sheet-cell.js

@@ -13,6 +13,6 @@ const cellText = (cell) => {
 /** A column's letters as a spreadsheet names it: 0 is A, 27 is AB. */
 const columnLetters = (index) => index < 26 ? String.fromCharCode(65 + index) : columnLetters(Math.floor(index / 26) - 1) + columnLetters(index % 26);
 /** How the import names a column: its header, or "Column C" when the header cell is empty. */
-const columnName = (headers, index) => headers[index]?.trim() ? headers[index] : text("column", columnLetters(index));
+const columnName = (headers, index) => headers[index]?.trim() ? headers[index] : text("column", { letters: columnLetters(index) });
 //#endregion
 export { cellText, columnLetters, columnName, isEmptyCell, isSheetDate };

package/dist/app/import/xlsx-reader.js

@@ -4,7 +4,7 @@ import { zipEntries, zipText, zipTextChunks } from "./zip-reader.js";
 //#region src/app/import/xlsx-reader.ts
 const part = (entries, name) => {
 	const entry = entries.get(name);
-	if (!entry) throw new Error(text("notWorkbook", name));
+	if (!entry) throw new Error(text("notWorkbook", { part: name }));
 	return entry;
 };
 /**
@@ -25,7 +25,7 @@ const openWorkbook = async (blob) => {
 	};
 	async function* rows(name) {
 		const sheet = sheets.find((candidate) => candidate.name === name);
-		if (!sheet) throw new Error(text("noSheetCalled", name));
+		if (!sheet) throw new Error(text("noSheetCalled", { name }));
 		const shared = context ?? await sheetContext();
 		const scan = createRowScanner();
 		let line = 0;

package/dist/app/import/zip-reader.js

@@ -48,7 +48,10 @@ const zipEntryStream = async (blob, entry) => {
 	const raw = blob.slice(dataStart, dataStart + entry.size).stream();
 	if (entry.method === 0) return raw;
 	if (entry.method === 8) return raw.pipeThrough(new DecompressionStream("deflate-raw"));
-	throw new Error(text("compression", entry.name, entry.method));
+	throw new Error(text("compression", {
+		part: entry.name,
+		method: entry.method
+	}));
 };
 /** The entry's content as text, decoded as UTF-8 a chunk at a time. */
 async function* zipTextChunks(blob, entry) {

package/dist/app/list-actions/use-list-actions.js

@@ -54,7 +54,10 @@ const useListActions = (model) => {
 			};
 		}),
 		bulkActions: listed.filter((action) => action.bulk && action.run?.kind !== "link").map((action) => ({
-			label: (count) => text("actionCount", action.label, count),
+			label: (count) => text("actionCount", {
+				label: action.label,
+				count
+			}),
 			destructive: isDanger(action),
 			available: (row) => runner.appliesOn(action, rowRecord(model, row)),
 			onRun: (rows, skipped) => start({

package/dist/app/list-edit/messages.js

@@ -1,14 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/list-edit/messages.ts
-const text = defineMessages({
-	en: {
-		changedBySomeoneElse: "Changed by someone else",
-		couldNotSave: "Could not save"
-	},
-	nl: {
-		changedBySomeoneElse: "Gewijzigd door iemand anders",
-		couldNotSave: "Kon niet bewaren"
-	}
-});
+const text = messages("app/list-edit");
 //#endregion
 export { text };

package/dist/app/list-empty-state.js

@@ -3,25 +3,28 @@ import { text } from "./list-messages.js";
 /** Why a list has no rows, and the buttons that help: clear the search, clear the filters, or create the first record. */
 const listEmptyState = ({ plural, search, filtered, scoped, canCreate }) => {
 	if (search) return {
-		message: text("noMatchSearch", plural, search),
+		message: text("noMatchSearch", {
+			plural,
+			search
+		}),
 		clearSearch: true,
 		clearFilters: filtered,
 		create: false
 	};
 	if (filtered) return {
-		message: text("noMatchFilters", plural),
+		message: text("noMatchFilters", { plural }),
 		clearSearch: false,
 		clearFilters: true,
 		create: false
 	};
 	if (scoped) return {
-		message: text("noMatch", plural),
+		message: text("noMatch", { plural }),
 		clearSearch: false,
 		clearFilters: false,
 		create: false
 	};
 	return {
-		message: text("noneYet", plural),
+		message: text("noneYet", { plural }),
 		clearSearch: false,
 		clearFilters: false,
 		create: canCreate

package/dist/app/list-group-chart.js

@@ -7,7 +7,7 @@ const measureTitle = (chart, view, plural) => {
 	const name = chart.sum ?? chart.average;
 	if (name === void 0) return plural;
 	const label = view?.fields[name]?.label ?? humanize(name);
-	return chart.sum !== void 0 ? `${label}` : text("average", label);
+	return chart.sum !== void 0 ? `${label}` : text("average", { label });
 };
 /** The view's chart per value of a field, above the list and following its filter. */
 const ListGroupChart = ({ model, view, chart, plural, filter }) => {

package/dist/app/list-messages.js

@@ -1,56 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/app/list-messages.ts
-const text = defineMessages({
-	en: {
-		noList: (name) => `There is no list called ${name}.`,
-		searchPlural: (plural) => `Search ${plural.toLowerCase()}`,
-		search: "Search",
-		sort: "Sort",
-		filters: "Filters",
-		filtersCount: (count) => `Filters (${count})`,
-		newRecord: (singular) => `New ${singular.toLowerCase()}`,
-		export: "Export",
-		openRecord: (singular) => `Open ${singular.toLowerCase()}`,
-		delete: "Delete",
-		exportCount: (count) => `Export ${count}`,
-		deleteCount: (count) => `Delete ${count}`,
-		actionCount: (label, count) => `${label} (${count})`,
-		dragToSort: "Drag a row by its handle to move it. Every move is saved as you drop it.",
-		unreadableFilter: "The filter in the address could not be read",
-		couldNotLoadRows: "Could not load rows",
-		created: (plural) => `${plural} created`,
-		noMatchSearch: (plural, search) => `No ${plural.toLowerCase()} match “${search}”.`,
-		noMatchFilters: (plural) => `No ${plural.toLowerCase()} match these filters.`,
-		noMatch: (plural) => `No ${plural.toLowerCase()} match.`,
-		noneYet: (plural) => `No ${plural.toLowerCase()} yet.`,
-		clearSearch: "Clear search",
-		clearFilters: "Clear filters"
-	},
-	nl: {
-		noList: (name) => `Er is geen lijst met de naam ${name}.`,
-		searchPlural: (plural) => `Zoeken in ${plural.toLowerCase()}`,
-		search: "Zoeken",
-		sort: "Sorteren",
-		filters: "Filters",
-		filtersCount: (count) => `Filters (${count})`,
-		newRecord: (singular) => `${singular} toevoegen`,
-		export: "Exporteren",
-		openRecord: (singular) => `${singular} openen`,
-		delete: "Verwijderen",
-		exportCount: (count) => `${count} exporteren`,
-		deleteCount: (count) => `${count} verwijderen`,
-		actionCount: (label, count) => `${label} (${count})`,
-		dragToSort: "Sleep een rij aan de greep om hem te verplaatsen. Elke verplaatsing wordt bewaard zodra je loslaat.",
-		unreadableFilter: "Het filter in het adres kon niet worden gelezen",
-		couldNotLoadRows: "Kon de rijen niet laden",
-		created: (plural) => `${plural} aangemaakt`,
-		noMatchSearch: (plural, search) => `Geen ${plural.toLowerCase()} gevonden voor “${search}”.`,
-		noMatchFilters: (plural) => `Geen ${plural.toLowerCase()} gevonden met deze filters.`,
-		noMatch: (plural) => `Geen ${plural.toLowerCase()} gevonden.`,
-		noneYet: (plural) => `Nog geen ${plural.toLowerCase()}.`,
-		clearSearch: "Zoekopdracht wissen",
-		clearFilters: "Filters wissen"
-	}
-});
+const text = messages("app/list");
 //#endregion
 export { text };

package/dist/app/list-page.js

@@ -88,12 +88,12 @@ const ListPage = ({ address }) => {
 		prompt: prompt.signIn
 	}) : /* @__PURE__ */ jsx(Notice, {
 		title: text("notFound"),
-		children: text("noResource", address.resource)
+		children: text("noResource", { name: address.resource })
 	});
 	const view = viewOfList(views[address.resource], address.list);
 	if (address.list !== void 0 && !view) return /* @__PURE__ */ jsx(Notice, {
 		title: text("notFound"),
-		children: text$1("noList", address.list)
+		children: text$1("noList", { name: address.list })
 	});
 	if (view?.searchesOf) return /* @__PURE__ */ jsx(SavedSearches, {
 		model,
@@ -227,7 +227,7 @@ const LoadedList = ({ model, address, scope, heading }) => {
 	const searchBox = model.search?.length ? /* @__PURE__ */ jsx(ListSearch, {
 		value: search?.kind === "search" ? search.text : "",
 		onCommit: commitSearch,
-		placeholder: text$1("searchPlural", plural),
+		placeholder: text$1("searchPlural", { plural }),
 		className: desktop ? void 0 : "min-h-11"
 	}) : null;
 	const panel = /* @__PURE__ */ jsx(FilterPanel, {
@@ -269,7 +269,7 @@ const LoadedList = ({ model, address, scope, heading }) => {
 					className: "min-h-11",
 					onClick: () => setSheetOpen(true),
 					"aria-haspopup": "dialog",
-					children: [/* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-3.5" }), chips.length > 0 ? text$1("filtersCount", chips.length) : text$1("filters")]
+					children: [/* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-3.5" }), chips.length > 0 ? text$1("filtersCount", { count: chips.length }) : text$1("filters")]
 				}), searchBox ?? /* @__PURE__ */ jsx("div", {
 					className: "min-w-0 flex-1",
 					children: chipsRow
@@ -297,7 +297,7 @@ const LoadedList = ({ model, address, scope, heading }) => {
 			resource
 		},
 		className: buttonClass({ variant: "primary" }),
-		children: [/* @__PURE__ */ jsx(Plus, { className: "size-3.5" }), text$1("newRecord", singular)]
+		children: [/* @__PURE__ */ jsx(Plus, { className: "size-3.5" }), text$1("newRecord", { singular })]
 	});
 	const saveSearch = view?.saveSearch && !scope && parsed.ok && filterText && /* @__PURE__ */ jsx(SaveSearchButton, {
 		model,
@@ -366,7 +366,7 @@ const LoadedList = ({ model, address, scope, heading }) => {
 		onScrollIndex: scroll.remember,
 		rowActions: [
 			{
-				label: text$1("openRecord", singular),
+				label: text$1("openRecord", { singular }),
 				onSelect: openRecord
 			},
 			...named.rowActions,
@@ -379,12 +379,12 @@ const LoadedList = ({ model, address, scope, heading }) => {
 		],
 		bulkActions: [
 			...exportOffered(view) && exportsSelection(model) ? [{
-				label: (count) => text$1("exportCount", count),
+				label: (count) => text$1("exportCount", { count }),
 				onRun: (rows) => exportFlow.open(rows)
 			}] : [],
 			...named.bulkActions,
 			...can(permissions, "delete") ? [{
-				label: (count) => text$1("deleteCount", count),
+				label: (count) => text$1("deleteCount", { count }),
 				destructive: true,
 				onRun: (rows) => remove.startBulk(rows.map(target))
 			}] : []
@@ -523,7 +523,7 @@ const LoadedList = ({ model, address, scope, heading }) => {
 			}) : /* @__PURE__ */ jsx(ListChart, {
 				resource,
 				chart: view.chart,
-				title: text$1("created", plural),
+				title: text$1("created", { plural }),
 				noun: plural.toLowerCase(),
 				filter: loadFilter
 			})),

package/dist/app/live-update/messages.js

@@ -1,14 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/live-update/messages.ts
-const text = defineMessages({
-	en: {
-		holdTitle: "Updating the app",
-		holdLine: "The new version is downloading. The app opens it in a moment."
-	},
-	nl: {
-		holdTitle: "De app wordt bijgewerkt",
-		holdLine: "De nieuwe versie wordt gedownload. De app opent die zo."
-	}
-});
+const text = messages("app/live-update");
 //#endregion
 export { text };

package/dist/app/map/messages.js

@@ -1,14 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/map/messages.ts
-const text = defineMessages({
-	en: {
-		mapLayer: "Map layer",
-		map: "Map"
-	},
-	nl: {
-		mapLayer: "Kaartlaag",
-		map: "Kaart"
-	}
-});
+const text = messages("app/map");
 //#endregion
 export { text };

package/dist/app/messages.js

@@ -1,142 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/app/messages.ts
-const text = defineMessages({
-	en: {
-		notFound: "Not found",
-		noResource: (name) => `There is no resource called ${name}.`,
-		somethingWentWrong: "Something went wrong",
-		signInPolicy: "Sign-in policy",
-		adminsOnly: "Admins only",
-		onlyAdminPolicy: "Only an admin can change how people sign in.",
-		ownersOnly: "Owners and admins only",
-		onlyOwners: "Only the organization's owners and admins manage its members.",
-		chooseResource: "Choose a resource",
-		pickFromSidebar: "Pick one from the sidebar.",
-		nothingHere: "There is nothing at this address.",
-		noPage: "There is no page called {}.",
-		assistant: "Assistant",
-		operationFailed: (index, label, message) => `Operation ${index} (${label}) failed: ${message} Nothing was saved.`,
-		nothingSaved: (message) => `${message} Nothing was saved.`,
-		admin: "Admin",
-		new: "New",
-		loadingRecord: "Loading record",
-		noComponent: "No component is registered as {}. Export it from protobase.ui.tsx, or load the plugin that provides it.",
-		choose: "Choose...",
-		fileMissing: "The file is missing from storage",
-		chooseFileFor: (label) => `Choose a file for ${label}`,
-		notUploaded: "Not uploaded",
-		uploadingLabel: (label) => `Uploading ${label}`,
-		uploading: (percent) => `Uploading… ${percent}%`,
-		replace: "Replace",
-		remove: "Remove",
-		dropFile: "Drop a file here or",
-		chooseFile: "Choose a file",
-		average: (label) => `Average ${label.toLowerCase()}`,
-		pages: "Pages",
-		account: "Account",
-		sales: "Sales",
-		crm: "CRM",
-		catalog: "Catalog",
-		inventory: "Inventory",
-		hr: "HR",
-		cannotReach: (label) => `Cannot reach ${label}`,
-		searchPlural: (plural) => `Search ${plural}`,
-		couldNotLoadOptions: "Could not load the options",
-		noMatches: "No matches",
-		loading: "Loading",
-		leaveTitle: "Leave without saving?",
-		leaveDescription: "You have unsaved changes on this page. They stay in this browser, and come back when you open the record again.",
-		leaveInputLost: "You have unsaved changes on this page. They are lost when you leave.",
-		stay: "Stay",
-		leave: "Leave",
-		reloadTitle: "Reload without saving?",
-		reloadDraftKept: "You have unsaved changes on this page. They stay in this browser, and come back after the page reloads.",
-		reloadInputLost: "You have unsaved changes on this page. They are lost when the page reloads.",
-		keepEditing: "Keep editing",
-		reload: "Reload",
-		show: (label) => `Show ${label}`,
-		hide: (label) => `Hide ${label}`,
-		couldNotShow: (label) => `Could not show the ${label}`,
-		setNewValue: "Set a new value",
-		noAnswer: "It did not answer.",
-		signInRefused: (message) => `It did not accept your sign-in: ${message}`,
-		loadingFrom: (label) => `Loading from ${label}`,
-		restWorks: "The rest of the app works as before.",
-		tryAgain: "Try again",
-		staffSession: "Staff session",
-		staffSignedIn: "{} is signed in as {} until {}. Reason: {}",
-		stopStaffSession: "Stop staff session",
-		open: "Open",
-		openLabel: (label) => `Open ${label}`
-	},
-	nl: {
-		notFound: "Niet gevonden",
-		noResource: (name) => `Er is geen onderdeel met de naam ${name}.`,
-		somethingWentWrong: "Er ging iets mis",
-		signInPolicy: "Inlogbeleid",
-		adminsOnly: "Alleen beheerders",
-		onlyAdminPolicy: "Alleen een beheerder kan wijzigen hoe mensen inloggen.",
-		ownersOnly: "Alleen eigenaren en beheerders",
-		onlyOwners: "Alleen de eigenaren en beheerders van de organisatie beheren de leden.",
-		chooseResource: "Kies een onderdeel",
-		pickFromSidebar: "Kies er een in de zijbalk.",
-		nothingHere: "Er is niets op dit adres.",
-		noPage: "Er is geen pagina met de naam {}.",
-		assistant: "Assistent",
-		operationFailed: (index, label, message) => `Bewerking ${index} (${label}) mislukte: ${message} Er is niets bewaard.`,
-		nothingSaved: (message) => `${message} Er is niets bewaard.`,
-		admin: "Beheer",
-		new: "Nieuw",
-		loadingRecord: "Record laden",
-		noComponent: "Er is geen component geregistreerd als {}. Exporteer die uit protobase.ui.tsx, of laad de plug-in die haar levert.",
-		choose: "Kiezen...",
-		fileMissing: "Het bestand ontbreekt in de opslag",
-		chooseFileFor: (label) => `Kies een bestand voor ${label}`,
-		notUploaded: "Niet geüpload",
-		uploadingLabel: (label) => `${label} uploaden`,
-		uploading: (percent) => `Uploaden… ${percent}%`,
-		replace: "Vervangen",
-		remove: "Verwijderen",
-		dropFile: "Zet hier een bestand neer of",
-		chooseFile: "Kies een bestand",
-		average: (label) => `${label}, gemiddeld`,
-		pages: "Pagina's",
-		account: "Account",
-		sales: "Verkoop",
-		crm: "CRM",
-		catalog: "Catalogus",
-		inventory: "Voorraad",
-		hr: "HR",
-		cannotReach: (label) => `Kan ${label} niet bereiken`,
-		searchPlural: (plural) => `${plural} zoeken`,
-		couldNotLoadOptions: "Kon de keuzes niet laden",
-		noMatches: "Niets gevonden",
-		loading: "Laden",
-		leaveTitle: "Weggaan zonder te bewaren?",
-		leaveDescription: "Je hebt niet-bewaarde wijzigingen op deze pagina. Ze blijven in deze browser, en komen terug als je het record weer opent.",
-		leaveInputLost: "Je hebt niet-bewaarde wijzigingen op deze pagina. Ze gaan verloren als je weggaat.",
-		stay: "Blijven",
-		leave: "Weggaan",
-		reloadTitle: "Opnieuw laden zonder op te slaan?",
-		reloadDraftKept: "Er zijn niet-opgeslagen wijzigingen op deze pagina. Ze blijven bewaard in deze browser en komen terug zodra de pagina opnieuw is geladen.",
-		reloadInputLost: "Er zijn niet-opgeslagen wijzigingen op deze pagina. Ze gaan verloren als de pagina opnieuw wordt geladen.",
-		keepEditing: "Verder bewerken",
-		reload: "Opnieuw laden",
-		show: (label) => `${label} tonen`,
-		hide: (label) => `${label} verbergen`,
-		couldNotShow: (label) => `Kon ${label} niet tonen`,
-		setNewValue: "Nieuwe waarde instellen",
-		noAnswer: "Het antwoordde niet.",
-		signInRefused: (message) => `Het accepteerde je inlog niet: ${message}`,
-		loadingFrom: (label) => `Laden van ${label}`,
-		restWorks: "De rest van de app werkt zoals eerst.",
-		tryAgain: "Opnieuw proberen",
-		staffSession: "Sessie van een medewerker",
-		staffSignedIn: "{} is ingelogd als {} tot {}. Reden: {}",
-		stopStaffSession: "Sessie van medewerker stoppen",
-		open: "Openen",
-		openLabel: (label) => `${label} openen`
-	}
-});
+const text = messages("app");
 //#endregion
 export { text };

package/dist/app/meta-gate-messages.js

@@ -1,16 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/app/meta-gate-messages.ts
-const text = defineMessages({
-	en: {
-		loading: "Loading",
-		cannotReach: "Cannot reach the API",
-		noAnswer: "The server did not answer. Is it running?"
-	},
-	nl: {
-		loading: "Laden",
-		cannotReach: "De API is niet bereikbaar",
-		noAnswer: "De server gaf geen antwoord. Draait hij?"
-	}
-});
+const text = messages("app/meta-gate");
 //#endregion
 export { text };

package/dist/app/nav-from-meta.js

@@ -28,7 +28,7 @@ const schemaGroup = (schema = "public") => {
 const createLink = (meta, view, nav, singular, basePath) => {
 	if (!nav?.create || !createOffered(view, meta.pages, meta.permissions[view.resource] ?? allowEverything)) return {};
 	return { create: {
-		label: nav.create === true ? text$1("title", singular) : nav.create.label,
+		label: nav.create === true ? text$1("title", { noun: singular }) : nav.create.label,
 		href: appPath({
 			kind: "create",
 			resource: view.resource
@@ -138,7 +138,7 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 				kind: "list",
 				resource
 			}, basePath),
-			problem: text("cannotReach", status.source.label)
+			problem: text("cannotReach", { label: status.source.label })
 		});
 		groups.set(status.source.label, group);
 	}

package/dist/app/new-version/messages.js

@@ -1,24 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/new-version/messages.ts
-const text = defineMessages({
-	en: {
-		title: "This app has been updated",
-		description: "Reload the page to use the new version, when it suits you.",
-		reload: "Reload",
-		reloadPage: "Reload page",
-		reloadPageHint: "Reload page to use the new version",
-		bannerTitle: "{} updated",
-		bannerLine: "Save your work, then click here to reload. You may see errors until you do."
-	},
-	nl: {
-		title: "Deze app is bijgewerkt",
-		description: "Laad de pagina opnieuw voor de nieuwe versie, wanneer het uitkomt.",
-		reload: "Opnieuw laden",
-		reloadPage: "Opnieuw laden",
-		reloadPageHint: "Opnieuw laden om de nieuwe versie te gebruiken",
-		bannerTitle: "{} bijgewerkt",
-		bannerLine: "Sla je werk op en klik hier om te herladen. Tot dan kunnen er fouten optreden."
-	}
-});
+const text = messages("app/new-version");
 //#endregion
 export { text };

package/dist/app/new-version/new-version-banner.js

@@ -1,6 +1,5 @@
 import { useAdminMeta } from "../meta-gate.js";
 import { useRouter } from "../router.js";
-import { slotted } from "../../locale/slotted.js";
 import { text } from "./messages.js";
 import { RotateCw } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -25,7 +24,7 @@ const NewVersionBanner = () => {
 			className: "flex min-w-0 flex-col gap-0.5",
 			children: [/* @__PURE__ */ jsx("span", {
 				className: "break-words font-semibold",
-				children: appName ? slotted(text("bannerTitle"), appName) : text("title")
+				children: appName ? text.rich("bannerTitle", { app: appName }) : text("title")
 			}), /* @__PURE__ */ jsx("span", {
 				className: "text-xs",
 				children: text("bannerLine")

package/dist/app/pages/action-inputs/action-inputs-dialog.js

@@ -91,7 +91,7 @@ const ActionInputsDialog = ({ action, label, danger, onCancel, onSubmit }) => {
 				submit();
 			},
 			children: [failure !== void 0 && Object.keys(errors).length === 0 && /* @__PURE__ */ jsx(ErrorBanner, {
-				title: text("failed", label),
+				title: text("failed", { label }),
 				error: failure
 			}), action.inputs.filter((input) => shown.has(input.name)).map((input) => /* @__PURE__ */ jsx(Field, {
 				label: input.label,

package/dist/app/pages/action-inputs/input-answers.js

@@ -77,7 +77,7 @@ const refusal = (input, value) => {
 	if (input.kind === "integer" && !Number.isInteger(value)) return text("wholeNumber");
 	if (input.kind === "decimal" && !decimal.test(String(value))) return text("number");
 	if (input.kind === "date" && !date.test(String(value))) return text("dateFormat");
-	if (input.max !== void 0 && String(value).length > input.max) return text("atMost", input.max);
+	if (input.max !== void 0 && String(value).length > input.max) return text("atMost", { max: input.max });
 };
 /** What is wrong with the answers that show, by input name: one left empty that is required, a number that is none, a text too long. */
 const refusedAnswers = (inputs, values) => Object.fromEntries(inputs.flatMap((input) => {

package/dist/app/pages/blocks/modal-form.js

@@ -44,7 +44,7 @@ const ModalFormDialog = ({ model, record, mode, label, title, fields, values, on
 			await refresh(model.name);
 			toast.show({
 				state: "success",
-				title: text("saved", title ?? label)
+				title: text("saved", { label: title ?? label })
 			});
 			onClose();
 		}, (error) => {

package/dist/app/pages/blocks/settings.js

@@ -69,7 +69,7 @@ const SettingsForm = ({ model, fields, title, description, stored: loaded }) =>
 				await refresh(model.name);
 				toast.show({
 					state: "success",
-					title: text("saved", title ?? text("settings"))
+					title: text("saved", { label: title ?? text("settings") })
 				});
 			}, (error) => {
 				setErrors((current) => ({

package/dist/app/pages/blocks/tabs.js

@@ -46,7 +46,7 @@ const TabsBlock = ({ node, children }) => {
 					}) }, tab.name))
 				})
 			}),
-			shown ? /* @__PURE__ */ jsx(Fragment, { children: children[tabs.indexOf(shown)] }, shown.name) : /* @__PURE__ */ jsx(Problem, { children: text("noTab", named ?? "") })
+			shown ? /* @__PURE__ */ jsx(Fragment, { children: children[tabs.indexOf(shown)] }, shown.name) : /* @__PURE__ */ jsx(Problem, { children: text("noTab", { name: named ?? "" }) })
 		]
 	});
 };

package/dist/app/pages/composed-page.js

@@ -1,6 +1,5 @@
 import { Notice, useAdminMeta } from "../meta-gate.js";
 import { PageTabsProvider } from "./page-tabs.js";
-import { slotted } from "../../locale/slotted.js";
 import { text } from "./messages.js";
 import { RenderNode } from "./render-node.js";
 import { jsx } from "react/jsx-runtime";
@@ -11,7 +10,7 @@ const ComposedPage = ({ name, tab }) => {
 	const page = useAdminMeta().pages[name];
 	if (!page) return /* @__PURE__ */ jsx(Notice, {
 		title: text("notFound"),
-		children: slotted(text("noPage"), name)
+		children: text.rich("noPage", { page: name })
 	});
 	const pathOf = (shown) => appPath({
 		kind: "page",

package/dist/app/pages/custom-boundary.js

@@ -1,6 +1,5 @@
 import { reportRenderError } from "../error-reporting.js";
 import { Problem } from "./problem.js";
-import { slotted } from "../../locale/slotted.js";
 import { text } from "./messages.js";
 import { Component } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -16,7 +15,7 @@ var CustomBoundary = class extends Component {
 	}
 	render() {
 		if (!this.state.failed) return this.props.children;
-		return this.props.fallback === void 0 ? /* @__PURE__ */ jsx(Problem, { children: slotted(text("couldNotDraw"), this.props.name) }) : this.props.fallback;
+		return this.props.fallback === void 0 ? /* @__PURE__ */ jsx(Problem, { children: text.rich("couldNotDraw", { name: this.props.name }) }) : this.props.fallback;
 	}
 };
 //#endregion