npm - @alfakit/vue - Versions diffs - 0.1.8 → 0.1.10 - Mend

@alfakit/vue 0.1.8 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

package/dist/components/table/Spreadsheet.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -27,12 +27,12 @@ var Se = {
 }, we = {
 	key: 1,
 	class: "text-destructive ms-2"
-}, j = [
+}, Te = [
 	"aria-label",
 	"aria-rowcount",
 	"aria-colcount",
 	"aria-busy"
-], Te = { "aria-rowindex": "1" }, Ee = ["aria-colindex"], De = ["data-index", "aria-rowindex"], Oe = [
+], Ee = { "aria-rowindex": "1" }, De = ["aria-colindex"], Oe = ["data-index", "aria-rowindex"], j = [
 	"id",
 	"tabindex",
 	"aria-selected",
@@ -69,13 +69,17 @@ var Se = {
 	"aria-atomic": "true",
 	class: "sr-only",
 	"data-slot": "spreadsheet-announcement"
-}, Ve = {
+}, Ve = { class: "block" }, He = {
+	key: 0,
+	class: "block",
+	"data-slot": "spreadsheet-paste-skipped"
+}, Ue = {
 	"data-slot": "spreadsheet-paste",
 	class: "flex flex-col gap-3"
-}, He = {
+}, We = {
 	key: 0,
 	class: "text-muted-foreground flex items-center gap-2 text-sm"
-}, Ue = {
+}, Ge = {
 	key: 1,
 	class: "text-destructive flex max-h-48 flex-col gap-1 overflow-auto text-sm"
 }, M = /*@__PURE__*/ b({
@@ -87,9 +91,9 @@ var Se = {
 	},
 	emits: ["close"],
 	setup(b, { emit: M }) {
-		let N = b, We = M, P = r(), F = e(), Ge = t(), Ke = n(), I = `spreadsheet-${be()}`, L = p(() => me(N.table)), R = p(() => he(N.table.records ?? [], L.value)), z = new ue(R.value, L.value), B = ee(z.store), V = C(""), H = C(null), U = C(null), W = `${I}-help`;
+		let N = b, Ke = M, P = r(), F = e(), qe = t(), Je = n(), I = `spreadsheet-${be()}`, L = p(() => me(N.table)), R = p(() => he(N.table.records ?? [], L.value)), z = new ue(R.value, L.value), B = ee(z.store), V = C(""), H = C(null), U = C(null), W = `${I}-help`;
 		D([R, L], ([e, t]) => z.setData(e, t));
-		let G = ne(() => R.value.length, () => _e(N.table.virtualize, de.row)), K = p(() => Ke.value.endpoints.tableCells), q = p(() => (B.value, z.errorCells()));
+		let G = ne(() => R.value.length, () => _e(N.table.virtualize, de.row)), K = p(() => Je.value.endpoints.tableCells), q = p(() => (B.value, z.errorCells()));
 		function J(e) {
 			e && (V.value = F(e.key, e.count, {}, e.fallback));
 		}
@@ -125,7 +129,7 @@ var Se = {
 				}
 			}
 		}
-		async function qe() {
+		async function Ye() {
 			let e = z.undoSaveChanges();
 			if (K.value && e.length !== 0) {
 				z.setSaving(!0);
@@ -137,17 +141,17 @@ var Se = {
 				}
 			}
 		}
-		function Je() {
-			z.dirtyCount > 0 && !window.confirm(P("table.spreadsheet.discard_confirm", {}, "Discard your unsaved changes?")) || (z.discard(), We("close"));
+		function Xe() {
+			z.dirtyCount > 0 && !window.confirm(P("table.spreadsheet.discard_confirm", {}, "Discard your unsaved changes?")) || (z.discard(), Ke("close"));
 		}
-		function Ye(e) {
-			let t = z.handleKey(e, Ge.value);
+		function Ze(e) {
+			let t = z.handleKey(e, qe.value);
 			t !== "ignored" && (e.preventDefault(), t === "save" ? X() : t === "undo" ? J(u("undo", z.undo())) : (t === "fill" || t === "clear") && J(u(t, z.lastApplied)), (t === "commit" || t === "cancel" || t === "toggle") && Y(z.state.active.row, z.state.active.col));
 		}
-		function Xe(e) {
+		function Qe(e) {
 			!z.state.editing && e.clipboardData && (e.preventDefault(), e.clipboardData.setData("text/plain", z.copyText()), J(u("copy", ge(z.bounds()))));
 		}
-		function Ze(e) {
+		function $e(e) {
 			if (z.state.editing || !e.clipboardData) return;
 			e.preventDefault();
 			let t = z.planPaste(e.clipboardData.getData("text/plain"));
@@ -174,13 +178,13 @@ var Se = {
 				};
 			});
 		}
-		function Qe() {
+		function et() {
 			let e = H.value;
 			if (!e) return;
 			let t = z.apply(e.plan.changes);
 			e.errors.length > 0 && z.setErrors(e.errors), J(u("paste", t)), H.value = null;
 		}
-		function $e(e) {
+		function tt(e) {
 			let t = le[e.reason];
 			return P(t.key, {
 				text: e.text,
@@ -188,7 +192,7 @@ var Se = {
 				row: e.row + 1
 			}, t.fallback);
 		}
-		function et(e) {
+		function nt(e) {
 			let t = z.position(e.record, e.column);
 			return P("table.spreadsheet.cell_error", {
 				row: (t?.row ?? -1) + 1,
@@ -203,10 +207,10 @@ var Se = {
 		function Q(e, t) {
 			return B.value.editing?.row === e && B.value.editing.col === t;
 		}
-		function tt(e, t, n) {
+		function rt(e, t, n) {
 			z.updateDraft(e.target.value), z.commitEdit(), Y(t, n);
 		}
-		let nt = (e) => e.replace(/<[^>]*>/g, ""), $ = { mounted: (e) => e.focus() };
+		let it = (e) => e.replace(/<[^>]*>/g, ""), $ = { mounted: (e) => e.focus() };
 		return (e, t) => (S(), g("div", Se, [
 			_("div", Ce, [
 				y(i, {
@@ -234,7 +238,7 @@ var Se = {
 					size: "sm",
 					variant: "outline",
 					disabled: E(B).saving,
-					onClick: qe
+					onClick: Ye
 				}, {
 					default: O(() => [v(T(E(P)("table.spreadsheet.undo_save", {}, "Undo last save")), 1)]),
 					_: 1
@@ -255,7 +259,7 @@ var Se = {
 					type: "button",
 					size: "sm",
 					variant: "outline",
-					onClick: Je
+					onClick: Xe
 				}, {
 					default: O(() => [v(T(E(P)("table.spreadsheet.close", {}, "Done")), 1)]),
 					_: 1
@@ -281,16 +285,16 @@ var Se = {
 				"aria-busy": E(B).saving || void 0,
 				"data-slot": "spreadsheet-grid",
 				class: x(E(s).table),
-				onKeydown: Ye,
-				onCopy: Xe,
-				onPaste: Ze
-			}, [_("thead", null, [_("tr", Te, [(S(!0), g(f, null, w(L.value, (e, t) => (S(), g("th", {
+				onKeydown: Ze,
+				onCopy: Qe,
+				onPaste: $e
+			}, [_("thead", null, [_("tr", Ee, [(S(!0), g(f, null, w(L.value, (e, t) => (S(), g("th", {
 				key: e.name,
 				role: "columnheader",
 				scope: "col",
 				"aria-colindex": t + 1,
 				class: x(E(s).header)
-			}, T(e.label), 11, Ee))), 128))])]), _("tbody", { ref: E(G).attach }, [
+			}, T(e.label), 11, De))), 128))])]), _("tbody", { ref: E(G).attach }, [
 				y(o, {
 					height: E(G).range.value.before,
 					"col-span": L.value.length
@@ -322,13 +326,13 @@ var Se = {
 					class: x(E(s).editor),
 					"aria-label": n.label,
 					value: Z(),
-					onChange: (t) => tt(t, e, r),
+					onChange: (t) => rt(t, e, r),
 					onBlur: t[2] ||= (e) => E(z).cancelEdit()
 				}, [_("option", Ae, T(E(P)("table.spreadsheet.no_value", {}, "—")), 1), (S(!0), g(f, null, w(n.options, (e) => (S(), g("option", {
 					key: e.value,
 					value: e.value,
 					disabled: e.disabled
-				}, T(nt(e.label)), 9, je))), 128))], 42, ke)), [[$]]) : Q(e, r) ? k((S(), g("input", {
+				}, T(it(e.label)), 9, je))), 128))], 42, ke)), [[$]]) : Q(e, r) ? k((S(), g("input", {
 					key: 1,
 					type: n.kind === "number" ? "text" : n.inputType ?? "text",
 					inputmode: n.kind === "number" ? "decimal" : void 0,
@@ -344,12 +348,12 @@ var Se = {
 				}, [E(z).value(e, r) ? (S(), m(E(xe), {
 					key: 0,
 					class: "size-3"
-				})) : h("", !0)], 8, Pe), _("span", Fe, T(E(z).value(e, r) ? E(P)("table.spreadsheet.yes", {}, "Yes") : E(P)("table.spreadsheet.no", {}, "No")), 1)])) : (S(), g(f, { key: 3 }, [v(T(E(z).text(e, r)), 1)], 64)), E(z).errorsAt(e, r).length > 0 ? (S(), g("span", Ie, T(E(z).errorsAt(e, r).join(" ")), 1)) : h("", !0)], 16, Oe))), 128))], 8, De)) : h("", !0)], 64))), 128)),
+				})) : h("", !0)], 8, Pe), _("span", Fe, T(E(z).value(e, r) ? E(P)("table.spreadsheet.yes", {}, "Yes") : E(P)("table.spreadsheet.no", {}, "No")), 1)])) : (S(), g(f, { key: 3 }, [v(T(E(z).text(e, r)), 1)], 64)), E(z).errorsAt(e, r).length > 0 ? (S(), g("span", Ie, T(E(z).errorsAt(e, r).join(" ")), 1)) : h("", !0)], 16, j))), 128))], 8, Oe)) : h("", !0)], 64))), 128)),
 				y(o, {
 					height: E(G).range.value.after,
 					"col-span": L.value.length
 				}, null, 8, ["height", "col-span"])
-			], 512)], 42, j), R.value.length === 0 ? (S(), g("p", Le, T(E(P)("table.spreadsheet.empty", {}, "No records to edit.")), 1)) : h("", !0)], 2),
+			], 512)], 42, Te), R.value.length === 0 ? (S(), g("p", Le, T(E(P)("table.spreadsheet.empty", {}, "No records to edit.")), 1)) : h("", !0)], 2),
 			q.value.length > 0 ? (S(), g("ul", Re, [(S(!0), g(f, null, w(q.value, (e) => (S(), g("li", { key: e.key }, [_("button", {
 				type: "button",
 				class: "text-start hover:underline",
@@ -373,12 +377,12 @@ var Se = {
 								default: O(() => [v(T(E(P)("table.spreadsheet.paste_title", {}, "Paste cells")), 1)]),
 								_: 1
 							}), y(ae, null, {
-								default: O(() => [v(T(E(F)("table.spreadsheet.paste_summary", H.value?.plan.changes.length ?? 0, {}, ":count cell will change|:count cells will change")) + " ", 1), (H.value?.plan.skipped ?? 0) > 0 ? (S(), g(f, { key: 0 }, [v(T(E(F)("table.spreadsheet.paste_skipped", H.value?.plan.skipped ?? 0, {}, ":count read-only cell is skipped|:count read-only cells are skipped")), 1)], 64)) : h("", !0)]),
+								default: O(() => [_("span", Ve, T(E(F)("table.spreadsheet.paste_summary", H.value?.plan.changes.length ?? 0, {}, ":count cell will change|:count cells will change")), 1), (H.value?.plan.skipped ?? 0) > 0 ? (S(), g("span", He, T(E(F)("table.spreadsheet.paste_skipped", H.value?.plan.skipped ?? 0, {}, ":count read-only cell is skipped|:count read-only cells are skipped")), 1)) : h("", !0)]),
 								_: 1
 							})]),
 							_: 1
 						}),
-						_("div", Ve, [H.value?.validating ? (S(), g("p", He, [y(a), v(" " + T(E(P)("table.spreadsheet.paste_validating", {}, "Checking the values…")), 1)])) : h("", !0), H.value && (H.value.plan.issues.length > 0 || H.value.errors.length > 0) ? (S(), g("ul", Ue, [(S(!0), g(f, null, w(H.value.plan.issues, (e) => (S(), g("li", { key: `issue-${e.row}-${e.col}` }, T($e(e)), 1))), 128)), (S(!0), g(f, null, w(H.value.errors, (e) => (S(), g("li", { key: `error-${String(e.record)}-${e.column}` }, T(et(e)), 1))), 128))])) : h("", !0)]),
+						_("div", Ue, [H.value?.validating ? (S(), g("p", We, [y(a), v(" " + T(E(P)("table.spreadsheet.paste_validating", {}, "Checking the values…")), 1)])) : h("", !0), H.value && (H.value.plan.issues.length > 0 || H.value.errors.length > 0) ? (S(), g("ul", Ge, [(S(!0), g(f, null, w(H.value.plan.issues, (e) => (S(), g("li", { key: `issue-${e.row}-${e.col}` }, T(tt(e)), 1))), 128)), (S(!0), g(f, null, w(H.value.errors, (e) => (S(), g("li", { key: `error-${String(e.record)}-${e.column}` }, T(nt(e)), 1))), 128))])) : h("", !0)]),
 						y(ce, null, {
 							default: O(() => [y(i, {
 								type: "button",
@@ -390,7 +394,7 @@ var Se = {
 							}), y(i, {
 								type: "button",
 								disabled: !H.value || H.value.plan.changes.length === 0,
-								onClick: Qe
+								onClick: et
 							}, {
 								default: O(() => [v(T(E(P)("table.spreadsheet.paste_apply", {}, "Apply")), 1)]),
 								_: 1

package/dist/components/table/Spreadsheet.vue_vue_type_script_setup_true_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spreadsheet.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","Button","_unref","_withCtx","_createBlock","Spinner","_createCommentVNode","_createTextVNode","_toDisplayString","_Fragment","_normalizeClass","_renderList","VirtualSpacerRow","_mergeProps","_withDirectives","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogFooter","Button_default","Spinner_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","DialogFooter_default","VirtualSpacerRow_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","Spreadsheet_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","choice","useChoice","direction","useDirection","panel","usePanel","baseId","useId","columns","computed","spreadsheetColumns","rows","spreadsheetRows","grid","SpreadsheetGrid","state","useStore","announcement","ref","preview","gridElement","helpId","nextRows","nextColumns","virtual","useVirtualList","virtualizeOptions","VIRTUAL_ESTIMATES","endpoint","errorList","announce","message","focusCell","cell","spreadsheetCellId","row","col","active","editing","save","changes","result","saveSpreadsheetChanges","spreadsheetAnnouncement","inertiaReload","error","undoSave","close","onKeyDown","event","onCopy","spreadsheetSelectionSize","onPaste","plan","url","change","applyPaste","current","count","issueText","SPREADSHEET_ISSUE_MESSAGES","issue","errorText","position","record","column","draft","value","isEditing","onSelectChange","optionText","label","vFocus","element","openBlock","createElementBlock","createElementVNode","createVNode","unref","withCtx","createBlock","createCommentVNode","createTextVNode","toDisplayString","_cache","Fragment","normalizeClass","SPREADSHEET_CLASSES","renderList","mergeProps","spreadsheetAria","spreadsheetCellClass","$event","withDirectives","option","CheckIcon"],"sources":["../../../src/components/table/Spreadsheet.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n PastePlan,\n SpreadsheetAnnouncement,\n SpreadsheetSaveResult,\n TableSchema,\n} from '@alfakit/core'\nimport {\n SPREADSHEET_CLASSES,\n SPREADSHEET_ISSUE_MESSAGES,\n SpreadsheetGrid,\n VIRTUAL_ESTIMATES,\n inertiaReload,\n saveSpreadsheetChanges,\n spreadsheetAnnouncement,\n spreadsheetAria,\n spreadsheetCellClass,\n spreadsheetCellId,\n spreadsheetColumns,\n spreadsheetRows,\n spreadsheetSelectionSize,\n virtualizeOptions,\n} from '@alfakit/core'\nimport { CheckIcon } from '@lucide/vue'\nimport { computed, nextTick, ref, useId, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useVirtualList } from '../../composables/use-virtual-list'\nimport { useChoice, useDirection, usePanel, useT } from '../../context'\nimport { showToast } from '../notifications/flash-toasts'\nimport VirtualSpacerRow from '../schema/VirtualSpacerRow.vue'\nimport Button from '../ui/Button.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogFooter from '../ui/DialogFooter.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport Spinner from '../ui/Spinner.vue'\n\n/*\n Spreadsheet mode of a `Table::spreadsheet()` table (loaded on first use): a keyboard\n * grid over the page's records. Edits stay local (highlighted) until \"Save\" sends them in\n * one request; the server validates each cell with its column's rules and the record's\n * `update` policy, and its errors show on the cells.\n /\nconst props = defineProps<{ table: TableSchema; token: string; component: string }>()\nconst emit = defineEmits<{ close: [] }>()\n\ninterface PastePreview {\n plan: PastePlan\n errors: SpreadsheetSaveResult['errors']\n validating: boolean\n}\n\nconst t = useT()\nconst choice = useChoice()\nconst direction = useDirection()\nconst panel = usePanel()\nconst baseId = `spreadsheet-${useId()}`\nconst columns = computed(() => spreadsheetColumns(props.table))\nconst rows = computed(() => spreadsheetRows(props.table.records ?? [], columns.value))\nconst grid = new SpreadsheetGrid(rows.value, columns.value)\nconst state = useStore(grid.store)\nconst announcement = ref('')\nconst preview = ref<PastePreview \| null>(null)\nconst gridElement = ref<HTMLTableElement \| null>(null)\nconst helpId = `${baseId}-help`\n\n// A reload (save, live update, polling) brings new records; edits of rows still on the\n// page are kept.\nwatch([rows, columns], ([nextRows, nextColumns]) => grid.setData(nextRows, nextColumns))\n\nconst virtual = useVirtualList(\n () => rows.value.length,\n () => virtualizeOptions(props.table.virtualize, VIRTUAL_ESTIMATES.row),\n)\n\nconst endpoint = computed(() => panel.value.endpoints.tableCells)\nconst errorList = computed(() => {\n void state.value\n\n return grid.errorCells()\n})\n\nfunction announce(message: SpreadsheetAnnouncement \| null) {\n if (message) announcement.value = choice(message.key, message.count, {}, message.fallback)\n}\n\nfunction focusCell(row: number, col: number) {\n void nextTick(() => {\n const cell = document.getElementById(spreadsheetCellId(baseId, row, col))\n\n if (cell) {\n cell.focus()\n cell.scrollIntoView?.({ block: 'nearest', inline: 'nearest' })\n } else {\n virtual.list.scrollToIndex(row)\n }\n })\n}\n\n// Keep focus on the active cell (roving tabindex).\nwatch(\n () => [state.value.active, state.value.editing] as const,\n ([active, editing]) => {\n if (editing \|\| !gridElement.value?.contains(document.activeElement)) return\n\n focusCell(active.row, active.col)\n },\n)\n\nasync function save() {\n const changes = grid.changes()\n\n if (!endpoint.value \|\| changes.length === 0 \|\| state.value.saving) return\n\n grid.setSaving(true)\n\n try {\n const result = await saveSpreadsheetChanges(\n endpoint.value,\n props.token,\n props.component,\n changes,\n )\n\n grid.applySaveResult(result)\n\n if (result.saved.length > 0) {\n announce(spreadsheetAnnouncement('saved', result.saved.length))\n inertiaReload()\n }\n\n if (result.errors.length > 0) announce(spreadsheetAnnouncement('failed', result.errors.length))\n } catch (error) {\n showToast({\n id: 'alfakit-spreadsheet-failed',\n title: t('table.spreadsheet.request_failed', {}, \"Couldn't save the changes\"),\n body: error instanceof Error ? error.message : String(error),\n status: 'danger',\n format: 'alfakit',\n })\n } finally {\n grid.setSaving(false)\n }\n}\n\nasync function undoSave() {\n const changes = grid.undoSaveChanges()\n\n if (!endpoint.value \|\| changes.length === 0) return\n\n grid.setSaving(true)\n\n try {\n const result = await saveSpreadsheetChanges(\n endpoint.value,\n props.token,\n props.component,\n changes,\n )\n\n grid.applySaveResult(result)\n announce(spreadsheetAnnouncement('undo', result.saved.length))\n\n if (result.saved.length > 0) inertiaReload()\n } finally {\n grid.setSaving(false)\n }\n}\n\nfunction close() {\n if (\n grid.dirtyCount > 0 &&\n !window.confirm(t('table.spreadsheet.discard_confirm', {}, 'Discard your unsaved changes?'))\n ) {\n return\n }\n\n grid.discard()\n emit('close')\n}\n\nfunction onKeyDown(event: KeyboardEvent) {\n const result = grid.handleKey(event, direction.value)\n\n if (result === 'ignored') return\n\n event.preventDefault()\n\n if (result === 'save') {\n void save()\n } else if (result === 'undo') {\n announce(spreadsheetAnnouncement('undo', grid.undo()))\n } else if (result === 'fill' \|\| result === 'clear') {\n announce(spreadsheetAnnouncement(result, grid.lastApplied))\n }\n\n if (result === 'commit' \|\| result === 'cancel' \|\| result === 'toggle') {\n focusCell(grid.state.active.row, grid.state.active.col)\n }\n}\n\nfunction onCopy(event: ClipboardEvent) {\n if (grid.state.editing \|\| !event.clipboardData) return\n\n event.preventDefault()\n event.clipboardData.setData('text/plain', grid.copyText())\n announce(spreadsheetAnnouncement('copy', spreadsheetSelectionSize(grid.bounds())))\n}\n\nfunction onPaste(event: ClipboardEvent) {\n if (grid.state.editing \|\| !event.clipboardData) return\n\n event.preventDefault()\n\n const plan = grid.planPaste(event.clipboardData.getData('text/plain'))\n\n if (plan.changes.length === 0 && plan.issues.length === 0) return\n\n const url = endpoint.value\n\n preview.value = { plan, errors: [], validating: Boolean(url && plan.changes.length > 0) }\n\n if (!url \|\| plan.changes.length === 0) return\n\n // Validate the pasted values on the server before they are applied.\n saveSpreadsheetChanges(\n url,\n props.token,\n props.component,\n plan.changes.map((change) => ({\n record: grid.getRows()[change.row]?.key ?? '',\n column: grid.getColumns()[change.col]?.name ?? '',\n state: change.value,\n })),\n { dryRun: true },\n )\n .then((result) => {\n if (preview.value)\n preview.value = { ...preview.value, errors: result.errors, validating: false }\n })\n .catch(() => {\n if (preview.value) preview.value = { ...preview.value, validating: false }\n })\n}\n\nfunction applyPaste() {\n const current = preview.value\n\n if (!current) return\n\n const count = grid.apply(current.plan.changes)\n\n if (current.errors.length > 0) grid.setErrors(current.errors)\n\n announce(spreadsheetAnnouncement('paste', count))\n preview.value = null\n}\n\nfunction issueText(issue: PastePlan['issues'][number]): string {\n const message = SPREADSHEET_ISSUE_MESSAGES[issue.reason]\n\n return t(\n message.key,\n { text: issue.text, column: columns.value[issue.col]?.label ?? '', row: issue.row + 1 },\n message.fallback,\n )\n}\n\nfunction errorText(record: SpreadsheetSaveResult['errors'][number]): string {\n const position = grid.position(record.record, record.column)\n\n return t(\n 'table.spreadsheet.cell_error',\n {\n row: (position?.row ?? -1) + 1,\n column: columns.value.find((column) => column.name === record.column)?.label ?? record.column,\n message: record.messages.join(' '),\n },\n 'Row :row, :column: :message',\n )\n}\n\nfunction draft(): string {\n const value = state.value.editing?.value\n\n return value === null \|\| value === undefined ? '' : String(value)\n}\n\nfunction isEditing(row: number, col: number): boolean {\n return state.value.editing?.row === row && state.value.editing.col === col\n}\n\nfunction onSelectChange(event: Event, row: number, col: number) {\n grid.updateDraft((event.target as HTMLSelectElement).value)\n grid.commitEdit()\n focusCell(row, col)\n}\n\nconst optionText = (label: string) => label.replace(/<[^>]>/g, '')\n\n/** Focus an editor as soon as it is shown. */\nconst vFocus = { mounted: (element: HTMLElement) => element.focus() }\n</script>\n\n<template>\n <div data-slot=\"spreadsheet\" class=\"flex flex-col gap-3\">\n <div data-slot=\"spreadsheet-toolbar\" class=\"flex flex-wrap items-center gap-2\">\n <Button\n type=\"button\"\n size=\"sm\"\n :disabled=\"grid.dirtyCount === 0 \|\| state.saving\"\n @click=\"save\"\n >\n <Spinner v-if=\"state.saving\" />\n {{ t('table.spreadsheet.save', {}, 'Save changes') }}\n </Button>\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n :disabled=\"!grid.canUndo \|\| state.saving\"\n @click=\"announce(spreadsheetAnnouncement('undo', grid.undo()))\"\n >\n {{ t('table.spreadsheet.undo', {}, 'Undo') }}\n </Button>\n <Button\n v-if=\"grid.canUndoSave\"\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n :disabled=\"state.saving\"\n @click=\"undoSave\"\n >\n {{ t('table.spreadsheet.undo_save', {}, 'Undo last save') }}\n </Button>\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n :disabled=\"grid.dirtyCount === 0 \|\| state.saving\"\n @click=\"grid.discard()\"\n >\n {{ t('table.spreadsheet.discard', {}, 'Discard') }}\n </Button>\n <span class=\"text-muted-foreground text-sm\" aria-live=\"polite\">\n <template v-if=\"grid.dirtyCount > 0\">{{\n choice(\n 'table.spreadsheet.unsaved',\n grid.dirtyCount,\n {},\n ':count unsaved change\|:count unsaved changes',\n )\n }}</template>\n <span v-if=\"grid.errorCount > 0\" class=\"text-destructive ms-2\">{{\n choice('table.spreadsheet.errors', grid.errorCount, {}, ':count error\|:count errors')\n }}</span>\n </span>\n <span class=\"flex-1\" />\n <Button type=\"button\" size=\"sm\" variant=\"outline\" @click=\"close\">\n {{ t('table.spreadsheet.close', {}, 'Done') }}\n </Button>\n </div>\n <p :id=\"helpId\" class=\"sr-only\">\n {{\n t(\n 'table.spreadsheet.help',\n {},\n 'Arrow keys move between cells. Enter or F2 edits a cell, Escape cancels, Tab moves to the next cell. Ctrl+C copies, Ctrl+V pastes, Ctrl+D fills down, Ctrl+Z undoes and Ctrl+S saves.',\n )\n }}\n </p>\n <div data-surface=\"table\" :class=\"SPREADSHEET_CLASSES.root\" style=\"max-height: 70vh\">\n <table\n ref=\"gridElement\"\n role=\"grid\"\n :aria-label=\"props.table.heading ?? t('table.spreadsheet.label', {}, 'Spreadsheet')\"\n :aria-describedby=\"helpId\"\n :aria-rowcount=\"rows.length + 1\"\n :aria-colcount=\"columns.length\"\n aria-multiselectable=\"true\"\n :aria-busy=\"state.saving \|\| undefined\"\n data-slot=\"spreadsheet-grid\"\n :class=\"SPREADSHEET_CLASSES.table\"\n @keydown=\"onKeyDown\"\n @copy=\"onCopy\"\n @paste=\"onPaste\"\n >\n <thead>\n <tr aria-rowindex=\"1\">\n <th\n v-for=\"(column, col) in columns\"\n :key=\"column.name\"\n role=\"columnheader\"\n scope=\"col\"\n :aria-colindex=\"col + 1\"\n :class=\"SPREADSHEET_CLASSES.header\"\n >\n {{ column.label }}\n </th>\n </tr>\n </thead>\n <tbody :ref=\"virtual.attach\">\n <VirtualSpacerRow :height=\"virtual.range.value.before\" :col-span=\"columns.length\" />\n <template v-for=\"row in virtual.indexes.value\" :key=\"String(rows[row]?.key ?? row)\">\n <tr v-if=\"rows[row]\" :ref=\"virtual.item\" :data-index=\"row\" :aria-rowindex=\"row + 2\">\n <td\n v-for=\"(column, col) in columns\"\n :id=\"spreadsheetCellId(baseId, row, col)\"\n :key=\"column.name\"\n role=\"gridcell\"\n v-bind=\"spreadsheetAria(row, col)\"\n :tabindex=\"grid.isActive(row, col) ? 0 : -1\"\n :aria-selected=\"grid.isSelected(row, col)\"\n :aria-readonly=\"!grid.isEditable(row, col) \|\| undefined\"\n :aria-invalid=\"grid.errorsAt(row, col).length > 0 \|\| undefined\"\n :title=\"grid.errorsAt(row, col).join(' ') \|\| undefined\"\n data-slot=\"spreadsheet-cell\"\n :data-dirty=\"grid.isDirty(row, col) \|\| undefined\"\n :data-active=\"grid.isActive(row, col) \|\| undefined\"\n :class=\"spreadsheetCellClass(grid, row, col)\"\n @mousedown=\"!isEditing(row, col) && grid.moveTo(row, col, $event.shiftKey)\"\n @dblclick=\"grid.beginEdit()\"\n >\n <select\n v-if=\"isEditing(row, col) && column.kind === 'select'\"\n v-focus\n :class=\"SPREADSHEET_CLASSES.editor\"\n :aria-label=\"column.label\"\n :value=\"draft()\"\n @change=\"onSelectChange($event, row, col)\"\n @blur=\"grid.cancelEdit()\"\n >\n <option value=\"\">{{ t('table.spreadsheet.no_value', {}, '—') }}</option>\n <option\n v-for=\"option in column.options\"\n :key=\"option.value\"\n :value=\"option.value\"\n :disabled=\"option.disabled\"\n >\n {{ optionText(option.label) }}\n </option>\n </select>\n <input\n v-else-if=\"isEditing(row, col)\"\n v-focus\n :type=\"column.kind === 'number' ? 'text' : (column.inputType ?? 'text')\"\n :inputmode=\"column.kind === 'number' ? 'decimal' : undefined\"\n :class=\"SPREADSHEET_CLASSES.editor\"\n :aria-label=\"column.label\"\n :value=\"draft()\"\n @input=\"grid.updateDraft(($event.target as HTMLInputElement).value)\"\n @blur=\"grid.commitEdit()\"\n />\n <span v-else-if=\"column.kind === 'boolean'\" class=\"inline-flex items-center gap-1\">\n <span\n aria-hidden=\"true\"\n class=\"border-input data-[checked=true]:bg-primary data-[checked=true]:text-primary-foreground inline-flex size-4 items-center justify-center rounded-[4px] border\"\n :data-checked=\"Boolean(grid.value(row, col))\"\n >\n <CheckIcon v-if=\"grid.value(row, col)\" class=\"size-3\" />\n </span>\n <span class=\"sr-only\">{{\n grid.value(row, col)\n ? t('table.spreadsheet.yes', {}, 'Yes')\n : t('table.spreadsheet.no', {}, 'No')\n }}</span>\n </span>\n <template v-else>{{ grid.text(row, col) }}</template>\n <span v-if=\"grid.errorsAt(row, col).length > 0\" class=\"sr-only\">{{\n grid.errorsAt(row, col).join(' ')\n }}</span>\n </td>\n </tr>\n </template>\n <VirtualSpacerRow :height=\"virtual.range.value.after\" :col-span=\"columns.length\" />\n </tbody>\n </table>\n <p v-if=\"rows.length === 0\" class=\"text-muted-foreground p-6 text-center text-sm\">\n {{ t('table.spreadsheet.empty', {}, 'No records to edit.') }}\n </p>\n </div>\n <ul\n v-if=\"errorList.length > 0\"\n data-slot=\"spreadsheet-errors\"\n class=\"text-destructive flex flex-col gap-1 text-sm\"\n >\n <li v-for=\"error in errorList\" :key=\"error.key\">\n <button\n type=\"button\"\n class=\"text-start hover:underline\"\n @click=\"\n () => {\n grid.moveTo(error.row, error.col)\n focusCell(error.row, error.col)\n }\n \"\n >\n {{\n t(\n 'table.spreadsheet.cell_error',\n {\n row: error.row + 1,\n column: columns[error.col]?.label ?? '',\n message: error.messages.join(' '),\n },\n 'Row :row, :column: :message',\n )\n }}\n </button>\n </li>\n </ul>\n <span\n aria-live=\"polite\"\n aria-atomic=\"true\"\n class=\"sr-only\"\n data-slot=\"spreadsheet-announcement\"\n >{{ announcement }}</span\n >\n\n <Dialog :open=\"preview !== null\" @update:open=\"(value) => !value && (preview = null)\">\n <DialogContent class=\"sm:max-w-lg\">\n <DialogHeader>\n <DialogTitle>{{ t('table.spreadsheet.paste_title', {}, 'Paste cells') }}</DialogTitle>\n <DialogDescription>\n {{\n choice(\n 'table.spreadsheet.paste_summary',\n preview?.plan.changes.length ?? 0,\n {},\n ':count cell will change\|:count cells will change',\n )\n }}\n <template v-if=\"(preview?.plan.skipped ?? 0) > 0\">\n {{\n choice(\n 'table.spreadsheet.paste_skipped',\n preview?.plan.skipped ?? 0,\n {},\n ':count read-only cell is skipped\|:count read-only cells are skipped',\n )\n }}\n </template>\n </DialogDescription>\n </DialogHeader>\n <div data-slot=\"spreadsheet-paste\" class=\"flex flex-col gap-3\">\n <p\n v-if=\"preview?.validating\"\n class=\"text-muted-foreground flex items-center gap-2 text-sm\"\n >\n <Spinner />\n {{ t('table.spreadsheet.paste_validating', {}, 'Checking the values…') }}\n </p>\n <ul\n v-if=\"preview && (preview.plan.issues.length > 0 \|\| preview.errors.length > 0)\"\n class=\"text-destructive flex max-h-48 flex-col gap-1 overflow-auto text-sm\"\n >\n <li v-for=\"issue in preview.plan.issues\" :key=\"`issue-${issue.row}-${issue.col}`\">\n {{ issueText(issue) }}\n </li>\n <li\n v-for=\"error in preview.errors\"\n :key=\"`error-${String(error.record)}-${error.column}`\"\n >\n {{ errorText(error) }}\n </li>\n </ul>\n </div>\n <DialogFooter>\n <Button type=\"button\" variant=\"outline\" @click=\"preview = null\">{{\n t('cancel', {}, 'Cancel')\n }}</Button>\n <Button\n type=\"button\"\n :disabled=\"!preview \|\| preview.plan.changes.length === 0\"\n @click=\"applyPaste\"\n >\n {{ t('table.spreadsheet.paste_apply', {}, 'Apply') }}\n </Button>\n </DialogFooter>\n </DialogContent>\n </Dialog>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CA,IAAM2D,IAAQC,GACRC,KAAOH,GAQPI,IAAIC,EAAK,GACTC,IAASC,EAAU,GACnBC,KAAYC,EAAa,GACzBC,KAAQC,EAAS,GACjBC,IAAS,eAAeC,GAAM,KAC9BC,IAAUC,QAAeC,GAAmBf,EAAM,KAAK,CAAC,GACxDgB,IAAOF,QAAeG,GAAgBjB,EAAM,MAAM,WAAW,CAAC,GAAGa,EAAQ,KAAK,CAAC,GAC/EK,IAAO,IAAIC,GAAgBH,EAAK,OAAOH,EAAQ,KAAK,GACpDO,IAAQC,GAASH,EAAK,KAAK,GAC3BI,IAAeC,EAAI,EAAE,GACrBC,IAAUD,EAAyB,IAAI,GACvCE,IAAcF,EAA6B,IAAI,GAC/CG,IAAS,GAAGf,EAAO;EAIzB,EAAM,CAACK,GAAMH,CAAO,IAAI,CAACc,GAAUC,OAAiBV,EAAK,QAAQS,GAAUC,CAAW,CAAC;EAEvF,IAAMC,IAAUC,SACRd,EAAK,MAAM,cACXe,GAAkB/B,EAAM,MAAM,YAAYgC,GAAkB,GAAG,CACvE,GAEMC,IAAWnB,QAAeL,GAAM,MAAM,UAAU,UAAU,GAC1DyB,IAAYpB,SAChBM,EAAW,OAEJF,EAAK,WAAW,EACxB;EAED,SAASiB,EAAS,GAAyC;GACzD,AAAIC,MAAS,EAAa,QAAQ/B,EAAO+B,EAAQ,KAAKA,EAAQ,OAAO,CAAC,GAAGA,EAAQ,QAAQ;EAC3F;EAEA,SAASC,EAAU,GAAa,GAAa;GAC3C,SAAoB;IAClB,IAAMC,IAAO,SAAS,eAAeC,EAAkB5B,GAAQ6B,GAAKC,CAAG,CAAC;IAExE,AAAIH,KACFA,EAAK,MAAM,GACXA,EAAK,iBAAiB;KAAE,OAAO;KAAW,QAAQ;IAAU,CAAC,KAE7DT,EAAQ,KAAK,cAAcW,CAAG;GAElC,CAAC;EACH;EAGA,QACQ,CAACpB,EAAM,MAAM,QAAQA,EAAM,MAAM,OAAO,IAC7C,CAACsB,GAAQC,OAAa;GACrB,AAAI,MAAYlB,EAAY,OAAO,SAAS,SAAS,aAAa,KAElEY,EAAUK,EAAO,KAAKA,EAAO,GAAG;EAClC,CACF;EAEA,eAAeE,IAAO;GACpB,IAAMC,IAAU3B,EAAK,QAAQ;GAE7B,IAAKe,EAAS,SAASY,EAAQ,WAAW,KAAK,GAAM,MAAM,QAE3D;MAAK,UAAU,EAAI;IAEnB,IAAI;KACF,IAAMC,IAAS,MAAMC,EACnBd,EAAS,OACTjC,EAAM,OACNA,EAAM,WACN6C,CACF;KASA,AAPA3B,EAAK,gBAAgB4B,CAAM,GAEvBA,EAAO,MAAM,SAAS,MACxBX,EAASa,EAAwB,SAASF,EAAO,MAAM,MAAM,CAAC,GAC9DG,EAAc,IAGZH,EAAO,OAAO,SAAS,KAAGX,EAASa,EAAwB,UAAUF,EAAO,OAAO,MAAM,CAAC;IAChG,SAASI,GAAO;KACd,GAAU;MACR,IAAI;MACJ,OAAO/C,EAAE,oCAAoC,CAAC,GAAG,2BAA2B;MAC5E,MAAM+C,aAAiB,QAAQA,EAAM,UAAU,OAAOA,CAAK;MAC3D,QAAQ;MACR,QAAQ;KACV,CAAC;IACH,UAAU;KACR,EAAK,UAAU,EAAK;IACtB;GA5BmB;EA6BrB;EAEA,eAAeC,KAAW;GACxB,IAAMN,IAAU3B,EAAK,gBAAgB;GAErC,IAAKe,EAAS,SAASY,EAAQ,WAAW,GAE1C;MAAK,UAAU,EAAI;IAEnB,IAAI;KACF,IAAMC,IAAS,MAAMC,EACnBd,EAAS,OACTjC,EAAM,OACNA,EAAM,WACN6C,CACF;KAKA,AAHA3B,EAAK,gBAAgB4B,CAAM,GAC3BX,EAASa,EAAwB,QAAQF,EAAO,MAAM,MAAM,CAAC,GAEzDA,EAAO,MAAM,SAAS,KAAGG,EAAc;IAC7C,UAAU;KACR,EAAK,UAAU,EAAK;IACtB;GAhBmB;EAiBrB;EAEA,SAASG,KAAQ;GACf,AACElC,EAAK,aAAa,KAClB,CAAC,OAAO,QAAQf,EAAE,qCAAqC,CAAC,GAAG,+BAA+B,CAAC,MAK7Fe,EAAK,QAAQ,GACbhB,GAAK,OAAO;EACd;EAEA,SAASmD,GAAU,GAAsB;GACvC,IAAMP,IAAS5B,EAAK,UAAUoC,GAAO/C,GAAU,KAAK;GAEpD,AAAIuC,MAAW,cAEfQ,EAAM,eAAe,GAEjBR,MAAW,SACbF,EAAU,IACDE,MAAW,SACpBX,EAASa,EAAwB,QAAQ9B,EAAK,KAAK,CAAC,CAAC,KAC5C4B,MAAW,UAAUA,MAAW,YACzCX,EAASa,EAAwBF,GAAQ5B,EAAK,WAAW,CAAC,IAGxD4B,MAAW,YAAYA,MAAW,YAAYA,MAAW,aAC3DT,EAAUnB,EAAK,MAAM,OAAO,KAAKA,EAAK,MAAM,OAAO,GAAG;EAE1D;EAEA,SAASqC,GAAO,GAAuB;GACrC,AAAI,GAAK,MAAM,WAAYD,EAAM,kBAEjCA,EAAM,eAAe,GACrBA,EAAM,cAAc,QAAQ,cAAcpC,EAAK,SAAS,CAAC,GACzDiB,EAASa,EAAwB,QAAQQ,GAAyBtC,EAAK,OAAO,CAAC,CAAC,CAAC;EACnF;EAEA,SAASuC,GAAQ,GAAuB;GACtC,IAAIvC,EAAK,MAAM,WAAW,CAACoC,EAAM,eAAe;GAEhD,EAAM,eAAe;GAErB,IAAMI,IAAOxC,EAAK,UAAUoC,EAAM,cAAc,QAAQ,YAAY,CAAC;GAErE,IAAII,EAAK,QAAQ,WAAW,KAAKA,EAAK,OAAO,WAAW,GAAG;GAE3D,IAAMC,IAAM1B,EAAS;GAIrB,AAFA,EAAQ,QAAQ;IAAE;IAAM,QAAQ,CAAC;IAAG,YAAY,GAAQ0B,KAAOD,EAAK,QAAQ,SAAS;GAAG,GAEnFC,KAAOD,EAAK,QAAQ,WAAW,KAGpCX,EACEY,GACA3D,EAAM,OACNA,EAAM,WACN0D,EAAK,QAAQ,KAAK,OAAY;IAC5B,QAAQxC,EAAK,QAAQ,CAAC,CAAC0C,EAAO,IAAI,EAAE,OAAO;IAC3C,QAAQ1C,EAAK,WAAW,CAAC,CAAC0C,EAAO,IAAI,EAAE,QAAQ;IAC/C,OAAOA,EAAO;GAChB,EAAE,GACF,EAAE,QAAQ,GAAK,CACjB,CAAA,CACG,MAAM,MAAW;IAChB,AACEpC,EAAQ,UAAQ;KAAE,GAAGA,EAAQ;KAAO,QAAQsB,EAAO;KAAQ,YAAY;IAAM;GACjF,CAAC,CAAA,CACA,YAAY;IACX,AAAmBtB,EAAQ,UAAQ;KAAE,GAAGA,EAAQ;KAAO,YAAY;IAAM;GAC3E,CAAC;EACL;EAEA,SAASqC,KAAa;GACpB,IAAMC,IAAUtC,EAAQ;GAExB,IAAI,CAACsC,GAAS;GAEd,IAAMC,IAAQ7C,EAAK,MAAM4C,EAAQ,KAAK,OAAO;GAK7C,AAHIA,EAAQ,OAAO,SAAS,KAAG5C,EAAK,UAAU4C,EAAQ,MAAM,GAE5D3B,EAASa,EAAwB,SAASe,CAAK,CAAC,GAChD,EAAQ,QAAQ;EAClB;EAEA,SAASC,GAAU,GAA4C;GAC7D,IAAM5B,IAAU6B,GAA2BC,EAAM;GAEjD,OAAO/D,EACLiC,EAAQ,KACR;IAAE,MAAM8B,EAAM;IAAM,QAAQrD,EAAQ,MAAMqD,EAAM,IAAI,EAAE,SAAS;IAAI,KAAKA,EAAM,MAAM;GAAE,GACtF9B,EAAQ,QACV;EACF;EAEA,SAAS+B,GAAU,GAAyD;GAC1E,IAAMC,IAAWlD,EAAK,SAASmD,EAAO,QAAQA,EAAO,MAAM;GAE3D,OAAOlE,EACL,gCACA;IACE,MAAMiE,GAAU,OAAO,MAAM;IAC7B,QAAQvD,EAAQ,MAAM,MAAM,MAAWyD,EAAO,SAASD,EAAO,MAAM,CAAC,EAAE,SAASA,EAAO;IACvF,SAASA,EAAO,SAAS,KAAK,GAAG;GACnC,GACA,6BACF;EACF;EAEA,SAASE,IAAgB;GACvB,IAAMC,IAAQpD,EAAM,MAAM,SAAS;GAEnC,OAAOoD,KAAU,OAA8B,KAAK,OAAOA,CAAK;EAClE;EAEA,SAASC,EAAU,GAAa,GAAsB;GACpD,OAAOrD,EAAM,MAAM,SAAS,QAAQoB,KAAOpB,EAAM,MAAM,QAAQ,QAAQqB;EACzE;EAEA,SAASiC,GAAe,GAAc,GAAa,GAAa;GAG9D,AAFAxD,EAAK,YAAaoC,EAAM,OAA6B,KAAK,GAC1DpC,EAAK,WAAW,GAChBmB,EAAUG,GAAKC,CAAG;EACpB;EAEA,IAAMkC,MAAc,MAAkBC,EAAM,QAAQ,YAAY,EAAE,GAG5DC,IAAS,EAAE,UAAU,MAAyBC,EAAQ,MAAM,EAAE;oBAIlEzI,EAAA,GAAAC,EAoRM,OApRNgC,IAoRM;GAnRJ/B,EAuDM,OAvDNgC,IAuDM;IAtDJ/B,EAQSC,GAAA;KAPP,MAAK;KACL,MAAK;KACJ,UAAUC,EAAAwE,CAAA,CAAI,CAAC,eAAU,KAAUxE,EAAA0E,CAAA,CAAK,CAAC;KACzC,SAAOwB;;KAER,SAAAjG,QAA+B,CAAhBD,EAAA0E,CAAA,CAAK,CAAC,UAArB/E,EAAA,GAAAO,EAA+BC,GAAA,EAAA,KAAA,EAAA,CAAA,KAAAyI,EAAA,IAAA,EAAA,GAAAvI,EAAA,MAC/BC,EAAGN,EAAAyD,CAAA,CAAC,CAAA,0BAAA,CAAA,GAAA,cAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;IAEN3D,EAQSC,GAAA;KAPP,MAAK;KACL,MAAK;KACL,SAAQ;KACP,UAAQ,CAAGC,EAAAwE,CAAA,CAAI,CAAC,WAAWxE,EAAA0E,CAAA,CAAK,CAAC;KACjC,SAAK,AAAAqE,EAAA,QAAA,MAAEtD,EAASzF,EAAAsG,CAAA,CAAuB,CAAA,QAAStG,EAAAwE,CAAA,CAAI,CAAC,KAAI,CAAA,CAAA;;KAE1D,SAAAvE,QAA6C,CAA1CI,EAAAC,EAAAN,EAAAyD,CAAA,CAAC,CAAA,0BAAA,CAAA,GAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;IAGEzD,EAAAwE,CAAA,CAAI,CAAC,eADb7E,EAAA,GAAAO,EASSH,GAAA;;KAPP,MAAK;KACL,MAAK;KACL,SAAQ;KACP,UAAUC,EAAA0E,CAAA,CAAK,CAAC;KAChB,SAAO+B;;KAER,SAAAxG,QAA4D,CAAzDI,EAAAC,EAAAN,EAAAyD,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,gBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;IAEN3D,EAQSC,GAAA;KAPP,MAAK;KACL,MAAK;KACL,SAAQ;KACP,UAAUC,EAAAwE,CAAA,CAAI,CAAC,eAAU,KAAUxE,EAAA0E,CAAA,CAAK,CAAC;KACzC,SAAK,AAAAqE,EAAA,QAAA,MAAE/I,EAAAwE,CAAA,CAAI,CAAC,QAAO;;KAEpB,SAAAvE,QAAmD,CAAhDI,EAAAC,EAAAN,EAAAyD,CAAA,CAAC,CAAA,6BAAA,CAAA,GAAA,SAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;IAEN5D,EAYO,QAZPiC,GAYO,CAXW9B,EAAAwE,CAAA,CAAI,CAAC,aAAU,KAA/B7E,EAAA,GAAAC,EAOaW,GAAA,EAAA,KAAA,EAAA,GAAA,CANXF,EAAAC,EAAAN,EAAA2D,CAAA,CAAM,CAAA,6BAAuD3D,EAAAwE,CAAA,CAAI,CAAC,YAAA,CAAA,GAAA,8CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,EAAA,KAAAoE,EAAA,IAAA,EAAA,GAOxD5I,EAAAwE,CAAA,CAAI,CAAC,aAAU,KAA3B7E,EAAA,GAAAC,EAES,QAFTmC,IAESzB,EADPN,EAAA2D,CAAA,CAAM,CAAA,4BAA6B3D,EAAAwE,CAAA,CAAI,CAAC,YAAU,CAAA,GAAA,4BAAA,CAAA,GAAA,CAAA,KAAAoE,EAAA,IAAA,EAAA,CAAA,CAAA;IAGtD,AAAAG,EAAA,OAAAlJ,EAAuB,QAAA,EAAjB,OAAM,SAAQ,GAAA,MAAA,EAAA;IACpBC,EAESC,GAAA;KAFD,MAAK;KAAS,MAAK;KAAK,SAAQ;KAAW,SAAO2G;;KACxD,SAAAzG,QAA8C,CAA3CI,EAAAC,EAAAN,EAAAyD,CAAA,CAAC,CAAA,2BAAA,CAAA,GAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;GAGR5D,EAQI,KAAA;IARA,IAAImF;IAAQ,OAAM;GAElB,GAAA1E,EAAAN,EAAAyD,CAAA,CAAC,CAAA,0BAAA,CAAA,GAAA,uLAAA,CAAA,GAAA,CAAA;GAOL5D,EA6GM,OAAA;IA7GD,gBAAa;IAAS,OAAKW,EAAER,EAAAkJ,CAAA,CAAmB,CAAC,IAAI;IAAE,OAAA,EAAA,cAAA,OAAA;GAC1DrJ,GAAAA,CAAAA,EAwGQ,SAAA;IAvGF,SAAA;IAAJ,KAAIkF;IACJ,MAAK;IACJ,cAAYzB,EAAM,MAAM,WAAWtD,EAAAyD,CAAA,CAAC,CAAA,2BAAA,CAAA,GAAA,aAAA;IACpC,oBAAkBuB;IAClB,iBAAeV,EAAA,MAAK,SAAM;IAC1B,iBAAeH,EAAA,MAAQ;IACxB,wBAAqB;IACpB,aAAWnE,EAAA0E,CAAA,CAAK,CAAC,UAAU,KAAA;IAC5B,aAAU;IACT,OAAKlE,EAAER,EAAAkJ,CAAA,CAAmB,CAAC,KAAK;IAChC,WAASvC;IACH;IACC;GAER9G,GAAAA,CAAAA,EAaQ,SAAA,MAAA,CAZNA,EAWK,MAXLoC,IAWK,EAVHtC,EAAA,EAAA,GAAAC,EASKW,GAAA,MAAAE,EARqB0D,EAAA,QAAhB,GAAQ,OADlBxE,EAAA,GAAAC,EASK,MAAA;IAPF,KAAKgI,EAAO;IACb,MAAK;IACL,OAAM;IACL,iBAAe7B,IAAG;IAClB,OAAKvF,EAAER,EAAAkJ,CAAA,CAAmB,CAAC,MAAM;GAE/B,GAAA5I,EAAAsH,EAAO,KAAK,GAAA,IAAA1F,EAAA,EAIrBrC,GAAAA,GAAAA,EAAAA,CAAAA,CAAAA,CAAAA,GAAAA,EA0EQ,SAAA,EA1EA,KAAKG,EAAAmF,CAAA,CAAO,CAAC,OAAA,GAAA;IACnBrF,EAAoFY,GAAA;KAAjE,QAAQV,EAAAmF,CAAA,CAAO,CAAC,MAAM,MAAM;KAAS,YAAUhB,EAAA,MAAQ;;KAC1ExE,EAAA,EAAA,GAAAC,EAsEWW,GAAA,MAAAE,EAtEaT,EAAAmF,CAAA,CAAO,CAAC,QAAQ,QAAvB,OAAoCkD,EAAA,GAAAC,EAAAU,GAAA,EAAA,KAAA,OAAO1E,EAAA,MAAKwB,EAAG,EAAG,OAAOA,CAAG,EAAA,GAAA,CACrExB,EAAA,MAAKwB,MAAfnG,EAAA,GAAAC,EAoEK,MAAA;;;KApEiB,KAAKI,EAAAmF,CAAA,CAAO,CAAC;KAAO,cAAYW;KAAM,iBAAeA,IAAG;IAC5EnG,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EAkEKW,GAAA,MAAAE,EAjEqB0D,EAAA,QAAhB,GAAQ,OADlBxE,EAAA,GAAAC,EAkEK,MAlELe,GAkEK;KAhEF,IAAIX,EAAA6F,CAAA,CAAiB,CAAC5B,GAAQ6B,GAAKC,CAAG;KACtC,KAAK6B,EAAO;KACb,MAAK;IACG,GAAA,EAAA,SAAA,GAAA,GAAA5H,EAAAqJ,EAAA,CAAe,CAACvD,GAAKC,CAAG,GAAA;KAC/B,UAAU/F,EAAAwE,CAAA,CAAI,CAAC,SAASsB,GAAKC,CAAG,IAAA,IAAA;KAChC,iBAAe/F,EAAAwE,CAAA,CAAI,CAAC,WAAWsB,GAAKC,CAAG;KACvC,iBAAa,CAAG/F,EAAAwE,CAAA,CAAI,CAAC,WAAWsB,GAAKC,CAAG,KAAK,KAAA;KAC7C,gBAAc/F,EAAAwE,CAAA,CAAI,CAAC,SAASsB,GAAKC,CAAG,CAAA,CAAE,SAAM,KAAQ,KAAA;KACpD,OAAO/F,EAAAwE,CAAA,CAAI,CAAC,SAASsB,GAAKC,CAAG,CAAA,CAAE,KAAI,GAAA,KAAS,KAAA;KAC7C,aAAU;KACT,cAAY/F,EAAAwE,CAAA,CAAI,CAAC,QAAQsB,GAAKC,CAAG,KAAK,KAAA;KACtC,eAAa/F,EAAAwE,CAAA,CAAI,CAAC,SAASsB,GAAKC,CAAG,KAAK,KAAA;KACxC,OAAO/F,EAAAsJ,EAAA,CAAoB,CAACtJ,EAAAwE,CAAA,GAAMsB,GAAKC,CAAG;KAC1C,cAAS,MAAA,CAAGgC,EAAUjC,GAAKC,CAAG,KAAK/F,EAAAwE,CAAA,CAAI,CAAC,OAAOsB,GAAKC,GAAKwD,EAAO,QAAQ;KACxE,YAAQ,AAAAR,EAAA,QAAA,MAAE/I,EAAAwE,CAAA,CAAI,CAAC,UAAS;IAGjB,CAAA,GAAA,CAAAuD,EAAUjC,GAAKC,CAAG,KAAK6B,EAAO,SAAI,WAD1ChH,GAAAjB,EAAA,GAAAC,EAkBS,UAAA;;KAfN,OAAKY,EAAER,EAAAkJ,CAAA,CAAmB,CAAC,MAAM;KACjC,cAAYtB,EAAO;KACnB,OAAOC,EAAK;KACZ,WAAM,MAAEG,GAAeuB,GAAQzD,GAAKC,CAAG;KACvC,QAAI,AAAAgD,EAAA,QAAA,MAAE/I,EAAAwE,CAAA,CAAI,CAAC,WAAU;IAEtB3E,GAAAA,CAAAA,EAAwE,UAAxEyC,IAAwEhC,EAApDN,EAAAyD,CAAA,CAAC,CAAA,8BAAA,CAAA,GAAA,GAAA,CAAA,GAAA,CAAA,IACrB9D,EAAA,EAAA,GAAAC,EAOSW,GAAA,MAAAE,EANUmH,EAAO,UAAjB,OADTjI,EAAA,GAAAC,EAOS,UAAA;KALN,KAAK6J,EAAO;KACZ,OAAOA,EAAO;KACd,UAAUA,EAAO;IAEf,GAAAnJ,EAAA2H,GAAWwB,EAAO,KAAK,CAAA,GAAA,GAAAlH,EAAA,EAIjB,GAAA,GAAA,EAAA,GAAA,IAAAF,EAAA,IAAA,CAAA,CAAA8F,CAAA,CAAA,CAAA,IAAAJ,EAAUjC,GAAKC,CAAG,IAD/BnF,GAAAjB,EAAA,GAAAC,EAUE,SAAA;;KAPC,MAAMgI,EAAO,SAAI,WAAA,SAA0BA,EAAO,aAAS;KAC3D,WAAWA,EAAO,SAAI,WAAA,YAA4B,KAAA;KAClD,OAAKpH,EAAER,EAAAkJ,CAAA,CAAmB,CAAC,MAAM;KACjC,cAAYtB,EAAO;KACnB,OAAOC,EAAK;KACZ,SAAK,AAAAkB,EAAA,QAAA,MAAE/I,EAAAwE,CAAA,CAAI,CAAC,YAAa+E,EAAO,OAA4B,KAAK;KACjE,QAAI,AAAAR,EAAA,QAAA,MAAE/I,EAAAwE,CAAA,CAAI,CAAC,WAAU;IAEP,GAAA,MAAA,IAAAhC,EAAA,IAAA,CAAA,CAAA2F,CAAA,CAAA,CAAA,IAAAP,EAAO,SAAI,aAA5BjI,EAAA,GAAAC,EAaO,QAbP6C,IAaO,CAZL5C,EAMO,QAAA;KALL,eAAY;KACZ,OAAM;KACL,gBAAc,EAAQG,EAAAwE,CAAA,CAAI,CAAC,MAAMsB,GAAKC,CAAG;IAEzB/F,GAAAA,CAAAA,EAAAwE,CAAA,CAAI,CAAC,MAAMsB,GAAKC,CAAG,KAApCpG,EAAA,GAAAO,EAAwDF,EAAA0J,EAAA,GAAA;;KAAjB,OAAM;IAE/C7J,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,GAAAA,GAAAA,EAAAA,GAAAA,EAIS,QAJT8C,IAISrC,EAHPN,EAAAwE,CAAA,CAAI,CAAC,MAAMsB,GAAKC,CAAG,IAA0B/F,EAAAyD,CAAA,CAAC,CAAA,yBAAA,CAAA,GAAA,KAAA,IAA6DzD,EAAAyD,CAAA,CAAC,CAAA,wBAAA,CAAA,GAAA,IAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAKhH9D,EAAA,GAAAC,EAAqDW,GAAA,EAAA,KAAA,EAAA,GAAA,CAAjCF,EAAAC,EAAAN,EAAAwE,CAAA,CAAI,CAAC,KAAKsB,GAAKC,CAAG,CAAA,GAAA,CAAA,CAAA,GAAA,EAAA,IAC1B/F,EAAAwE,CAAA,CAAI,CAAC,SAASsB,GAAKC,CAAG,CAAA,CAAE,SAAM,KAA1CpG,EAAA,GAAAC,EAES,QAFTgD,IAEStC,EADPN,EAAAwE,CAAA,CAAI,CAAC,SAASsB,GAAKC,CAAG,CAAA,CAAE,KAAI,GAAA,CAAA,GAAA,CAAA,KAAA6C,EAAA,IAAA,EAAA,CAAA,GAAA,IAAAxG,EAAA;IAKpCtC,EAAmFY,GAAA;KAAhE,QAAQV,EAAAmF,CAAA,CAAO,CAAC,MAAM,MAAM;KAAQ,YAAUhB,EAAA,MAAQ;;GAGpE,GAAA,GAAA,CAAA,GAAA,IAAAnC,CAAA,GAAAsC,EAAA,MAAK,WAAM,KAApB3E,EAAA,GAAAC,EAEI,KAFJiD,IAEIvC,EADCN,EAAAyD,CAAA,CAAC,CAAA,2BAAA,CAAA,GAAA,qBAAA,CAAA,GAAA,CAAA,KAAAmF,EAAA,IAAA,EAAA,CAAA,GAAA,CAAA;GAIApD,EAAA,MAAU,SAAM,KADxB7F,EAAA,GAAAC,EA6BK,MA7BLkD,IA6BK,EAxBHnD,EAAA,EAAA,GAAAC,EAuBKW,GAAA,MAAAE,EAvBe+E,EAAA,QAAT,OAAX7F,EAAA,GAAAC,EAuBK,MAAA,EAvB2B,KAAK4G,EAAM,IAAA,GAAA,CACzC3G,EAqBS,UAAA;IApBP,MAAK;IACL,OAAM;IACL,eAAA;KAA0F,AAAhD4I,EAAAjE,CAAA,CAAI,CAAC,OAAOgC,EAAM,KAAKA,EAAM,GAAG,GAAgBb,EAAUa,EAAM,KAAKA,EAAM,GAAG;;GAQvH,GAAAlG,EAAAN,EAAAyD,CAAA,CAAC,CAAA,gCAAA;IAAqF,KAAA+C,EAAM,MAAG;IAA8B,QAAArC,EAAA,MAAQqC,EAAM,IAAG,EAAG,SAAK;IAAiC,SAAAA,EAAM,SAAS,KAAI,GAAA;;GAalN3G,EAMC,QANDmD,IAMC1C,EADKsE,EAAA,KAAY,GAAA,CAAA;GAGlB9E,EA6DSe,IAAA;IA7DA,MAAMiE,EAAA,UAAO;IAAY,iBAAW,AAAAiE,EAAA,QAAG,MAAK,CAAMjB,MAAU,EAAA,QAAO;;IAC1E,SAAA7H,QA2DgB,CA3DhBH,EA2DgBgB,IAAA,EA3DD,OAAM,cAAa,GAAA;KAChC,SAAAb,QAsBe;MAtBfH,EAsBeiB,IAAA,MAAA;OArBb,SAAAd,QAAsF,CAAtFH,EAAsFkB,IAAA,MAAA;QAAzE,SAAAf,QAA2D,CAAxDI,EAAAC,EAAAN,EAAAyD,CAAA,CAAC,CAAA,iCAAA,CAAA,GAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;OACjB3D,CAAAA,GAAAA,EAmBoBmB,IAAA,MAAA;QAlBlB,SAAAhB,QAOE,CANAI,EAAAC,EAAAN,EAAA2D,CAAA,CAAM,CAAA,mCAAqEmB,EAAA,OAAS,KAAK,QAAQ,UAAM,GAAA,CAAA,GAAA,kDAMvG,CAAA,IAAA,KACF,CAAA,IAAiBA,EAAA,OAAS,KAAK,WAAO,KAAA,KAAtCnF,EAAA,GAAAC,EASWW,GAAA,EAAA,KAAA,EAAA,GAAA,CAPPF,EAAAC,EAAAN,EAAA2D,CAAA,CAAM,CAAA,mCAAyEmB,EAAA,OAAS,KAAK,WAAO,GAAA,CAAA,GAAA,qEAAA,CAAA,GAAA,CAAA,CAAA,GAAA,EAAA,KAAA8D,EAAA,IAAA,EAAA,CAAA,CAAA;;;;;MAU5G/I,EAsBM,OAtBNoD,IAsBM,CApBI6B,EAAA,OAAS,cADjBnF,EAAA,GAAAC,EAMI,KANJsD,IAMI,CAFFpD,EAAWK,CAAA,GAAAE,EAAA,MACXC,EAAGN,EAAAyD,CAAA,CAAC,CAAA,sCAAA,CAAA,GAAA,sBAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAAmF,EAAA,IAAA,EAAA,GAGE9D,EAAA,UAAYA,EAAA,MAAQ,KAAK,OAAO,SAAM,KAAQA,EAAA,MAAQ,OAAO,SAAM,MAD3EnF,EAAA,GAAAC,EAaK,MAbLuD,IAaK,EATHxD,EAAA,EAAA,GAAAC,EAEKW,GAAA,MAAAE,EAFeqE,EAAA,MAAQ,KAAK,SAAtB,OAAXnF,EAAA,GAAAC,EAEK,MAAA,EAFqC,KAAG,SAAW4H,EAAM,IAAG,GAAIA,EAAM,MACtE,GAAAlH,EAAAgH,GAAUE,CAAK,CAAA,GAAA,CAAA,EAEpB7H,GAAAA,GAAAA,KAAAA,EAAA,EAAA,GAAAC,EAKKW,GAAA,MAAAE,EAJaqE,EAAA,MAAQ,SAAjB,OADTnF,EAAA,GAAAC,EAKK,MAAA,EAHF,KAAG,SAAW,OAAO4G,EAAM,MAAM,EAAA,GAAKA,EAAM,SAE1C,GAAAlG,EAAAmH,GAAUjB,CAAK,CAAA,GAAA,CAAA;MAIxB1G,EAWeoB,IAAA,MAAA;OAVb,SAAAjB,QAEW,CAFXH,EAEWC,GAAA;QAFH,MAAK;QAAS,SAAQ;QAAW,SAAK,AAAAgJ,EAAA,QAAA,MAAE,EAAA,QAAO;;QAAS,SAAA9I,QAE9D,CADAI,EAAAC,EAAAN,EAAAyD,CAAA,CAAC,CAAA,UAAA,CAAA,GAAA,QAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;OAEH3D,CAAAA,GAAAA,EAMSC,GAAA;QALP,MAAK;QACJ,UAAQ,CAAG+E,EAAA,SAAWA,EAAA,MAAQ,KAAK,QAAQ,WAAM;QACjD,SAAOqC;;QAER,SAAAlH,QAAqD,CAAlDI,EAAAC,EAAAN,EAAAyD,CAAA,CAAC,CAAA,iCAAA,CAAA,GAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"Spreadsheet.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","Button","_unref","_withCtx","_createBlock","Spinner","_createCommentVNode","_createTextVNode","_toDisplayString","_Fragment","_normalizeClass","_renderList","VirtualSpacerRow","_mergeProps","_withDirectives","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogFooter","Button_default","Spinner_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","DialogFooter_default","VirtualSpacerRow_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","Spreadsheet_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","choice","useChoice","direction","useDirection","panel","usePanel","baseId","useId","columns","computed","spreadsheetColumns","rows","spreadsheetRows","grid","SpreadsheetGrid","state","useStore","announcement","ref","preview","gridElement","helpId","nextRows","nextColumns","virtual","useVirtualList","virtualizeOptions","VIRTUAL_ESTIMATES","endpoint","errorList","announce","message","focusCell","cell","spreadsheetCellId","row","col","active","editing","save","changes","result","saveSpreadsheetChanges","spreadsheetAnnouncement","inertiaReload","error","undoSave","close","onKeyDown","event","onCopy","spreadsheetSelectionSize","onPaste","plan","url","change","applyPaste","current","count","issueText","SPREADSHEET_ISSUE_MESSAGES","issue","errorText","position","record","column","draft","value","isEditing","onSelectChange","optionText","label","vFocus","element","openBlock","createElementBlock","createElementVNode","createVNode","unref","withCtx","createBlock","createCommentVNode","createTextVNode","toDisplayString","_cache","Fragment","normalizeClass","SPREADSHEET_CLASSES","renderList","mergeProps","spreadsheetAria","spreadsheetCellClass","$event","withDirectives","option","CheckIcon"],"sources":["../../../src/components/table/Spreadsheet.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n PastePlan,\n SpreadsheetAnnouncement,\n SpreadsheetSaveResult,\n TableSchema,\n} from '@alfakit/core'\nimport {\n SPREADSHEET_CLASSES,\n SPREADSHEET_ISSUE_MESSAGES,\n SpreadsheetGrid,\n VIRTUAL_ESTIMATES,\n inertiaReload,\n saveSpreadsheetChanges,\n spreadsheetAnnouncement,\n spreadsheetAria,\n spreadsheetCellClass,\n spreadsheetCellId,\n spreadsheetColumns,\n spreadsheetRows,\n spreadsheetSelectionSize,\n virtualizeOptions,\n} from '@alfakit/core'\nimport { CheckIcon } from '@lucide/vue'\nimport { computed, nextTick, ref, useId, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useVirtualList } from '../../composables/use-virtual-list'\nimport { useChoice, useDirection, usePanel, useT } from '../../context'\nimport { showToast } from '../notifications/flash-toasts'\nimport VirtualSpacerRow from '../schema/VirtualSpacerRow.vue'\nimport Button from '../ui/Button.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogFooter from '../ui/DialogFooter.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport Spinner from '../ui/Spinner.vue'\n\n/*\n Spreadsheet mode of a `Table::spreadsheet()` table (loaded on first use): a keyboard\n * grid over the page's records. Edits stay local (highlighted) until \"Save\" sends them in\n * one request; the server validates each cell with its column's rules and the record's\n * `update` policy, and its errors show on the cells.\n /\nconst props = defineProps<{ table: TableSchema; token: string; component: string }>()\nconst emit = defineEmits<{ close: [] }>()\n\ninterface PastePreview {\n plan: PastePlan\n errors: SpreadsheetSaveResult['errors']\n validating: boolean\n}\n\nconst t = useT()\nconst choice = useChoice()\nconst direction = useDirection()\nconst panel = usePanel()\nconst baseId = `spreadsheet-${useId()}`\nconst columns = computed(() => spreadsheetColumns(props.table))\nconst rows = computed(() => spreadsheetRows(props.table.records ?? [], columns.value))\nconst grid = new SpreadsheetGrid(rows.value, columns.value)\nconst state = useStore(grid.store)\nconst announcement = ref('')\nconst preview = ref<PastePreview \| null>(null)\nconst gridElement = ref<HTMLTableElement \| null>(null)\nconst helpId = `${baseId}-help`\n\n// A reload (save, live update, polling) brings new records; edits of rows still on the\n// page are kept.\nwatch([rows, columns], ([nextRows, nextColumns]) => grid.setData(nextRows, nextColumns))\n\nconst virtual = useVirtualList(\n () => rows.value.length,\n () => virtualizeOptions(props.table.virtualize, VIRTUAL_ESTIMATES.row),\n)\n\nconst endpoint = computed(() => panel.value.endpoints.tableCells)\nconst errorList = computed(() => {\n void state.value\n\n return grid.errorCells()\n})\n\nfunction announce(message: SpreadsheetAnnouncement \| null) {\n if (message) announcement.value = choice(message.key, message.count, {}, message.fallback)\n}\n\nfunction focusCell(row: number, col: number) {\n void nextTick(() => {\n const cell = document.getElementById(spreadsheetCellId(baseId, row, col))\n\n if (cell) {\n cell.focus()\n cell.scrollIntoView?.({ block: 'nearest', inline: 'nearest' })\n } else {\n virtual.list.scrollToIndex(row)\n }\n })\n}\n\n// Keep focus on the active cell (roving tabindex).\nwatch(\n () => [state.value.active, state.value.editing] as const,\n ([active, editing]) => {\n if (editing \|\| !gridElement.value?.contains(document.activeElement)) return\n\n focusCell(active.row, active.col)\n },\n)\n\nasync function save() {\n const changes = grid.changes()\n\n if (!endpoint.value \|\| changes.length === 0 \|\| state.value.saving) return\n\n grid.setSaving(true)\n\n try {\n const result = await saveSpreadsheetChanges(\n endpoint.value,\n props.token,\n props.component,\n changes,\n )\n\n grid.applySaveResult(result)\n\n if (result.saved.length > 0) {\n announce(spreadsheetAnnouncement('saved', result.saved.length))\n inertiaReload()\n }\n\n if (result.errors.length > 0) announce(spreadsheetAnnouncement('failed', result.errors.length))\n } catch (error) {\n showToast({\n id: 'alfakit-spreadsheet-failed',\n title: t('table.spreadsheet.request_failed', {}, \"Couldn't save the changes\"),\n body: error instanceof Error ? error.message : String(error),\n status: 'danger',\n format: 'alfakit',\n })\n } finally {\n grid.setSaving(false)\n }\n}\n\nasync function undoSave() {\n const changes = grid.undoSaveChanges()\n\n if (!endpoint.value \|\| changes.length === 0) return\n\n grid.setSaving(true)\n\n try {\n const result = await saveSpreadsheetChanges(\n endpoint.value,\n props.token,\n props.component,\n changes,\n )\n\n grid.applySaveResult(result)\n announce(spreadsheetAnnouncement('undo', result.saved.length))\n\n if (result.saved.length > 0) inertiaReload()\n } finally {\n grid.setSaving(false)\n }\n}\n\nfunction close() {\n if (\n grid.dirtyCount > 0 &&\n !window.confirm(t('table.spreadsheet.discard_confirm', {}, 'Discard your unsaved changes?'))\n ) {\n return\n }\n\n grid.discard()\n emit('close')\n}\n\nfunction onKeyDown(event: KeyboardEvent) {\n const result = grid.handleKey(event, direction.value)\n\n if (result === 'ignored') return\n\n event.preventDefault()\n\n if (result === 'save') {\n void save()\n } else if (result === 'undo') {\n announce(spreadsheetAnnouncement('undo', grid.undo()))\n } else if (result === 'fill' \|\| result === 'clear') {\n announce(spreadsheetAnnouncement(result, grid.lastApplied))\n }\n\n if (result === 'commit' \|\| result === 'cancel' \|\| result === 'toggle') {\n focusCell(grid.state.active.row, grid.state.active.col)\n }\n}\n\nfunction onCopy(event: ClipboardEvent) {\n if (grid.state.editing \|\| !event.clipboardData) return\n\n event.preventDefault()\n event.clipboardData.setData('text/plain', grid.copyText())\n announce(spreadsheetAnnouncement('copy', spreadsheetSelectionSize(grid.bounds())))\n}\n\nfunction onPaste(event: ClipboardEvent) {\n if (grid.state.editing \|\| !event.clipboardData) return\n\n event.preventDefault()\n\n const plan = grid.planPaste(event.clipboardData.getData('text/plain'))\n\n if (plan.changes.length === 0 && plan.issues.length === 0) return\n\n const url = endpoint.value\n\n preview.value = { plan, errors: [], validating: Boolean(url && plan.changes.length > 0) }\n\n if (!url \|\| plan.changes.length === 0) return\n\n // Validate the pasted values on the server before they are applied.\n saveSpreadsheetChanges(\n url,\n props.token,\n props.component,\n plan.changes.map((change) => ({\n record: grid.getRows()[change.row]?.key ?? '',\n column: grid.getColumns()[change.col]?.name ?? '',\n state: change.value,\n })),\n { dryRun: true },\n )\n .then((result) => {\n if (preview.value)\n preview.value = { ...preview.value, errors: result.errors, validating: false }\n })\n .catch(() => {\n if (preview.value) preview.value = { ...preview.value, validating: false }\n })\n}\n\nfunction applyPaste() {\n const current = preview.value\n\n if (!current) return\n\n const count = grid.apply(current.plan.changes)\n\n if (current.errors.length > 0) grid.setErrors(current.errors)\n\n announce(spreadsheetAnnouncement('paste', count))\n preview.value = null\n}\n\nfunction issueText(issue: PastePlan['issues'][number]): string {\n const message = SPREADSHEET_ISSUE_MESSAGES[issue.reason]\n\n return t(\n message.key,\n { text: issue.text, column: columns.value[issue.col]?.label ?? '', row: issue.row + 1 },\n message.fallback,\n )\n}\n\nfunction errorText(record: SpreadsheetSaveResult['errors'][number]): string {\n const position = grid.position(record.record, record.column)\n\n return t(\n 'table.spreadsheet.cell_error',\n {\n row: (position?.row ?? -1) + 1,\n column: columns.value.find((column) => column.name === record.column)?.label ?? record.column,\n message: record.messages.join(' '),\n },\n 'Row :row, :column: :message',\n )\n}\n\nfunction draft(): string {\n const value = state.value.editing?.value\n\n return value === null \|\| value === undefined ? '' : String(value)\n}\n\nfunction isEditing(row: number, col: number): boolean {\n return state.value.editing?.row === row && state.value.editing.col === col\n}\n\nfunction onSelectChange(event: Event, row: number, col: number) {\n grid.updateDraft((event.target as HTMLSelectElement).value)\n grid.commitEdit()\n focusCell(row, col)\n}\n\nconst optionText = (label: string) => label.replace(/<[^>]>/g, '')\n\n/** Focus an editor as soon as it is shown. */\nconst vFocus = { mounted: (element: HTMLElement) => element.focus() }\n</script>\n\n<template>\n <div data-slot=\"spreadsheet\" class=\"flex flex-col gap-3\">\n <div data-slot=\"spreadsheet-toolbar\" class=\"flex flex-wrap items-center gap-2\">\n <Button\n type=\"button\"\n size=\"sm\"\n :disabled=\"grid.dirtyCount === 0 \|\| state.saving\"\n @click=\"save\"\n >\n <Spinner v-if=\"state.saving\" />\n {{ t('table.spreadsheet.save', {}, 'Save changes') }}\n </Button>\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n :disabled=\"!grid.canUndo \|\| state.saving\"\n @click=\"announce(spreadsheetAnnouncement('undo', grid.undo()))\"\n >\n {{ t('table.spreadsheet.undo', {}, 'Undo') }}\n </Button>\n <Button\n v-if=\"grid.canUndoSave\"\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n :disabled=\"state.saving\"\n @click=\"undoSave\"\n >\n {{ t('table.spreadsheet.undo_save', {}, 'Undo last save') }}\n </Button>\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n :disabled=\"grid.dirtyCount === 0 \|\| state.saving\"\n @click=\"grid.discard()\"\n >\n {{ t('table.spreadsheet.discard', {}, 'Discard') }}\n </Button>\n <span class=\"text-muted-foreground text-sm\" aria-live=\"polite\">\n <template v-if=\"grid.dirtyCount > 0\">{{\n choice(\n 'table.spreadsheet.unsaved',\n grid.dirtyCount,\n {},\n ':count unsaved change\|:count unsaved changes',\n )\n }}</template>\n <span v-if=\"grid.errorCount > 0\" class=\"text-destructive ms-2\">{{\n choice('table.spreadsheet.errors', grid.errorCount, {}, ':count error\|:count errors')\n }}</span>\n </span>\n <span class=\"flex-1\" />\n <Button type=\"button\" size=\"sm\" variant=\"outline\" @click=\"close\">\n {{ t('table.spreadsheet.close', {}, 'Done') }}\n </Button>\n </div>\n <p :id=\"helpId\" class=\"sr-only\">\n {{\n t(\n 'table.spreadsheet.help',\n {},\n 'Arrow keys move between cells. Enter or F2 edits a cell, Escape cancels, Tab moves to the next cell. Ctrl+C copies, Ctrl+V pastes, Ctrl+D fills down, Ctrl+Z undoes and Ctrl+S saves.',\n )\n }}\n </p>\n <div data-surface=\"table\" :class=\"SPREADSHEET_CLASSES.root\" style=\"max-height: 70vh\">\n <table\n ref=\"gridElement\"\n role=\"grid\"\n :aria-label=\"props.table.heading ?? t('table.spreadsheet.label', {}, 'Spreadsheet')\"\n :aria-describedby=\"helpId\"\n :aria-rowcount=\"rows.length + 1\"\n :aria-colcount=\"columns.length\"\n aria-multiselectable=\"true\"\n :aria-busy=\"state.saving \|\| undefined\"\n data-slot=\"spreadsheet-grid\"\n :class=\"SPREADSHEET_CLASSES.table\"\n @keydown=\"onKeyDown\"\n @copy=\"onCopy\"\n @paste=\"onPaste\"\n >\n <thead>\n <tr aria-rowindex=\"1\">\n <th\n v-for=\"(column, col) in columns\"\n :key=\"column.name\"\n role=\"columnheader\"\n scope=\"col\"\n :aria-colindex=\"col + 1\"\n :class=\"SPREADSHEET_CLASSES.header\"\n >\n {{ column.label }}\n </th>\n </tr>\n </thead>\n <tbody :ref=\"virtual.attach\">\n <VirtualSpacerRow :height=\"virtual.range.value.before\" :col-span=\"columns.length\" />\n <template v-for=\"row in virtual.indexes.value\" :key=\"String(rows[row]?.key ?? row)\">\n <tr v-if=\"rows[row]\" :ref=\"virtual.item\" :data-index=\"row\" :aria-rowindex=\"row + 2\">\n <td\n v-for=\"(column, col) in columns\"\n :id=\"spreadsheetCellId(baseId, row, col)\"\n :key=\"column.name\"\n role=\"gridcell\"\n v-bind=\"spreadsheetAria(row, col)\"\n :tabindex=\"grid.isActive(row, col) ? 0 : -1\"\n :aria-selected=\"grid.isSelected(row, col)\"\n :aria-readonly=\"!grid.isEditable(row, col) \|\| undefined\"\n :aria-invalid=\"grid.errorsAt(row, col).length > 0 \|\| undefined\"\n :title=\"grid.errorsAt(row, col).join(' ') \|\| undefined\"\n data-slot=\"spreadsheet-cell\"\n :data-dirty=\"grid.isDirty(row, col) \|\| undefined\"\n :data-active=\"grid.isActive(row, col) \|\| undefined\"\n :class=\"spreadsheetCellClass(grid, row, col)\"\n @mousedown=\"!isEditing(row, col) && grid.moveTo(row, col, $event.shiftKey)\"\n @dblclick=\"grid.beginEdit()\"\n >\n <select\n v-if=\"isEditing(row, col) && column.kind === 'select'\"\n v-focus\n :class=\"SPREADSHEET_CLASSES.editor\"\n :aria-label=\"column.label\"\n :value=\"draft()\"\n @change=\"onSelectChange($event, row, col)\"\n @blur=\"grid.cancelEdit()\"\n >\n <option value=\"\">{{ t('table.spreadsheet.no_value', {}, '—') }}</option>\n <option\n v-for=\"option in column.options\"\n :key=\"option.value\"\n :value=\"option.value\"\n :disabled=\"option.disabled\"\n >\n {{ optionText(option.label) }}\n </option>\n </select>\n <input\n v-else-if=\"isEditing(row, col)\"\n v-focus\n :type=\"column.kind === 'number' ? 'text' : (column.inputType ?? 'text')\"\n :inputmode=\"column.kind === 'number' ? 'decimal' : undefined\"\n :class=\"SPREADSHEET_CLASSES.editor\"\n :aria-label=\"column.label\"\n :value=\"draft()\"\n @input=\"grid.updateDraft(($event.target as HTMLInputElement).value)\"\n @blur=\"grid.commitEdit()\"\n />\n <span v-else-if=\"column.kind === 'boolean'\" class=\"inline-flex items-center gap-1\">\n <span\n aria-hidden=\"true\"\n class=\"border-input data-[checked=true]:bg-primary data-[checked=true]:text-primary-foreground inline-flex size-4 items-center justify-center rounded-[4px] border\"\n :data-checked=\"Boolean(grid.value(row, col))\"\n >\n <CheckIcon v-if=\"grid.value(row, col)\" class=\"size-3\" />\n </span>\n <span class=\"sr-only\">{{\n grid.value(row, col)\n ? t('table.spreadsheet.yes', {}, 'Yes')\n : t('table.spreadsheet.no', {}, 'No')\n }}</span>\n </span>\n <template v-else>{{ grid.text(row, col) }}</template>\n <span v-if=\"grid.errorsAt(row, col).length > 0\" class=\"sr-only\">{{\n grid.errorsAt(row, col).join(' ')\n }}</span>\n </td>\n </tr>\n </template>\n <VirtualSpacerRow :height=\"virtual.range.value.after\" :col-span=\"columns.length\" />\n </tbody>\n </table>\n <p v-if=\"rows.length === 0\" class=\"text-muted-foreground p-6 text-center text-sm\">\n {{ t('table.spreadsheet.empty', {}, 'No records to edit.') }}\n </p>\n </div>\n <ul\n v-if=\"errorList.length > 0\"\n data-slot=\"spreadsheet-errors\"\n class=\"text-destructive flex flex-col gap-1 text-sm\"\n >\n <li v-for=\"error in errorList\" :key=\"error.key\">\n <button\n type=\"button\"\n class=\"text-start hover:underline\"\n @click=\"\n () => {\n grid.moveTo(error.row, error.col)\n focusCell(error.row, error.col)\n }\n \"\n >\n {{\n t(\n 'table.spreadsheet.cell_error',\n {\n row: error.row + 1,\n column: columns[error.col]?.label ?? '',\n message: error.messages.join(' '),\n },\n 'Row :row, :column: :message',\n )\n }}\n </button>\n </li>\n </ul>\n <span\n aria-live=\"polite\"\n aria-atomic=\"true\"\n class=\"sr-only\"\n data-slot=\"spreadsheet-announcement\"\n >{{ announcement }}</span\n >\n\n <Dialog :open=\"preview !== null\" @update:open=\"(value) => !value && (preview = null)\">\n <DialogContent class=\"sm:max-w-lg\">\n <DialogHeader>\n <DialogTitle>{{ t('table.spreadsheet.paste_title', {}, 'Paste cells') }}</DialogTitle>\n <DialogDescription>\n <!-- One line per count: translations can't join two sentences. -->\n <span class=\"block\">{{\n choice(\n 'table.spreadsheet.paste_summary',\n preview?.plan.changes.length ?? 0,\n {},\n ':count cell will change\|:count cells will change',\n )\n }}</span>\n <span\n v-if=\"(preview?.plan.skipped ?? 0) > 0\"\n class=\"block\"\n data-slot=\"spreadsheet-paste-skipped\"\n >\n {{\n choice(\n 'table.spreadsheet.paste_skipped',\n preview?.plan.skipped ?? 0,\n {},\n ':count read-only cell is skipped\|:count read-only cells are skipped',\n )\n }}\n </span>\n </DialogDescription>\n </DialogHeader>\n <div data-slot=\"spreadsheet-paste\" class=\"flex flex-col gap-3\">\n <p\n v-if=\"preview?.validating\"\n class=\"text-muted-foreground flex items-center gap-2 text-sm\"\n >\n <Spinner />\n {{ t('table.spreadsheet.paste_validating', {}, 'Checking the values…') }}\n </p>\n <ul\n v-if=\"preview && (preview.plan.issues.length > 0 \|\| preview.errors.length > 0)\"\n class=\"text-destructive flex max-h-48 flex-col gap-1 overflow-auto text-sm\"\n >\n <li v-for=\"issue in preview.plan.issues\" :key=\"`issue-${issue.row}-${issue.col}`\">\n {{ issueText(issue) }}\n </li>\n <li\n v-for=\"error in preview.errors\"\n :key=\"`error-${String(error.record)}-${error.column}`\"\n >\n {{ errorText(error) }}\n </li>\n </ul>\n </div>\n <DialogFooter>\n <Button type=\"button\" variant=\"outline\" @click=\"preview = null\">{{\n t('cancel', {}, 'Cancel')\n }}</Button>\n <Button\n type=\"button\"\n :disabled=\"!preview \|\| preview.plan.changes.length === 0\"\n @click=\"applyPaste\"\n >\n {{ t('table.spreadsheet.paste_apply', {}, 'Apply') }}\n </Button>\n </DialogFooter>\n </DialogContent>\n </Dialog>\n </div>\n</template>\n"],"mappings":"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"}

package/dist/components/translation-manager/TranslationManagerView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TranslationManagerView.js","names":["_sfc_main","TranslationManagerView_vue_vue_type_script_setup_true_lang_default","TranslationManagerView_default"],"sources":["../../../src/components/translation-manager/TranslationManagerView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n TranslationCellRef,\n TranslationFilter,\n TranslationManagerEnvironment,\n TranslationManagerSchema,\n} from '@alfakit/core'\nimport { TranslationManagerController, clientErrorNotification } from '@alfakit/core'\nimport {\n CheckIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n CopyIcon,\n HistoryIcon,\n LanguagesIcon,\n SearchIcon,\n SparklesIcon,\n TriangleAlertIcon,\n XIcon,\n} from '@lucide/vue'\nimport { computed, nextTick, onBeforeUnmount, toRaw, useId, watch } from 'vue'\nimport { useActionRunner, useDirection, useFormatter, useT } from '../../context'\nimport { useStore } from '../../composables/use-store'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport { showToast } from '../notifications/flash-toasts'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport CardHeader from '../ui/CardHeader.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuCheckboxItem from '../ui/DropdownMenuCheckboxItem.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport Input from '../ui/Input.vue'\nimport Textarea from '../ui/Textarea.vue'\n\n/*\n Keys by locale with search, filters, inline editing (plural forms, right-to-left\n * inputs), keyboard navigation, AI suggestion review and history. Everything is computed\n * and saved by the server.\n /\nconst props = defineProps<{ schema: TranslationManagerSchema }>()\n\nconst SELECT =\n 'border-input focus-visible:border-ring focus-visible:ring-ring/50 h-9 min-w-0 rounded-md border bg-transparent px-2 text-sm shadow-xs outline-none focus-visible:ring-[3px]'\n\nconst runner = useActionRunner()\nconst page = usePageActionContext()\nconst t = useT()\nconst direction = useDirection()\nconst formatter = useFormatter()\nconst labelId = useId()\nconst hintId = useId()\nconst errorId = useId()\n\nconst environment = (): TranslationManagerEnvironment => ({\n runner,\n token: page.token,\n t,\n notify: (notifications) => notifications.forEach((notification) => showToast(notification)),\n error: (message) => showToast(clientErrorNotification('translation-manager', message)),\n})\n\nconst controller = new TranslationManagerController(toRaw(props.schema), environment())\nconst state = useStore(controller.store)\nconst cells = new Map<string, HTMLElement>()\nconst cellKey = (ref: TranslationCellRef) => `${ref.row}\\u0000${ref.locale}`\n\nwatch(\n () => props.schema,\n (schema) => controller.setSchema(toRaw(schema)),\n)\n\nonBeforeUnmount(() => controller.dispose())\n\nconst locales = computed(() => {\n void state.value.visibleLocales\n\n return controller.visibleLocales()\n})\nconst active = computed<TranslationCellRef \| null>(() => {\n const current = state.value.active\n\n if (current && state.value.rows.some((row) => row.id === current.row)) return current\n\n const row = state.value.rows[0]\n const locale = locales.value[0]\n\n return row && locale ? { row: row.id, locale: locale.code } : null\n})\nconst range = computed(() => {\n void state.value.rows\n\n return controller.range()\n})\nconst suggestionLocales = computed(() => {\n void state.value.rows\n\n return controller.suggestionLocales()\n})\nconst activeRow = computed(() =>\n active.value ? state.value.rows.find((row) => row.id === active.value?.row) : undefined,\n)\nconst activeLocale = computed(() =>\n active.value ? controller.locale(active.value.locale) : undefined,\n)\nconst activeCell = computed(() =>\n activeRow.value && activeLocale.value\n ? activeRow.value.cells[activeLocale.value.code]\n : undefined,\n)\n\nconst isActive = (ref: TranslationCellRef) =>\n active.value?.row === ref.row && active.value.locale === ref.locale\nconst isEditing = (ref: TranslationCellRef) =>\n state.value.editing?.row === ref.row && state.value.editing.locale === ref.locale\nconst editable = (ref: TranslationCellRef) => {\n void state.value.rows\n\n return controller.isEditable(ref)\n}\n\nconst setCell = (ref: TranslationCellRef) => (element: unknown) => {\n if (element instanceof HTMLElement) cells.set(cellKey(ref), element)\n else cells.delete(cellKey(ref))\n}\n\nconst focusCell = (ref: TranslationCellRef \| undefined) => {\n if (!ref) return\n controller.focus(ref)\n void nextTick(() => cells.get(cellKey(ref))?.focus())\n}\n\nwatch(\n () => state.value.editing,\n (editing) => {\n if (editing) {\n void nextTick(() => cells.get(cellKey(editing))?.querySelector('textarea')?.focus())\n }\n },\n)\n\nconst onCellKeyDown = (ref: TranslationCellRef, event: KeyboardEvent) => {\n if (event.target !== event.currentTarget) return\n\n const result = controller.handleCellKey(ref, event, direction.value)\n\n if (result.handled) {\n event.preventDefault()\n if (!controller.state.editing) focusCell(result.focus)\n }\n}\n\nconst onEditorKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' \|\| (event.key === 'Enter' && !event.shiftKey) \|\| event.key === 'Tab') {\n event.preventDefault()\n void controller\n .handleEditorKey({ key: event.key, shiftKey: event.shiftKey, isComposing: event.isComposing })\n .then((result) => focusCell(result.focus))\n }\n}\n\nconst onCellClick = (ref: TranslationCellRef) => {\n if (isEditing(ref)) return\n const wasActive = isActive(ref)\n controller.focus(ref)\n if (wasActive) controller.startEdit(ref)\n}\n\nconst save = (ref: TranslationCellRef) => {\n void controller.save().then((saved) => saved && focusCell(ref))\n}\n\nconst cancel = (ref: TranslationCellRef) => {\n controller.cancelEdit()\n focusCell(ref)\n}\n\nconst editLabel = (key: string, locale: string) =>\n t('translation-manager.edit', { key, locale }, 'Edit :key in :locale')\n</script>\n\n<template>\n <Card class=\"gap-4 py-4\" data-slot=\"translation-manager\">\n <CardHeader class=\"flex flex-col gap-4 px-5\">\n <span :id=\"labelId\" class=\"sr-only\">{{\n t('translation-manager.label', {}, 'Translations')\n }}</span>\n <ul\n class=\"grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6\"\n data-slot=\"translation-progress\"\n >\n <li\n v-for=\"locale in schema.locales\"\n :key=\"locale.code\"\n class=\"flex min-w-0 flex-col gap-1 rounded-md border px-3 py-2\"\n >\n <div class=\"flex items-center justify-between gap-2 text-sm\">\n <span class=\"truncate font-medium\" :lang=\"locale.code\">{{ locale.label }}</span>\n <span class=\"text-muted-foreground font-mono text-xs\">{{ locale.code }}</span>\n </div>\n <div\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n :aria-valuenow=\"Math.round((state.progress[locale.code]?.percent ?? 0) 100)\"\n :aria-label=\"\n t(\n 'translation-manager.progress_label',\n {\n locale: locale.label,\n translated: state.progress[locale.code]?.translated ?? 0,\n total: state.progress[locale.code]?.total ?? 0,\n },\n ':locale: :translated of :total translated',\n )\n \"\n class=\"bg-muted h-1.5 overflow-hidden rounded-full\"\n >\n <div\n class=\"bg-primary h-full rounded-full transition-[width]\"\n :style=\"{ width: `${(state.progress[locale.code]?.percent ?? 0) * 100}%` }\"\n />\n </div>\n <span class=\"text-muted-foreground text-xs\">\n {{\n t(\n 'translation-manager.progress',\n { percent: formatter.percent(state.progress[locale.code]?.percent ?? 0) },\n ':percent translated',\n )\n }}\n </span>\n </li>\n </ul>\n <div class=\"flex flex-wrap items-center gap-2\" data-slot=\"translation-toolbar\">\n <div class=\"relative min-w-48 flex-1\">\n <SearchIcon\n class=\"text-muted-foreground pointer-events-none absolute start-2.5 top-1/2 size-4 -translate-y-1/2\"\n aria-hidden=\"true\"\n />\n <Input\n type=\"search\"\n :model-value=\"state.search\"\n :placeholder=\"t('translation-manager.search', {}, 'Search keys and texts…')\"\n :aria-label=\"t('translation-manager.search_label', {}, 'Search translations')\"\n class=\"ps-8\"\n @update:model-value=\"(value: string) => controller.setSearch(value)\"\n />\n </div>\n <label class=\"flex items-center gap-2 text-sm\">\n <span class=\"sr-only\">{{ t('translation-manager.filter_label', {}, 'Show') }}</span>\n <select\n :class=\"SELECT\"\n :value=\"state.filter\"\n @change=\"\n controller.setFilter(($event.target as HTMLSelectElement).value as TranslationFilter)\n \"\n >\n <option v-for=\"filter in schema.filters\" :key=\"filter\" :value=\"filter\">\n {{ t(`translation-manager.filters.${filter}`, {}, filter) }}\n </option>\n </select>\n </label>\n <label class=\"flex items-center gap-2 text-sm\">\n <span class=\"sr-only\">{{ t('translation-manager.group_label', {}, 'Group') }}</span>\n <select\n :class=\"SELECT\"\n :value=\"state.group\"\n @change=\"controller.setGroup(($event.target as HTMLSelectElement).value)\"\n >\n <option value=\"\">{{ t('translation-manager.all_groups', {}, 'All groups') }}</option>\n <option v-for=\"group in schema.groups\" :key=\"group.value\" :value=\"group.value\">\n {{ group.label }}\n </option>\n </select>\n </label>\n <DropdownMenu :dir=\"direction\">\n <DropdownMenuTrigger as-child>\n <Button type=\"button\" variant=\"outline\" size=\"sm\" class=\"h-9\">\n <LanguagesIcon aria-hidden=\"true\" />\n {{ t('translation-manager.locales_label', {}, 'Languages') }}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuCheckboxItem\n v-for=\"locale in schema.locales\"\n :key=\"locale.code\"\n :model-value=\"state.visibleLocales.includes(locale.code)\"\n @update:model-value=\"\n (checked: boolean) => controller.toggleLocale(locale.code, checked)\n \"\n @select=\"(event: Event) => event.preventDefault()\"\n >\n {{ locale.label }}\n <span class=\"text-muted-foreground ms-auto font-mono text-xs\">{{ locale.code }}</span>\n </DropdownMenuCheckboxItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n <div\n v-if=\"suggestionLocales.length > 0\"\n class=\"bg-muted/50 flex flex-col gap-2 rounded-md border px-3 py-2 text-sm\"\n data-slot=\"translation-suggestions\"\n >\n <div\n v-for=\"code in suggestionLocales\"\n :key=\"code\"\n class=\"flex flex-wrap items-center gap-2\"\n >\n <SparklesIcon class=\"text-primary size-4\" aria-hidden=\"true\" />\n <span class=\"flex-1 font-medium\">\n {{ t('translation-manager.suggestion', {}, 'AI suggestion') }} ·\n {{ controller.locale(code)?.label }}\n </span>\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n @click=\"controller.decideAll(code, 'reject')\"\n >\n {{ t('translation-manager.reject_all', {}, 'Reject all') }}\n </Button>\n <Button type=\"button\" size=\"sm\" @click=\"controller.decideAll(code, 'accept')\">\n {{ t('translation-manager.accept_all', {}, 'Accept all without warnings') }}\n </Button>\n </div>\n </div>\n </CardHeader>\n <CardContent class=\"flex flex-col gap-4 px-5\">\n <p :id=\"hintId\" class=\"text-muted-foreground text-xs\">\n {{\n t(\n 'translation-manager.keyboard',\n {},\n 'Arrow keys move between texts. Enter edits and saves, Shift + Enter adds a line break, Escape cancels.',\n )\n }}\n </p>\n <p v-if=\"state.rows.length === 0\" class=\"text-muted-foreground py-10 text-center text-sm\">\n {{ t('translation-manager.empty', {}, 'No translations match your search.') }}\n </p>\n <div v-else class=\"overflow-x-auto rounded-md border\" data-slot=\"translation-grid-scroll\">\n <table\n role=\"grid\"\n :aria-labelledby=\"labelId\"\n :aria-describedby=\"hintId\"\n :aria-busy=\"state.loading \|\| undefined\"\n :aria-rowcount=\"state.total + 1\"\n :class=\"cn('w-full border-collapse text-sm', state.loading && 'opacity-60')\"\n data-slot=\"translation-grid\"\n >\n <thead class=\"bg-muted/50\">\n <tr>\n <th\n scope=\"col\"\n class=\"bg-muted sticky start-0 z-10 min-w-56 border-b px-3 py-2 text-start font-medium\"\n >\n {{ t('translation-manager.key', {}, 'Key') }}\n </th>\n <th\n v-for=\"locale in locales\"\n :key=\"locale.code\"\n scope=\"col\"\n class=\"min-w-64 border-s border-b px-3 py-2 text-start font-medium\"\n >\n <span class=\"flex items-center gap-2\">\n <span :lang=\"locale.code\">{{ locale.label }}</span>\n <span class=\"text-muted-foreground font-mono text-xs\">{{ locale.code }}</span>\n <Badge v-if=\"locale.base\" variant=\"secondary\">\n {{ t('translation-manager.base', {}, 'Base') }}\n </Badge>\n <Badge v-if=\"!locale.editable\" variant=\"outline\">\n {{ t('translation-manager.read_only', {}, 'Read only') }}\n </Badge>\n </span>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr\n v-for=\"row in state.rows\"\n :key=\"row.id\"\n class=\"border-b last:border-b-0\"\n data-slot=\"translation-row\"\n >\n <th\n scope=\"row\"\n class=\"bg-card sticky start-0 z-10 px-3 py-2 text-start align-top font-normal\"\n >\n <div class=\"flex flex-col gap-1\">\n <code class=\"font-mono text-xs break-all\">{{ row.key }}</code>\n <div class=\"flex flex-wrap gap-1\">\n <span class=\"text-muted-foreground text-xs\">{{ row.groupLabel }}</span>\n <Badge v-if=\"row.undefined\" variant=\"destructive\">\n {{ t('translation-manager.undefined', {}, 'Not defined') }}\n </Badge>\n <Badge v-if=\"row.unused\" variant=\"outline\">\n {{ t('translation-manager.unused', {}, 'Unused') }}\n </Badge>\n </div>\n </div>\n </th>\n <td\n v-for=\"locale in locales\"\n :key=\"locale.code\"\n :ref=\"setCell({ row: row.id, locale: locale.code })\"\n role=\"gridcell\"\n :tabindex=\"\n isActive({ row: row.id, locale: locale.code }) &&\n !isEditing({ row: row.id, locale: locale.code })\n ? 0\n : -1\n \"\n :aria-selected=\"isActive({ row: row.id, locale: locale.code })\"\n :aria-readonly=\"!editable({ row: row.id, locale: locale.code }) \|\| undefined\"\n :aria-label=\"\n isEditing({ row: row.id, locale: locale.code })\n ? undefined\n : editLabel(row.key, locale.label)\n \"\n data-slot=\"translation-cell\"\n :data-missing=\"row.cells[locale.code]?.value ? undefined : ''\"\n :data-changed=\"row.cells[locale.code]?.changed ? '' : undefined\"\n :data-active=\"isActive({ row: row.id, locale: locale.code }) ? '' : undefined\"\n :class=\"\n cn(\n 'hover:bg-accent/40 border-s px-3 py-2 align-top outline-none',\n isActive({ row: row.id, locale: locale.code }) &&\n 'ring-ring/50 ring-2 ring-inset',\n editable({ row: row.id, locale: locale.code }) && 'cursor-text',\n )\n \"\n @focus=\"\n $event.target === $event.currentTarget &&\n controller.focus({ row: row.id, locale: locale.code })\n \"\n @click=\"onCellClick({ row: row.id, locale: locale.code })\"\n @dblclick=\"controller.startEdit({ row: row.id, locale: locale.code })\"\n @keydown=\"onCellKeyDown({ row: row.id, locale: locale.code }, $event)\"\n >\n <div\n v-if=\"isEditing({ row: row.id, locale: locale.code })\"\n class=\"flex flex-col gap-2\"\n data-slot=\"translation-editor\"\n @click.stop\n >\n <template v-if=\"state.draftForms\">\n <label\n v-for=\"(form, index) in state.draftForms\"\n :key=\"index\"\n class=\"flex flex-col gap-1\"\n >\n <span class=\"text-muted-foreground text-xs\">\n {{\n t(\n 'translation-manager.plural_form',\n {\n numbers:\n row.cells[locale.code]?.formLabels?.[index] ?? String(index + 1),\n },\n 'For :numbers',\n )\n }}\n </span>\n <Textarea\n :model-value=\"form\"\n rows=\"1\"\n :dir=\"locale.direction\"\n :lang=\"locale.code\"\n :aria-label=\"`${editLabel(row.key, locale.label)} (${row.cells[locale.code]?.formLabels?.[index] ?? index + 1})`\"\n :aria-invalid=\"state.error ? true : undefined\"\n :aria-describedby=\"state.error ? errorId : undefined\"\n class=\"min-h-9\"\n @update:model-value=\"\n (value: string) => controller.setDraftForm(index, value)\n \"\n @keydown=\"onEditorKeyDown\"\n />\n </label>\n </template>\n <Textarea\n v-else\n :model-value=\"state.draft\"\n :rows=\"Math.min(8, Math.max(2, state.draft.split('\\n').length))\"\n :dir=\"locale.direction\"\n :lang=\"locale.code\"\n :aria-label=\"editLabel(row.key, locale.label)\"\n :aria-invalid=\"state.error ? true : undefined\"\n :aria-describedby=\"state.error ? errorId : undefined\"\n @update:model-value=\"(value: string) => controller.setDraft(value)\"\n @keydown=\"onEditorKeyDown\"\n />\n <p v-if=\"state.error\" :id=\"errorId\" class=\"text-destructive text-xs\">\n {{ state.error }}\n </p>\n <div class=\"flex flex-wrap items-center gap-1\">\n <Button\n type=\"button\"\n size=\"sm\"\n :disabled=\"state.saving\"\n @click=\"save({ row: row.id, locale: locale.code })\"\n >\n {{\n state.saving\n ? t('translation-manager.saving', {}, 'Saving…')\n : t('translation-manager.save', {}, 'Save')\n }}\n </Button>\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n :disabled=\"state.saving\"\n @click=\"cancel({ row: row.id, locale: locale.code })\"\n >\n {{ t('translation-manager.cancel', {}, 'Cancel') }}\n </Button>\n <Button\n v-if=\"!locale.base\"\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n class=\"ms-auto\"\n :disabled=\"state.saving\"\n @click=\"controller.copyBase()\"\n >\n <CopyIcon aria-hidden=\"true\" />\n {{ t('translation-manager.copy_base', {}, 'Copy the base text') }}\n </Button>\n </div>\n </div>\n <div v-else class=\"flex flex-col gap-1\">\n <span\n v-if=\"row.cells[locale.code]?.value\"\n class=\"line-clamp-4 whitespace-pre-wrap\"\n :dir=\"locale.direction\"\n :lang=\"locale.code\"\n >{{ row.cells[locale.code]?.value }}</span\n >\n <span v-else class=\"text-muted-foreground italic\">\n {{ t('translation-manager.missing', {}, 'Missing') }}\n </span>\n <span\n v-if=\"\n row.cells[locale.code]?.changed \|\|\n row.cells[locale.code]?.warnings \|\|\n row.cells[locale.code]?.suggestion\n \"\n class=\"flex flex-wrap gap-1\"\n >\n <Badge v-if=\"row.cells[locale.code]?.changed\" variant=\"secondary\">\n {{ t('translation-manager.changed', {}, 'Changed in the panel') }}\n </Badge>\n <Badge\n v-if=\"row.cells[locale.code]?.warnings\"\n variant=\"destructive\"\n :title=\"row.cells[locale.code]?.warnings?.join('\\n')\"\n >\n <TriangleAlertIcon aria-hidden=\"true\" />\n {{ t('translation-manager.warnings', {}, 'Warnings') }}\n </Badge>\n <Badge v-if=\"row.cells[locale.code]?.suggestion\" variant=\"outline\">\n <SparklesIcon aria-hidden=\"true\" />\n {{ t('translation-manager.suggestion', {}, 'AI suggestion') }}\n </Badge>\n </span>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n <div\n class=\"flex flex-wrap items-center justify-between gap-2 text-sm\"\n data-slot=\"translation-pagination\"\n >\n <span class=\"text-muted-foreground\">\n {{\n t(\n 'translation-manager.pagination',\n { ...range, total: formatter.number(state.total) },\n ':from–:to of :total',\n )\n }}\n </span>\n <div class=\"flex items-center gap-1\">\n <Button\n type=\"button\"\n variant=\"outline\"\n size=\"icon-sm\"\n :aria-label=\"t('translation-manager.previous', {}, 'Previous page')\"\n :disabled=\"state.page <= 1 \|\| state.loading\"\n @click=\"controller.goToPage(state.page - 1)\"\n >\n <ChevronLeftIcon class=\"rtl:rotate-180\" aria-hidden=\"true\" />\n </Button>\n <span class=\"px-2 tabular-nums\">\n {{\n t(\n 'translation-manager.page',\n { page: state.page, pages: state.lastPage },\n 'Page :page of :pages',\n )\n }}\n </span>\n <Button\n type=\"button\"\n variant=\"outline\"\n size=\"icon-sm\"\n :aria-label=\"t('translation-manager.next', {}, 'Next page')\"\n :disabled=\"state.page >= state.lastPage \|\| state.loading\"\n @click=\"controller.goToPage(state.page + 1)\"\n >\n <ChevronRightIcon class=\"rtl:rotate-180\" aria-hidden=\"true\" />\n </Button>\n </div>\n </div>\n <section\n v-if=\"activeRow && activeLocale\"\n class=\"flex flex-col gap-3 rounded-md border p-4 text-sm\"\n data-slot=\"translation-details\"\n :aria-label=\"t('translation-manager.details', {}, 'Details')\"\n >\n <div class=\"flex flex-wrap items-baseline gap-2\">\n <code class=\"font-mono text-xs break-all\">{{ activeRow.key }}</code>\n <span class=\"text-muted-foreground\">· {{ activeLocale.label }}</span>\n </div>\n <div v-if=\"activeRow.placeholders?.length\" class=\"flex flex-wrap items-center gap-1\">\n <span class=\"text-muted-foreground me-1\">\n {{ t('translation-manager.placeholders', {}, 'Placeholders') }}\n </span>\n <Badge\n v-for=\"placeholder in activeRow.placeholders\"\n :key=\"placeholder\"\n variant=\"outline\"\n class=\"font-mono\"\n >\n {{ placeholder }}\n </Badge>\n </div>\n <p v-if=\"activeRow.files?.length\" class=\"text-muted-foreground\">\n {{ t('translation-manager.used_in', {}, 'Used in') }}:\n <span class=\"font-mono text-xs\">{{ activeRow.files.join(', ') }}</span>\n </p>\n <p\n v-for=\"warning in activeCell?.warnings ?? []\"\n :key=\"warning\"\n class=\"text-destructive flex items-start gap-2\"\n >\n <TriangleAlertIcon class=\"mt-0.5 size-4 shrink-0\" aria-hidden=\"true\" />\n {{ warning }}\n </p>\n <div\n v-if=\"activeCell?.suggestion\"\n class=\"bg-muted/50 flex flex-col gap-2 rounded-md p-3\"\n data-slot=\"translation-suggestion\"\n >\n <span class=\"flex items-center gap-2 font-medium\">\n <SparklesIcon class=\"text-primary size-4\" aria-hidden=\"true\" />\n {{ t('translation-manager.suggestion', {}, 'AI suggestion') }}\n </span>\n <p class=\"whitespace-pre-wrap\" :dir=\"activeLocale.direction\" :lang=\"activeLocale.code\">\n {{ activeCell.suggestion.value }}\n </p>\n <p\n v-for=\"warning in activeCell.suggestion.warnings ?? []\"\n :key=\"warning\"\n class=\"text-destructive text-xs\"\n >\n {{ warning }}\n </p>\n <div v-if=\"activeLocale.editable\" class=\"flex gap-2\">\n <Button\n type=\"button\"\n size=\"sm\"\n @click=\"controller.decide({ row: activeRow.id, locale: activeLocale.code }, 'accept')\"\n >\n <CheckIcon aria-hidden=\"true\" />\n {{ t('translation-manager.accept', {}, 'Accept') }}\n </Button>\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n @click=\"controller.decide({ row: activeRow.id, locale: activeLocale.code }, 'reject')\"\n >\n <XIcon aria-hidden=\"true\" />\n {{ t('translation-manager.reject', {}, 'Reject') }}\n </Button>\n </div>\n </div>\n <div\n v-if=\"state.history?.row === activeRow.id && state.history.locale === activeLocale.code\"\n class=\"flex flex-col gap-2\"\n data-slot=\"translation-history\"\n >\n <span class=\"font-medium\">{{ t('translation-manager.history', {}, 'History') }}</span>\n <p v-if=\"state.history.entries?.length === 0\" class=\"text-muted-foreground\">\n {{ t('translation-manager.history_empty', {}, 'No changes yet.') }}\n </p>\n <ol class=\"flex flex-col gap-2\">\n <li\n v-for=\"entry in state.history.entries ?? []\"\n :key=\"entry.id\"\n class=\"border-s-2 ps-3\"\n >\n <span class=\"text-muted-foreground text-xs\">\n {{ t(`translation-manager.sources.${entry.source}`, {}, entry.source) }}\n <template v-if=\"entry.user\">\n · {{ t('translation-manager.by', { name: entry.user }, 'by :name') }}\n </template>\n <template v-if=\"entry.at\"> · {{ formatter.relative(entry.at) }}</template>\n </span>\n <p\n class=\"whitespace-pre-wrap\"\n :dir=\"activeLocale.direction\"\n :lang=\"activeLocale.code\"\n >\n <template v-if=\"entry.new !== null\">{{ entry.new }}</template>\n <em v-else class=\"text-muted-foreground\">\n {{ t('translation-manager.empty_value', {}, 'Empty') }}\n </em>\n </p>\n </li>\n </ol>\n </div>\n <div v-else>\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n @click=\"controller.loadHistory({ row: activeRow.id, locale: activeLocale.code })\"\n >\n <HistoryIcon aria-hidden=\"true\" />\n {{ t('translation-manager.show_history', {}, 'Show history') }}\n </Button>\n </div>\n </section>\n <div class=\"sr-only\" role=\"status\" aria-live=\"polite\">{{ state.announcement }}</div>\n </CardContent>\n </Card>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"TranslationManagerView.js","names":["_sfc_main","TranslationManagerView_vue_vue_type_script_setup_true_lang_default","TranslationManagerView_default"],"sources":["../../../src/components/translation-manager/TranslationManagerView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n TranslationCellRef,\n TranslationFilter,\n TranslationManagerEnvironment,\n TranslationManagerSchema,\n} from '@alfakit/core'\nimport { TranslationManagerController, clientErrorNotification } from '@alfakit/core'\nimport {\n CheckIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n CopyIcon,\n HistoryIcon,\n LanguagesIcon,\n SearchIcon,\n SparklesIcon,\n TriangleAlertIcon,\n XIcon,\n} from '@lucide/vue'\nimport { computed, nextTick, onBeforeUnmount, toRaw, useId, watch } from 'vue'\nimport { useActionRunner, useDirection, useFormatter, useT } from '../../context'\nimport { useStore } from '../../composables/use-store'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport { showToast } from '../notifications/flash-toasts'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport CardHeader from '../ui/CardHeader.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuCheckboxItem from '../ui/DropdownMenuCheckboxItem.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport Input from '../ui/Input.vue'\nimport Textarea from '../ui/Textarea.vue'\n\n/*\n Keys by locale with search, filters, inline editing (plural forms, right-to-left\n * inputs), keyboard navigation, AI suggestion review and history. Everything is computed\n * and saved by the server.\n /\nconst props = defineProps<{ schema: TranslationManagerSchema }>()\n\nconst SELECT =\n 'border-input focus-visible:border-ring focus-visible:ring-ring/50 h-9 min-w-0 rounded-md border bg-transparent px-2 text-sm shadow-xs outline-none focus-visible:ring-[3px]'\n\nconst runner = useActionRunner()\nconst page = usePageActionContext()\nconst t = useT()\nconst direction = useDirection()\nconst formatter = useFormatter()\nconst labelId = useId()\nconst hintId = useId()\nconst errorId = useId()\n\nconst environment = (): TranslationManagerEnvironment => ({\n runner,\n token: page.token,\n t,\n notify: (notifications) => notifications.forEach((notification) => showToast(notification)),\n error: (message) => showToast(clientErrorNotification('translation-manager', message)),\n})\n\nconst controller = new TranslationManagerController(toRaw(props.schema), environment())\nconst state = useStore(controller.store)\nconst cells = new Map<string, HTMLElement>()\nconst cellKey = (ref: TranslationCellRef) => `${ref.row}\\u0000${ref.locale}`\n\nwatch(\n () => props.schema,\n (schema) => controller.setSchema(toRaw(schema)),\n)\n\nonBeforeUnmount(() => controller.dispose())\n\nconst locales = computed(() => {\n void state.value.visibleLocales\n\n return controller.visibleLocales()\n})\nconst active = computed<TranslationCellRef \| null>(() => {\n const current = state.value.active\n\n if (current && state.value.rows.some((row) => row.id === current.row)) return current\n\n const row = state.value.rows[0]\n const locale = locales.value[0]\n\n return row && locale ? { row: row.id, locale: locale.code } : null\n})\nconst range = computed(() => {\n void state.value.rows\n\n return controller.range()\n})\nconst suggestionLocales = computed(() => {\n void state.value.rows\n\n return controller.suggestionLocales()\n})\nconst activeRow = computed(() =>\n active.value ? state.value.rows.find((row) => row.id === active.value?.row) : undefined,\n)\nconst activeLocale = computed(() =>\n active.value ? controller.locale(active.value.locale) : undefined,\n)\nconst activeCell = computed(() =>\n activeRow.value && activeLocale.value\n ? activeRow.value.cells[activeLocale.value.code]\n : undefined,\n)\n\nconst isActive = (ref: TranslationCellRef) =>\n active.value?.row === ref.row && active.value.locale === ref.locale\nconst isEditing = (ref: TranslationCellRef) =>\n state.value.editing?.row === ref.row && state.value.editing.locale === ref.locale\nconst editable = (ref: TranslationCellRef) => {\n void state.value.rows\n\n return controller.isEditable(ref)\n}\n\nconst setCell = (ref: TranslationCellRef) => (element: unknown) => {\n if (element instanceof HTMLElement) cells.set(cellKey(ref), element)\n else cells.delete(cellKey(ref))\n}\n\nconst focusCell = (ref: TranslationCellRef \| undefined) => {\n if (!ref) return\n controller.focus(ref)\n void nextTick(() => cells.get(cellKey(ref))?.focus())\n}\n\nwatch(\n () => state.value.editing,\n (editing) => {\n if (editing) {\n void nextTick(() => cells.get(cellKey(editing))?.querySelector('textarea')?.focus())\n }\n },\n)\n\nconst onCellKeyDown = (ref: TranslationCellRef, event: KeyboardEvent) => {\n if (event.target !== event.currentTarget) return\n\n const result = controller.handleCellKey(ref, event, direction.value)\n\n if (result.handled) {\n event.preventDefault()\n if (!controller.state.editing) focusCell(result.focus)\n }\n}\n\nconst onEditorKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' \|\| (event.key === 'Enter' && !event.shiftKey) \|\| event.key === 'Tab') {\n event.preventDefault()\n void controller\n .handleEditorKey({ key: event.key, shiftKey: event.shiftKey, isComposing: event.isComposing })\n .then((result) => focusCell(result.focus))\n }\n}\n\nconst onCellClick = (ref: TranslationCellRef) => {\n if (isEditing(ref)) return\n const wasActive = isActive(ref)\n controller.focus(ref)\n if (wasActive) controller.startEdit(ref)\n}\n\nconst save = (ref: TranslationCellRef) => {\n void controller.save().then((saved) => saved && focusCell(ref))\n}\n\nconst cancel = (ref: TranslationCellRef) => {\n controller.cancelEdit()\n focusCell(ref)\n}\n\nconst editLabel = (key: string, locale: string) =>\n t('translation-manager.edit', { key, locale }, 'Edit :key in :locale')\n</script>\n\n<template>\n <Card class=\"gap-4 py-4\" data-slot=\"translation-manager\">\n <CardHeader class=\"flex flex-col gap-4 px-5\">\n <span :id=\"labelId\" class=\"sr-only\">{{\n t('translation-manager.label', {}, 'Translations')\n }}</span>\n <ul\n class=\"grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6\"\n data-slot=\"translation-progress\"\n >\n <li\n v-for=\"locale in schema.locales\"\n :key=\"locale.code\"\n class=\"flex min-w-0 flex-col gap-1 rounded-md border px-3 py-2\"\n >\n <div class=\"flex items-center justify-between gap-2 text-sm\">\n <span class=\"truncate font-medium\" :lang=\"locale.code\">{{ locale.label }}</span>\n <span class=\"text-muted-foreground font-mono text-xs\">{{ locale.code }}</span>\n </div>\n <div\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n :aria-valuenow=\"Math.round((state.progress[locale.code]?.percent ?? 0) 100)\"\n :aria-label=\"\n t(\n 'translation-manager.progress_label',\n {\n locale: locale.label,\n translated: state.progress[locale.code]?.translated ?? 0,\n total: state.progress[locale.code]?.total ?? 0,\n },\n ':locale: :translated of :total translated',\n )\n \"\n class=\"bg-muted h-1.5 overflow-hidden rounded-full\"\n >\n <div\n class=\"bg-primary h-full rounded-full transition-[width]\"\n :style=\"{ width: `${(state.progress[locale.code]?.percent ?? 0) * 100}%` }\"\n />\n </div>\n <span class=\"text-muted-foreground text-xs\">\n {{\n t(\n 'translation-manager.progress',\n { percent: formatter.percent(state.progress[locale.code]?.percent ?? 0) },\n ':percent translated',\n )\n }}\n </span>\n </li>\n </ul>\n <div class=\"flex flex-wrap items-center gap-2\" data-slot=\"translation-toolbar\">\n <div class=\"relative min-w-48 flex-1\">\n <SearchIcon\n class=\"text-muted-foreground pointer-events-none absolute start-2.5 top-1/2 size-4 -translate-y-1/2\"\n aria-hidden=\"true\"\n />\n <Input\n type=\"search\"\n :model-value=\"state.search\"\n :placeholder=\"t('translation-manager.search', {}, 'Search keys and texts…')\"\n :aria-label=\"t('translation-manager.search_label', {}, 'Search translations')\"\n class=\"ps-8\"\n @update:model-value=\"(value: string) => controller.setSearch(value)\"\n />\n </div>\n <label class=\"flex items-center gap-2 text-sm\">\n <span class=\"sr-only\">{{ t('translation-manager.filter_label', {}, 'Show') }}</span>\n <select\n :class=\"SELECT\"\n :value=\"state.filter\"\n @change=\"\n controller.setFilter(($event.target as HTMLSelectElement).value as TranslationFilter)\n \"\n >\n <option v-for=\"filter in schema.filters\" :key=\"filter\" :value=\"filter\">\n {{ t(`translation-manager.filters.${filter}`, {}, filter) }}\n </option>\n </select>\n </label>\n <label class=\"flex items-center gap-2 text-sm\">\n <span class=\"sr-only\">{{ t('translation-manager.group_label', {}, 'Group') }}</span>\n <select\n :class=\"SELECT\"\n :value=\"state.group\"\n @change=\"controller.setGroup(($event.target as HTMLSelectElement).value)\"\n >\n <option value=\"\">{{ t('translation-manager.all_groups', {}, 'All groups') }}</option>\n <option v-for=\"group in schema.groups\" :key=\"group.value\" :value=\"group.value\">\n {{ group.label }}\n </option>\n </select>\n </label>\n <DropdownMenu :dir=\"direction\">\n <DropdownMenuTrigger as-child>\n <Button type=\"button\" variant=\"outline\" size=\"sm\" class=\"h-9\">\n <LanguagesIcon aria-hidden=\"true\" />\n {{ t('translation-manager.locales_label', {}, 'Languages') }}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuCheckboxItem\n v-for=\"locale in schema.locales\"\n :key=\"locale.code\"\n :model-value=\"state.visibleLocales.includes(locale.code)\"\n @update:model-value=\"\n (checked: boolean) => controller.toggleLocale(locale.code, checked)\n \"\n @select=\"(event: Event) => event.preventDefault()\"\n >\n {{ locale.label }}\n <span class=\"text-muted-foreground ms-auto font-mono text-xs\">{{ locale.code }}</span>\n </DropdownMenuCheckboxItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n <div\n v-if=\"suggestionLocales.length > 0\"\n class=\"bg-muted/50 flex flex-col gap-2 rounded-md border px-3 py-2 text-sm\"\n data-slot=\"translation-suggestions\"\n >\n <div\n v-for=\"code in suggestionLocales\"\n :key=\"code\"\n class=\"flex flex-wrap items-center gap-2\"\n >\n <SparklesIcon class=\"text-primary size-4\" aria-hidden=\"true\" />\n <span class=\"flex-1 font-medium\">\n {{ t('translation-manager.suggestion', {}, 'AI suggestion') }} ·\n {{ controller.locale(code)?.label }}\n </span>\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n @click=\"controller.decideAll(code, 'reject')\"\n >\n {{ t('translation-manager.reject_all', {}, 'Reject all') }}\n </Button>\n <Button type=\"button\" size=\"sm\" @click=\"controller.decideAll(code, 'accept')\">\n {{ t('translation-manager.accept_all', {}, 'Accept all without warnings') }}\n </Button>\n </div>\n </div>\n </CardHeader>\n <CardContent class=\"flex flex-col gap-4 px-5\">\n <p :id=\"hintId\" class=\"text-muted-foreground text-xs\">\n {{\n t(\n 'translation-manager.keyboard',\n {},\n 'Arrow keys move between texts. Enter edits and saves, Shift + Enter adds a line break, Escape cancels.',\n )\n }}\n </p>\n <p v-if=\"state.rows.length === 0\" class=\"text-muted-foreground py-10 text-center text-sm\">\n {{ t('translation-manager.empty', {}, 'No translations match your search.') }}\n </p>\n <div v-else class=\"overflow-x-auto rounded-md border\" data-slot=\"translation-grid-scroll\">\n <table\n role=\"grid\"\n :aria-labelledby=\"labelId\"\n :aria-describedby=\"hintId\"\n :aria-busy=\"state.loading \|\| undefined\"\n :aria-rowcount=\"state.total + 1\"\n :class=\"cn('w-full border-collapse text-sm', state.loading && 'opacity-60')\"\n data-slot=\"translation-grid\"\n >\n <thead class=\"bg-muted/50\">\n <tr>\n <th\n scope=\"col\"\n class=\"bg-card sticky start-0 z-10 min-w-56 border-b [background-image:linear-gradient(var(--muted),var(--muted))] px-3 py-2 text-start font-medium\"\n >\n {{ t('translation-manager.key', {}, 'Key') }}\n </th>\n <th\n v-for=\"locale in locales\"\n :key=\"locale.code\"\n scope=\"col\"\n class=\"min-w-64 border-s border-b px-3 py-2 text-start font-medium\"\n >\n <span class=\"flex items-center gap-2\">\n <span :lang=\"locale.code\">{{ locale.label }}</span>\n <span class=\"text-muted-foreground font-mono text-xs\">{{ locale.code }}</span>\n <Badge v-if=\"locale.base\" variant=\"secondary\">\n {{ t('translation-manager.base', {}, 'Base') }}\n </Badge>\n <Badge v-if=\"!locale.editable\" variant=\"outline\">\n {{ t('translation-manager.read_only', {}, 'Read only') }}\n </Badge>\n </span>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr\n v-for=\"row in state.rows\"\n :key=\"row.id\"\n class=\"border-b last:border-b-0\"\n data-slot=\"translation-row\"\n >\n <th\n scope=\"row\"\n class=\"bg-card sticky start-0 z-10 px-3 py-2 text-start align-top font-normal\"\n >\n <div class=\"flex flex-col gap-1\">\n <code class=\"font-mono text-xs break-all\">{{ row.key }}</code>\n <div class=\"flex flex-wrap gap-1\">\n <span class=\"text-muted-foreground text-xs\">{{ row.groupLabel }}</span>\n <Badge v-if=\"row.undefined\" variant=\"destructive\">\n {{ t('translation-manager.undefined', {}, 'Not defined') }}\n </Badge>\n <Badge v-if=\"row.unused\" variant=\"outline\">\n {{ t('translation-manager.unused', {}, 'Unused') }}\n </Badge>\n </div>\n </div>\n </th>\n <td\n v-for=\"locale in locales\"\n :key=\"locale.code\"\n :ref=\"setCell({ row: row.id, locale: locale.code })\"\n role=\"gridcell\"\n :tabindex=\"\n isActive({ row: row.id, locale: locale.code }) &&\n !isEditing({ row: row.id, locale: locale.code })\n ? 0\n : -1\n \"\n :aria-selected=\"isActive({ row: row.id, locale: locale.code })\"\n :aria-readonly=\"!editable({ row: row.id, locale: locale.code }) \|\| undefined\"\n :aria-label=\"\n isEditing({ row: row.id, locale: locale.code })\n ? undefined\n : editLabel(row.key, locale.label)\n \"\n data-slot=\"translation-cell\"\n :data-missing=\"row.cells[locale.code]?.value ? undefined : ''\"\n :data-changed=\"row.cells[locale.code]?.changed ? '' : undefined\"\n :data-active=\"isActive({ row: row.id, locale: locale.code }) ? '' : undefined\"\n :class=\"\n cn(\n 'hover:bg-accent/40 border-s px-3 py-2 align-top outline-none',\n isActive({ row: row.id, locale: locale.code }) &&\n 'ring-ring/50 ring-2 ring-inset',\n editable({ row: row.id, locale: locale.code }) && 'cursor-text',\n )\n \"\n @focus=\"\n $event.target === $event.currentTarget &&\n controller.focus({ row: row.id, locale: locale.code })\n \"\n @click=\"onCellClick({ row: row.id, locale: locale.code })\"\n @dblclick=\"controller.startEdit({ row: row.id, locale: locale.code })\"\n @keydown=\"onCellKeyDown({ row: row.id, locale: locale.code }, $event)\"\n >\n <div\n v-if=\"isEditing({ row: row.id, locale: locale.code })\"\n class=\"flex flex-col gap-2\"\n data-slot=\"translation-editor\"\n @click.stop\n >\n <template v-if=\"state.draftForms\">\n <label\n v-for=\"(form, index) in state.draftForms\"\n :key=\"index\"\n class=\"flex flex-col gap-1\"\n >\n <span class=\"text-muted-foreground text-xs\">\n {{\n t(\n 'translation-manager.plural_form',\n {\n numbers:\n row.cells[locale.code]?.formLabels?.[index] ?? String(index + 1),\n },\n 'For :numbers',\n )\n }}\n </span>\n <Textarea\n :model-value=\"form\"\n rows=\"1\"\n :dir=\"locale.direction\"\n :lang=\"locale.code\"\n :aria-label=\"`${editLabel(row.key, locale.label)} (${row.cells[locale.code]?.formLabels?.[index] ?? index + 1})`\"\n :aria-invalid=\"state.error ? true : undefined\"\n :aria-describedby=\"state.error ? errorId : undefined\"\n class=\"min-h-9\"\n @update:model-value=\"\n (value: string) => controller.setDraftForm(index, value)\n \"\n @keydown=\"onEditorKeyDown\"\n />\n </label>\n </template>\n <Textarea\n v-else\n :model-value=\"state.draft\"\n :rows=\"Math.min(8, Math.max(2, state.draft.split('\\n').length))\"\n :dir=\"locale.direction\"\n :lang=\"locale.code\"\n :aria-label=\"editLabel(row.key, locale.label)\"\n :aria-invalid=\"state.error ? true : undefined\"\n :aria-describedby=\"state.error ? errorId : undefined\"\n @update:model-value=\"(value: string) => controller.setDraft(value)\"\n @keydown=\"onEditorKeyDown\"\n />\n <p v-if=\"state.error\" :id=\"errorId\" class=\"text-destructive text-xs\">\n {{ state.error }}\n </p>\n <div class=\"flex flex-wrap items-center gap-1\">\n <Button\n type=\"button\"\n size=\"sm\"\n :disabled=\"state.saving\"\n @click=\"save({ row: row.id, locale: locale.code })\"\n >\n {{\n state.saving\n ? t('translation-manager.saving', {}, 'Saving…')\n : t('translation-manager.save', {}, 'Save')\n }}\n </Button>\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n :disabled=\"state.saving\"\n @click=\"cancel({ row: row.id, locale: locale.code })\"\n >\n {{ t('translation-manager.cancel', {}, 'Cancel') }}\n </Button>\n <Button\n v-if=\"!locale.base\"\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n class=\"ms-auto\"\n :disabled=\"state.saving\"\n @click=\"controller.copyBase()\"\n >\n <CopyIcon aria-hidden=\"true\" />\n {{ t('translation-manager.copy_base', {}, 'Copy the base text') }}\n </Button>\n </div>\n </div>\n <div v-else class=\"flex flex-col gap-1\">\n <span\n v-if=\"row.cells[locale.code]?.value\"\n class=\"line-clamp-4 whitespace-pre-wrap\"\n :dir=\"locale.direction\"\n :lang=\"locale.code\"\n >{{ row.cells[locale.code]?.value }}</span\n >\n <span v-else class=\"text-muted-foreground italic\">\n {{ t('translation-manager.missing', {}, 'Missing') }}\n </span>\n <span\n v-if=\"\n row.cells[locale.code]?.changed \|\|\n row.cells[locale.code]?.warnings \|\|\n row.cells[locale.code]?.suggestion\n \"\n class=\"flex flex-wrap gap-1\"\n >\n <Badge v-if=\"row.cells[locale.code]?.changed\" variant=\"secondary\">\n {{ t('translation-manager.changed', {}, 'Changed in the panel') }}\n </Badge>\n <Badge\n v-if=\"row.cells[locale.code]?.warnings\"\n variant=\"destructive\"\n :title=\"row.cells[locale.code]?.warnings?.join('\\n')\"\n >\n <TriangleAlertIcon aria-hidden=\"true\" />\n {{ t('translation-manager.warnings', {}, 'Warnings') }}\n </Badge>\n <Badge v-if=\"row.cells[locale.code]?.suggestion\" variant=\"outline\">\n <SparklesIcon aria-hidden=\"true\" />\n {{ t('translation-manager.suggestion', {}, 'AI suggestion') }}\n </Badge>\n </span>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n <div\n class=\"flex flex-wrap items-center justify-between gap-2 text-sm\"\n data-slot=\"translation-pagination\"\n >\n <span class=\"text-muted-foreground\">\n {{\n t(\n 'translation-manager.pagination',\n { ...range, total: formatter.number(state.total) },\n ':from–:to of :total',\n )\n }}\n </span>\n <div class=\"flex items-center gap-1\">\n <Button\n type=\"button\"\n variant=\"outline\"\n size=\"icon-sm\"\n :aria-label=\"t('translation-manager.previous', {}, 'Previous page')\"\n :disabled=\"state.page <= 1 \|\| state.loading\"\n @click=\"controller.goToPage(state.page - 1)\"\n >\n <ChevronLeftIcon class=\"rtl:rotate-180\" aria-hidden=\"true\" />\n </Button>\n <span class=\"px-2 tabular-nums\">\n {{\n t(\n 'translation-manager.page',\n { page: state.page, pages: state.lastPage },\n 'Page :page of :pages',\n )\n }}\n </span>\n <Button\n type=\"button\"\n variant=\"outline\"\n size=\"icon-sm\"\n :aria-label=\"t('translation-manager.next', {}, 'Next page')\"\n :disabled=\"state.page >= state.lastPage \|\| state.loading\"\n @click=\"controller.goToPage(state.page + 1)\"\n >\n <ChevronRightIcon class=\"rtl:rotate-180\" aria-hidden=\"true\" />\n </Button>\n </div>\n </div>\n <section\n v-if=\"activeRow && activeLocale\"\n class=\"flex flex-col gap-3 rounded-md border p-4 text-sm\"\n data-slot=\"translation-details\"\n :aria-label=\"t('translation-manager.details', {}, 'Details')\"\n >\n <div class=\"flex flex-wrap items-baseline gap-2\">\n <code class=\"font-mono text-xs break-all\">{{ activeRow.key }}</code>\n <span class=\"text-muted-foreground\">· {{ activeLocale.label }}</span>\n </div>\n <div v-if=\"activeRow.placeholders?.length\" class=\"flex flex-wrap items-center gap-1\">\n <span class=\"text-muted-foreground me-1\">\n {{ t('translation-manager.placeholders', {}, 'Placeholders') }}\n </span>\n <Badge\n v-for=\"placeholder in activeRow.placeholders\"\n :key=\"placeholder\"\n variant=\"outline\"\n class=\"font-mono\"\n >\n {{ placeholder }}\n </Badge>\n </div>\n <p v-if=\"activeRow.files?.length\" class=\"text-muted-foreground\">\n {{ t('translation-manager.used_in', {}, 'Used in') }}:\n <span class=\"font-mono text-xs\">{{ activeRow.files.join(', ') }}</span>\n </p>\n <p\n v-for=\"warning in activeCell?.warnings ?? []\"\n :key=\"warning\"\n class=\"text-destructive flex items-start gap-2\"\n >\n <TriangleAlertIcon class=\"mt-0.5 size-4 shrink-0\" aria-hidden=\"true\" />\n {{ warning }}\n </p>\n <div\n v-if=\"activeCell?.suggestion\"\n class=\"bg-muted/50 flex flex-col gap-2 rounded-md p-3\"\n data-slot=\"translation-suggestion\"\n >\n <span class=\"flex items-center gap-2 font-medium\">\n <SparklesIcon class=\"text-primary size-4\" aria-hidden=\"true\" />\n {{ t('translation-manager.suggestion', {}, 'AI suggestion') }}\n </span>\n <p class=\"whitespace-pre-wrap\" :dir=\"activeLocale.direction\" :lang=\"activeLocale.code\">\n {{ activeCell.suggestion.value }}\n </p>\n <p\n v-for=\"warning in activeCell.suggestion.warnings ?? []\"\n :key=\"warning\"\n class=\"text-destructive text-xs\"\n >\n {{ warning }}\n </p>\n <div v-if=\"activeLocale.editable\" class=\"flex gap-2\">\n <Button\n type=\"button\"\n size=\"sm\"\n @click=\"controller.decide({ row: activeRow.id, locale: activeLocale.code }, 'accept')\"\n >\n <CheckIcon aria-hidden=\"true\" />\n {{ t('translation-manager.accept', {}, 'Accept') }}\n </Button>\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"outline\"\n @click=\"controller.decide({ row: activeRow.id, locale: activeLocale.code }, 'reject')\"\n >\n <XIcon aria-hidden=\"true\" />\n {{ t('translation-manager.reject', {}, 'Reject') }}\n </Button>\n </div>\n </div>\n <div\n v-if=\"state.history?.row === activeRow.id && state.history.locale === activeLocale.code\"\n class=\"flex flex-col gap-2\"\n data-slot=\"translation-history\"\n >\n <span class=\"font-medium\">{{ t('translation-manager.history', {}, 'History') }}</span>\n <p v-if=\"state.history.entries?.length === 0\" class=\"text-muted-foreground\">\n {{ t('translation-manager.history_empty', {}, 'No changes yet.') }}\n </p>\n <ol class=\"flex flex-col gap-2\">\n <li\n v-for=\"entry in state.history.entries ?? []\"\n :key=\"entry.id\"\n class=\"border-s-2 ps-3\"\n >\n <span class=\"text-muted-foreground text-xs\">\n {{ t(`translation-manager.sources.${entry.source}`, {}, entry.source) }}\n <template v-if=\"entry.user\">\n · {{ t('translation-manager.by', { name: entry.user }, 'by :name') }}\n </template>\n <template v-if=\"entry.at\"> · {{ formatter.relative(entry.at) }}</template>\n </span>\n <p\n class=\"whitespace-pre-wrap\"\n :dir=\"activeLocale.direction\"\n :lang=\"activeLocale.code\"\n >\n <template v-if=\"entry.new !== null\">{{ entry.new }}</template>\n <em v-else class=\"text-muted-foreground\">\n {{ t('translation-manager.empty_value', {}, 'Empty') }}\n </em>\n </p>\n </li>\n </ol>\n </div>\n <div v-else>\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n @click=\"controller.loadHistory({ row: activeRow.id, locale: activeLocale.code })\"\n >\n <HistoryIcon aria-hidden=\"true\" />\n {{ t('translation-manager.show_history', {}, 'Show history') }}\n </Button>\n </div>\n </section>\n <div class=\"sr-only\" role=\"status\" aria-live=\"polite\">{{ state.announcement }}</div>\n </CardContent>\n </Card>\n</template>\n"],"mappings":""}

package/dist/components/translation-manager/TranslationManagerView.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TranslationManagerView.vue.d.ts","sourceRoot":"","sources":["../../../src/components/translation-manager/TranslationManagerView.vue"],"names":[],"mappings":"AA2uBA,OAAO,KAAK,EAIV,wBAAwB,EACzB,MAAM,eAAe,CAAA;AAgCtB;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,wBAAwB,CAAA;CAAE,CAAC;;~~AA4oDxD~~,wBAMG"}
1	+ {"version":3,"file":"TranslationManagerView.vue.d.ts","sourceRoot":"","sources":["../../../src/components/translation-manager/TranslationManagerView.vue"],"names":[],"mappings":"AA2uBA,OAAO,KAAK,EAIV,wBAAwB,EACzB,MAAM,eAAe,CAAA;AAgCtB;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,wBAAwB,CAAA;CAAE,CAAC;;AA6oDxD,wBAMG"}

package/dist/components/translation-manager/TranslationManagerView.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -42,7 +42,7 @@ var Ce = ["id"], we = {
 	"aria-rowcount"
 ], Je = { class: "bg-muted/50" }, Ye = {
 	scope: "col",
-	class: "bg-muted sticky start-0 z-10 min-w-56 border-b px-3 py-2 text-start font-medium"
+	class: "bg-card sticky start-0 z-10 min-w-56 border-b [background-image:linear-gradient(var(--muted),var(--muted))] px-3 py-2 text-start font-medium"
 }, Xe = { class: "flex items-center gap-2" }, Ze = ["lang"], Qe = { class: "text-muted-foreground font-mono text-xs" }, $e = {
 	scope: "row",
 	class: "bg-card sticky start-0 z-10 px-3 py-2 text-start align-top font-normal"