@pdfme/ui 6.2.1-dev.20 → 6.2.1-dev.26

package/dist/index.js

@@ -56820,7 +56820,7 @@ var dictionaries = {
 		bulkUpdateFieldName: "Bulk update field names",
 		addPageAfter: "Add Page After",
 		removePage: "Remove Current Page",
-		removePageConfirm: "Are you sure you want to delete this page? This action cannot be undone.",
+		removePageConfirm: "Are you sure you want to delete this page?",
 		zoomIn: "Zoom in",
 		zoomOut: "Zoom out",
 		fitWidth: "Fit width",
@@ -56940,7 +56940,7 @@ var dictionaries = {
 		bulkUpdateFieldName: "批量更新字段名称",
 		addPageAfter: "在之后添加页面",
 		removePage: "删除当前页面",
-		removePageConfirm: "您确定要删除此页面吗？此操作无法撤销。",
+		removePageConfirm: "您确定要删除此页面吗？",
 		zoomIn: "放大",
 		zoomOut: "缩小",
 		fitWidth: "适合宽度",
@@ -57060,7 +57060,7 @@ var dictionaries = {
 		bulkUpdateFieldName: "批量更新字段名稱",
 		addPageAfter: "在之後添加頁面",
 		removePage: "刪除當前頁面",
-		removePageConfirm: "您確定要刪除此頁面嗎？此操作無法撤銷。",
+		removePageConfirm: "您確定要刪除此頁面嗎？",
 		zoomIn: "放大",
 		zoomOut: "縮小",
 		fitWidth: "適合寬度",
@@ -57180,7 +57180,7 @@ var dictionaries = {
 		bulkUpdateFieldName: "項目名を一括変更",
 		addPageAfter: "次にページを追加",
 		removePage: "現在のページを削除",
-		removePageConfirm: "ページを削除してもよろしいですか？この操作は元に戻せません。",
+		removePageConfirm: "ページを削除してもよろしいですか？",
 		zoomIn: "拡大",
 		zoomOut: "縮小",
 		fitWidth: "横幅に合わせる",
@@ -57300,7 +57300,7 @@ var dictionaries = {
 		bulkUpdateFieldName: "필드 이름 일괄 업데이트",
 		addPageAfter: "다음에 페이지 추가",
 		removePage: "현재 페이지 제거",
-		removePageConfirm: "이 페이지를 삭제하시겠습니까? 이 작업은 취소할 수 없습니다.",
+		removePageConfirm: "이 페이지를 삭제하시겠습니까?",
 		zoomIn: "확대",
 		zoomOut: "축소",
 		fitWidth: "너비에 맞춤",
@@ -57420,7 +57420,7 @@ var dictionaries = {
 		bulkUpdateFieldName: "تغيير الأسماء",
 		addPageAfter: "إضافة صفحة بعد",
 		removePage: "احذف الصفحة الحالية",
-		removePageConfirm: "هل أنت متأكد من رغبتك في حذف هذه الصفحة؟ لا يمكن التراجع عن هذا الإجراء.",
+		removePageConfirm: "هل أنت متأكد من رغبتك في حذف هذه الصفحة؟",
 		zoomIn: "تكبير",
 		zoomOut: "تصغير",
 		fitWidth: "ملاءمة العرض",
@@ -57540,7 +57540,7 @@ var dictionaries = {
 		bulkUpdateFieldName: "แก้ไขชื่อฟิลด์เป็นชุด",
 		addPageAfter: "เพิ่มหน้าถัดไป",
 		removePage: "ลบหน้าปัจจุบัน",
-		removePageConfirm: "คุณแน่ใจหรือไม่ว่าต้องการลบหน้านี้? การกระทำนี้ไม่สามารถย้อนกลับได้",
+		removePageConfirm: "คุณแน่ใจหรือไม่ว่าต้องการลบหน้านี้?",
 		zoomIn: "ซูมเข้า",
 		zoomOut: "ซูมออก",
 		fitWidth: "พอดีกับความกว้าง",
@@ -57660,7 +57660,7 @@ var dictionaries = {
 		bulkUpdateFieldName: "Alan adlarını toplu güncelle",
 		addPageAfter: "Sonrasına Sayfa Ekle",
 		removePage: "Mevcut Sayfayı Kaldır",
-		removePageConfirm: "Bu sayfayı silmek istediğinizden emin misiniz? Bu işlem geri alınamaz.",
+		removePageConfirm: "Bu sayfayı silmek istediğinizden emin misiniz?",
 		zoomIn: "Yakınlaştır",
 		zoomOut: "Uzaklaştır",
 		fitWidth: "Genişliğe sığdır",
@@ -57780,7 +57780,7 @@ var dictionaries = {
 		bulkUpdateFieldName: "Modifica nomi campi in blocco",
 		addPageAfter: "Aggiungi pagina dopo",
 		removePage: "Rimuovi la Pagina Corrente",
-		removePageConfirm: "Sei sicuro di voler eliminare questa pagina? Questa azione non può essere annullata.",
+		removePageConfirm: "Sei sicuro di voler eliminare questa pagina?",
 		zoomIn: "Ingrandisci",
 		zoomOut: "Riduci",
 		fitWidth: "Adatta larghezza",
@@ -57900,7 +57900,7 @@ var dictionaries = {
 		bulkUpdateFieldName: "Masowo aktualizuj klucze pól",
 		addPageAfter: "Dodaj stronę po",
 		removePage: "Usuń Bieżącą Stronę",
-		removePageConfirm: "Czy na pewno chcesz usunąć tę stronę? Tej operacji nie można cofnąć.",
+		removePageConfirm: "Czy na pewno chcesz usunąć tę stronę?",
 		zoomIn: "Powiększ",
 		zoomOut: "Pomniejsz",
 		fitWidth: "Dopasuj szerokość",
@@ -58020,7 +58020,7 @@ var dictionaries = {
 		bulkUpdateFieldName: "Mehrfachaktualisierung der Feldnamen",
 		addPageAfter: "Seite danach hinzufügen",
 		removePage: "Aktuelle Seite entfernen",
-		removePageConfirm: "Sind Sie sicher, dass Sie diese Seite löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden.",
+		removePageConfirm: "Sind Sie sicher, dass Sie diese Seite löschen möchten?",
 		zoomIn: "Vergrößern",
 		zoomOut: "Verkleinern",
 		fitWidth: "Breite anpassen",
@@ -58140,7 +58140,7 @@ var dictionaries = {
 		bulkUpdateFieldName: "Actualizar en bloque el nombre de los campos",
 		addPageAfter: "Insertar página",
 		removePage: "Eliminar página actual",
-		removePageConfirm: "¿Estás seguro de que quieres eliminar esta página? Esta acción no se puede deshacer.",
+		removePageConfirm: "¿Estás seguro de que quieres eliminar esta página?",
 		zoomIn: "Acercar",
 		zoomOut: "Alejar",
 		fitWidth: "Ajustar ancho",
@@ -58260,7 +58260,7 @@ var dictionaries = {
 		bulkUpdateFieldName: "Modifier les noms de champs en masse",
 		addPageAfter: "Ajouter une page après",
 		removePage: "Supprimer la page actuelle",
-		removePageConfirm: "Êtes-vous sûr de vouloir supprimer cette page ? Cette action est irréversible.",
+		removePageConfirm: "Êtes-vous sûr de vouloir supprimer cette page ?",
 		zoomIn: "Zoom avant",
 		zoomOut: "Zoom arrière",
 		fitWidth: "Ajuster la largeur",
@@ -88000,9 +88000,7 @@ var template2SchemasList = async (_template) => {
 		const pdfArrayBuffer = b64toUint8Array(await getB64BasePdf(basePdf));
 		pageSizes = await pdf2size(pdfArrayBuffer);
 	}
-	const ssl = schemasForUI.length;
-	const psl = pageSizes.length;
-	return (ssl < psl ? schemasForUI.concat(Array.from({ length: psl - ssl }, () => cloneDeep$1([]))) : schemasForUI.slice(0, pageSizes.length)).map((schema, i) => {
+	return alignSchemasListToPageCount(schemasForUI, pageSizes.length).map((schema, i) => {
 		Object.values(schema).forEach((value) => {
 			const { width, height } = pageSizes[i];
 			const xEdge = value.position.x + value.width;
@@ -88013,6 +88011,26 @@ var template2SchemasList = async (_template) => {
 		return schema;
 	});
 };
+/**
+* Pad or truncate schema pages so the list length matches `pageCount`.
+* Empty pages are distinct arrays. This is the same alignment `template2SchemasList`
+* uses when a base PDF's page count and the schema pages differ.
+*/
+var alignSchemasListToPageCount = (schemasList, pageCount) => {
+	if (schemasList.length === pageCount) return schemasList;
+	if (schemasList.length < pageCount) return schemasList.concat(Array.from({ length: pageCount - schemasList.length }, () => []));
+	return schemasList.slice(0, Math.max(pageCount, 0));
+};
+/**
+* Fit a history snapshot to the pages of the current base PDF.
+* Blank PDFs follow the snapshot length. A non-blank PDF keeps `pageSizes.length`,
+* using the same pad/truncate as `template2SchemasList`. A zero page count means
+* sizes are not loaded yet, so the snapshot is left unchanged.
+*/
+var normalizeSchemasListForBasePdf = (schemasList, basePdf, pageCount) => {
+	if (isBlankPdf(basePdf) || pageCount <= 0) return schemasList;
+	return alignSchemasListToPageCount(schemasList, pageCount);
+};
 var schemasList2template = (schemasList, basePdf) => ({
 	schemas: cloneDeep$1(schemasList).map((page) => page.map((schema) => {
 		delete schema.id;
@@ -133200,7 +133218,7 @@ var useMountStatus = () => {
 	}, []);
 	return isMounted;
 };
-var useInitEvents = ({ pageCursor, pageSizes, activeElements, template, schemasList, changeSchemas, commitSchemas, removeSchemas, onSaveTemplate, past, future, setSchemasList, onEdit, onEditEnd }) => {
+var useInitEvents = ({ pageCursor, pageSizes, activeElements, template, schemasList, changeSchemas, commitSchemas, removeSchemas, onSaveTemplate, undo, redo, onEdit, onEditEnd }) => {
 	const copiedSchemas = (0, import_react$9.useRef)(null);
 	const initEvents = (0, import_react$9.useCallback)(() => {
 		const getElementsByIds = (ids) => ids.map((id) => document.getElementById(id)).filter((element) => element instanceof HTMLElement);
@@ -133208,15 +133226,6 @@ var useInitEvents = ({ pageCursor, pageSizes, activeElements, template, schemasL
 			const ids = activeElements.map((ae) => ae.id);
 			return schemasList[pageCursor].filter((s) => ids.includes(s.id));
 		};
-		const timeTravel = (mode) => {
-			const isUndo = mode === "undo";
-			const stack = isUndo ? past : future;
-			if (stack.current.length <= 0) return;
-			(isUndo ? future : past).current.push(cloneDeep$1(schemasList[pageCursor]));
-			const s = cloneDeep$1(schemasList);
-			s[pageCursor] = stack.current.pop();
-			setSchemasList(s);
-		};
 		initShortCuts({
 			move: (command, isShift) => {
 				const pageSize = pageSizes[pageCursor];
@@ -133261,8 +133270,8 @@ var useInitEvents = ({ pageCursor, pageSizes, activeElements, template, schemasL
 				});
 				copiedSchemas.current = pasteSchemas;
 			},
-			redo: () => timeTravel("redo"),
-			undo: () => timeTravel("undo"),
+			redo: () => redo(),
+			undo: () => undo(),
 			save: () => onSaveTemplate && onSaveTemplate(schemasList2template(schemasList, template.basePdf)),
 			remove: () => removeSchemas(getActiveSchemas().map((s) => s.id)),
 			esc: onEditEnd,
@@ -133278,9 +133287,8 @@ var useInitEvents = ({ pageCursor, pageSizes, activeElements, template, schemasL
 		schemasList,
 		onSaveTemplate,
 		removeSchemas,
-		past,
-		future,
-		setSchemasList,
+		undo,
+		redo,
 		copiedSchemas,
 		onEdit,
 		onEditEnd
@@ -215803,7 +215811,7 @@ var TEXT_OVERFLOW_EXPAND_SCHEMA_TYPES = /* @__PURE__ */ new Set(["text", "multiV
 var getElementIds = (elements) => elements.map(({ id }) => id);
 var DetailView = (props) => {
 	const { token } = theme.useToken();
-	const { schemasList, changeSchemas, deselectSchema, activeSchema, pageSize, basePdf } = props;
+	const { schemasList, changeSchemas, syncSchemas, deselectSchema, activeSchema, pageSize, basePdf } = props;
 	const formInstance = useForm();
 	const form = (0, import_react$9.useRef)(formInstance).current;
 	const i18n = (0, import_react$9.useContext)(I18nContext);
@@ -215877,7 +215885,7 @@ var DetailView = (props) => {
 	(0, import_react$9.useEffect)(() => {
 		if (isBlankPdf(basePdf) || !TEXT_OVERFLOW_EXPAND_SCHEMA_TYPES.has(activeSchema.type)) return;
 		if (activeSchema.overflow !== "expand") return;
-		changeSchemas([{
+		syncSchemas([{
 			key: "overflow",
 			value: TEXT_OVERFLOW_VISIBLE,
 			schemaId: activeSchema.id
@@ -215885,7 +215893,7 @@ var DetailView = (props) => {
 	}, [
 		activeSchema,
 		basePdf,
-		changeSchemas
+		syncSchemas
 	]);
 	(0, import_react$9.useEffect)(() => {
 		uniqueSchemaName.current = (value) => {
@@ -236566,7 +236574,7 @@ var DeleteButton = ({ activeElements: aes, controlScale }) => {
 	});
 };
 var Canvas = (props, ref) => {
-	const { basePdf, pageCursor, scale, renderScale, backgrounds, pageSizes, size, activeElements, schemasList, hoveringSchemaId, onEdit, changeSchemas, removeSchemas, onChangeHoveringSchemaId, paperRefs, sidebarOpen } = props;
+	const { basePdf, pageCursor, scale, renderScale, backgrounds, pageSizes, size, activeElements, schemasList, hoveringSchemaId, onEdit, changeSchemas, syncSchemas, removeSchemas, onChangeHoveringSchemaId, paperRefs, sidebarOpen } = props;
 	const { token } = theme.useToken();
 	const pluginsRegistry = (0, import_react$9.useContext)(PluginsRegistry);
 	const verticalGuides = (0, import_react$9.useRef)([]);
@@ -236906,11 +236914,19 @@ var Canvas = (props, ref) => {
 					onChangeHoveringSchemaId,
 					mode,
 					onChange: (schemasList[pageCursor] || []).some((s) => s.id === schema.id) ? (arg) => {
-						changeSchemas((Array.isArray(arg) ? arg : [arg]).map(({ key, value }) => ({
+						const changes = (Array.isArray(arg) ? arg : [arg]).map(({ key, value }) => ({
 							key,
 							value,
 							schemaId: schema.id
-						})));
+						}));
+						if (changes.length > 0 && changes.every((change) => change.key === "height")) {
+							syncSchemas(changes.map((change) => ({
+								...change,
+								value: typeof change.value === "number" && Number.isFinite(change.value) ? round$2(change.value, 2) : change.value
+							})));
+							return;
+						}
+						changeSchemas(changes);
 					} : void 0,
 					stopEditing: () => setEditing(false),
 					outline: `1px ${hoveringSchemaId === schema.id ? "solid" : "dashed"} ${schema.readOnly && hoveringSchemaId !== schema.id ? "transparent" : token.colorPrimary}`,
@@ -237334,6 +237350,22 @@ var CtlBar = (props) => {
 };
 //#endregion
 //#region src/components/Designer/index.tsx
+var MAX_HISTORY_LENGTH = 100;
+/** Release scroll suppression if a pending page scroll never finishes. */
+var SCROLL_SUPPRESS_FALLBACK_MS = 1e3;
+var pushHistory = (stack, entry) => {
+	stack.push({
+		schemasList: cloneDeep$1(entry.schemasList),
+		pageCursor: entry.pageCursor,
+		appliedCursor: entry.appliedCursor
+	});
+	if (stack.length > MAX_HISTORY_LENGTH) stack.splice(0, stack.length - MAX_HISTORY_LENGTH);
+};
+var clampPageCursor = (pageCursor, pageCount) => {
+	if (pageCount <= 0) return 0;
+	return Math.min(Math.max(Number.isFinite(pageCursor) ? Math.trunc(pageCursor) : 0, 0), pageCount - 1);
+};
+var schemasEqual = (left, right) => JSON.stringify(left) === JSON.stringify(right);
 /**
 * When the canvas scales there is a displacement of the starting position of the dragged schema.
 * It moves left or right from the top-left corner of the drag icon depending on the scale.
@@ -237348,6 +237380,12 @@ var MIN_CANVAS_WIDTH = 100;
 var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPageCursorChange, onChangeSelection, onRegisterSchemaSelectionHandler, onUpdateTemplatePageApplied, updateTemplatePage }) => {
 	const past = (0, import_react$9.useRef)([]);
 	const future = (0, import_react$9.useRef)([]);
+	const schemasListRef = (0, import_react$9.useRef)([[]]);
+	const pageCursorRef = (0, import_react$9.useRef)(0);
+	const pendingSelectionIdsRef = (0, import_react$9.useRef)(null);
+	const suppressScrollPageCursorRef = (0, import_react$9.useRef)(false);
+	const scrollSuppressTokenRef = (0, import_react$9.useRef)(0);
+	const scrollSuppressTimerRef = (0, import_react$9.useRef)(null);
 	const canvasRef = (0, import_react$9.useRef)(null);
 	const paperRefs = (0, import_react$9.useRef)([]);
 	const i18n = (0, import_react$9.useContext)(I18nContext);
@@ -237357,8 +237395,12 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 	const canvasWidth = size.width - 45;
 	const [hoveringSchemaId, setHoveringSchemaId] = (0, import_react$9.useState)(null);
 	const [activeElements, setActiveElements] = (0, import_react$9.useState)([]);
+	const activeElementsRef = (0, import_react$9.useRef)(activeElements);
+	activeElementsRef.current = activeElements;
 	const [schemasList, setSchemasList] = (0, import_react$9.useState)([[]]);
 	const [pageCursor, setPageCursor] = (0, import_react$9.useState)(0);
+	schemasListRef.current = schemasList;
+	pageCursorRef.current = pageCursor;
 	const [pendingScrollPage, setPendingScrollPage] = (0, import_react$9.useState)(null);
 	const [sidebarOpen, setSidebarOpen] = (0, import_react$9.useState)(options.sidebarOpen ?? canvasWidth - 400 >= MIN_CANVAS_WIDTH);
 	const [canvasHeight, setCanvasHeight] = (0, import_react$9.useState)(0);
@@ -237446,6 +237488,22 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 		setActiveElements([]);
 		setHoveringSchemaId(null);
 	};
+	const onEditRef = (0, import_react$9.useRef)(onEdit);
+	const onEditEndRef = (0, import_react$9.useRef)(onEditEnd);
+	onEditRef.current = onEdit;
+	onEditEndRef.current = onEditEnd;
+	(0, import_react$9.useLayoutEffect)(() => {
+		const ids = pendingSelectionIdsRef.current;
+		if (!ids) return;
+		if (pageSizes.length !== schemasList.length || backgrounds.length !== schemasList.length) return;
+		pendingSelectionIdsRef.current = null;
+		const elements = ids.map((id) => document.getElementById(id)).filter((element) => element instanceof HTMLElement);
+		onEditRef.current(elements);
+	}, [
+		backgrounds,
+		pageSizes,
+		schemasList
+	]);
 	(0, import_react$9.useEffect)(() => {
 		if (previousOptionsZoomLevelRef.current === options.zoomLevel) return;
 		previousOptionsZoomLevelRef.current = options.zoomLevel;
@@ -237454,6 +237512,31 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 	(0, import_react$9.useEffect)(() => {
 		if (typeof options.sidebarOpen === "boolean") setSidebarOpen(options.sidebarOpen);
 	}, [options.sidebarOpen]);
+	const armScrollSuppression = (fallbackMs) => {
+		const token = ++scrollSuppressTokenRef.current;
+		suppressScrollPageCursorRef.current = true;
+		if (scrollSuppressTimerRef.current !== null) {
+			window.clearTimeout(scrollSuppressTimerRef.current);
+			scrollSuppressTimerRef.current = null;
+		}
+		if (fallbackMs !== void 0) {
+			scrollSuppressTimerRef.current = window.setTimeout(() => {
+				scrollSuppressTimerRef.current = null;
+				if (scrollSuppressTokenRef.current !== token) return;
+				suppressScrollPageCursorRef.current = false;
+			}, fallbackMs);
+			return;
+		}
+		requestAnimationFrame(() => {
+			if (scrollSuppressTokenRef.current !== token) return;
+			suppressScrollPageCursorRef.current = false;
+		});
+	};
+	(0, import_react$9.useEffect)(() => {
+		return () => {
+			if (scrollSuppressTimerRef.current !== null) window.clearTimeout(scrollSuppressTimerRef.current);
+		};
+	}, []);
 	useScrollPageCursor({
 		ref: canvasRef,
 		paperRefs,
@@ -237461,6 +237544,7 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 		scale: displayScale,
 		pageCursor,
 		onChangePageCursor: (p) => {
+			if (suppressScrollPageCursorRef.current) return;
 			setPageCursor(p);
 			onPageCursorChange(p, schemasList.length);
 			onEditEnd();
@@ -237475,6 +237559,7 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 			if (!pageSizes.every((pageSize) => pageSize.width === width && pageSize.height === height)) return;
 		} else if (pageSizes === queuedPageSizes) return;
 		setPendingScrollPage(null);
+		armScrollSuppression();
 		canvasRef.current.scrollTop = getPagesScrollTopByIndex(pageSizes, pendingPage, displayScale);
 		if (requestedPage !== void 0) onUpdateTemplatePageApplied?.(requestedPage);
 	}, [
@@ -237497,44 +237582,122 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 			return () => observer.disconnect();
 		}
 	}, [displayScale]);
+	const applyDocument = (0, import_react$9.useCallback)((nextSchemasList, nextPageCursor, options) => {
+		const basePdf = template.basePdf;
+		const next = normalizeSchemasListForBasePdf(nextSchemasList, basePdf, pageSizes.length);
+		const clampedCursor = clampPageCursor(nextPageCursor, next.length);
+		const pageCountChanged = next.length !== schemasListRef.current.length;
+		const cursorChanged = clampedCursor !== pageCursorRef.current;
+		if (options.preserveSelection) {
+			const landingPage = next[clampedCursor] ?? [];
+			const previousIds = activeElementsRef.current.map((element) => element.id);
+			const survivingIds = previousIds.filter((id) => landingPage.some((schema) => schema.id === id));
+			if (survivingIds.length !== previousIds.length) onEditEndRef.current();
+			pendingSelectionIdsRef.current = survivingIds.length > 0 ? survivingIds : null;
+		}
+		schemasListRef.current = next;
+		pageCursorRef.current = clampedCursor;
+		setSchemasList(next);
+		setPageCursor(clampedCursor);
+		const newTemplate = schemasList2template(next, basePdf);
+		onChangeTemplate(newTemplate);
+		if (options.notifyPageCursor === "always") onPageCursorChange(clampedCursor, next.length);
+		if (pageCountChanged) refresh(newTemplate);
+		if (cursorChanged) {
+			if (pageCountChanged) {
+				armScrollSuppression(SCROLL_SUPPRESS_FALLBACK_MS);
+				setPendingScrollPage({
+					page: clampedCursor,
+					queuedPageSizes: pageSizes
+				});
+			} else if (canvasRef.current) {
+				armScrollSuppression();
+				canvasRef.current.scrollTop = getPagesScrollTopByIndex(pageSizes, clampedCursor, displayScale);
+			}
+		}
+	}, [
+		displayScale,
+		onChangeTemplate,
+		onPageCursorChange,
+		pageSizes,
+		refresh,
+		template.basePdf
+	]);
 	const commitSchemas = (0, import_react$9.useCallback)((newSchemas) => {
+		const currentSchemas = schemasListRef.current;
+		const currentPage = pageCursorRef.current;
+		if (schemasEqual(currentSchemas[currentPage], newSchemas)) return;
 		future.current = [];
-		past.current.push(cloneDeep$1(schemasList[pageCursor]));
-		const _schemasList = cloneDeep$1(schemasList);
-		_schemasList[pageCursor] = newSchemas;
-		setSchemasList(_schemasList);
-		onChangeTemplate(schemasList2template(_schemasList, template.basePdf));
+		pushHistory(past.current, {
+			schemasList: currentSchemas,
+			pageCursor: currentPage,
+			appliedCursor: currentPage
+		});
+		const next = cloneDeep$1(currentSchemas);
+		next[currentPage] = newSchemas;
+		applyDocument(next, currentPage, { notifyPageCursor: "never" });
+	}, [applyDocument]);
+	const syncSchemas = (0, import_react$9.useCallback)((objs) => {
+		const currentPage = pageCursorRef.current;
+		const pageSize = pageSizes[currentPage];
+		if (!pageSize || objs.length === 0) return;
+		changeSchemas({
+			objs,
+			schemas: schemasListRef.current[currentPage] ?? [],
+			basePdf: template.basePdf,
+			pluginsRegistry,
+			pageSize,
+			commitSchemas: (newSchemas) => {
+				const currentSchemas = schemasListRef.current;
+				if (schemasEqual(currentSchemas[currentPage], newSchemas)) return;
+				const next = cloneDeep$1(currentSchemas);
+				next[currentPage] = newSchemas;
+				applyDocument(next, currentPage, { notifyPageCursor: "never" });
+			}
+		});
 	}, [
-		template,
-		schemasList,
-		pageCursor,
-		onChangeTemplate
+		applyDocument,
+		pageSizes,
+		pluginsRegistry,
+		template.basePdf
 	]);
 	const removeSchemas = (0, import_react$9.useCallback)((ids) => {
-		commitSchemas(schemasList[pageCursor].filter((schema) => !ids.includes(schema.id)));
-		onEditEnd();
-	}, [
-		schemasList,
-		pageCursor,
-		commitSchemas
-	]);
+		const currentPage = pageCursorRef.current;
+		const pageSchemas = schemasListRef.current[currentPage] ?? [];
+		commitSchemas(pageSchemas.filter((schema) => !ids.includes(schema.id)));
+		onEditEndRef.current();
+	}, [commitSchemas]);
 	const changeSchemas$1 = (0, import_react$9.useCallback)((objs) => {
+		const currentPage = pageCursorRef.current;
 		changeSchemas({
 			objs,
-			schemas: schemasList[pageCursor],
+			schemas: schemasListRef.current[currentPage] ?? [],
 			basePdf: template.basePdf,
 			pluginsRegistry,
-			pageSize: pageSizes[pageCursor],
+			pageSize: pageSizes[currentPage],
 			commitSchemas
 		});
 	}, [
 		commitSchemas,
-		pageCursor,
-		schemasList,
-		pluginsRegistry,
 		pageSizes,
+		pluginsRegistry,
 		template.basePdf
 	]);
+	const timeTravel = (0, import_react$9.useCallback)((mode) => {
+		const source = mode === "undo" ? past : future;
+		const destination = mode === "undo" ? future : past;
+		const target = source.current.pop();
+		if (!target) return;
+		pushHistory(destination.current, {
+			schemasList: schemasListRef.current,
+			pageCursor: target.appliedCursor,
+			appliedCursor: target.pageCursor
+		});
+		applyDocument(target.schemasList, target.pageCursor, {
+			notifyPageCursor: "always",
+			preserveSelection: true
+		});
+	}, [applyDocument]);
 	useInitEvents({
 		pageCursor,
 		pageSizes,
@@ -237545,18 +237708,20 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 		commitSchemas,
 		removeSchemas,
 		onSaveTemplate,
-		past,
-		future,
-		setSchemasList,
+		undo: (0, import_react$9.useCallback)(() => timeTravel("undo"), [timeTravel]),
+		redo: (0, import_react$9.useCallback)(() => timeTravel("redo"), [timeTravel]),
 		onEdit,
 		onEditEnd
 	});
 	const updateTemplate = (0, import_react$9.useCallback)(async (newTemplate, targetPage) => {
 		const sl = await template2SchemasList(newTemplate);
+		schemasListRef.current = sl;
 		setSchemasList(sl);
-		onEditEnd();
+		pendingSelectionIdsRef.current = null;
+		onEditEndRef.current();
 		if (targetPage !== void 0) {
 			const clampedPage = Math.min(Math.max(Number.isFinite(targetPage) ? Math.trunc(targetPage) : 0, 0), sl.length - 1);
+			pageCursorRef.current = clampedPage;
 			setPageCursor(clampedPage);
 			onPageCursorChange(clampedPage, sl.length);
 			setPendingScrollPage({
@@ -237565,9 +237730,11 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 				requestedPage: targetPage
 			});
 		} else {
-			const clampedPage = Math.min(pageCursor, sl.length - 1);
+			const clampedPage = Math.min(pageCursorRef.current, sl.length - 1);
+			const cursorChanged = clampedPage !== pageCursorRef.current;
+			pageCursorRef.current = clampedPage;
 			setPageCursor(clampedPage);
-			if (clampedPage !== pageCursor) {
+			if (cursorChanged) {
 				onPageCursorChange(clampedPage, sl.length);
 				setPendingScrollPage({
 					page: clampedPage,
@@ -237575,11 +237742,7 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 				});
 			}
 		}
-	}, [
-		pageCursor,
-		pageSizes,
-		onPageCursorChange
-	]);
+	}, [pageSizes, onPageCursorChange]);
 	const addSchema = (defaultSchema) => {
 		const [paddingTop, paddingRight, paddingBottom, paddingLeft] = isBlankPdf(template.basePdf) ? template.basePdf.padding : [
 			0,
@@ -237622,27 +237785,37 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 	const onChangeHoveringSchemaId = (id) => {
 		setHoveringSchemaId(id);
 	};
-	const updatePage = async (sl, newPageCursor) => {
-		setPageCursor(newPageCursor);
-		const newTemplate = schemasList2template(sl, template.basePdf);
-		onChangeTemplate(newTemplate);
-		await updateTemplate(newTemplate, newPageCursor);
-		refresh(newTemplate);
-		setTimeout(() => {
-			if (canvasRef.current) canvasRef.current.scrollTop = getPagesScrollTopByIndex(pageSizes, newPageCursor, displayScale);
-		}, 0);
-	};
 	const handleRemovePage = () => {
-		if (pageCursor === 0) return;
+		const currentPage = pageCursorRef.current;
+		if (currentPage === 0) return;
 		if (!window.confirm(i18n("removePageConfirm"))) return;
-		const _schemasList = cloneDeep$1(schemasList);
-		_schemasList.splice(pageCursor, 1);
-		updatePage(_schemasList, pageCursor - 1);
+		future.current = [];
+		const currentSchemas = schemasListRef.current;
+		pushHistory(past.current, {
+			schemasList: currentSchemas,
+			pageCursor: currentPage,
+			appliedCursor: currentPage - 1
+		});
+		const next = cloneDeep$1(currentSchemas);
+		next.splice(currentPage, 1);
+		onEditEndRef.current();
+		pendingSelectionIdsRef.current = null;
+		applyDocument(next, currentPage - 1, { notifyPageCursor: "always" });
 	};
 	const handleAddPageAfter = () => {
-		const _schemasList = cloneDeep$1(schemasList);
-		_schemasList.splice(pageCursor + 1, 0, []);
-		updatePage(_schemasList, pageCursor + 1);
+		future.current = [];
+		const currentSchemas = schemasListRef.current;
+		const currentPage = pageCursorRef.current;
+		pushHistory(past.current, {
+			schemasList: currentSchemas,
+			pageCursor: currentPage,
+			appliedCursor: currentPage + 1
+		});
+		const next = cloneDeep$1(currentSchemas);
+		next.splice(currentPage + 1, 0, []);
+		onEditEndRef.current();
+		pendingSelectionIdsRef.current = null;
+		applyDocument(next, currentPage + 1, { notifyPageCursor: "always" });
 	};
 	if (prevTemplate !== template) {
 		setPrevTemplate(template);
@@ -237720,6 +237893,7 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 						schemasList,
 						schemas: schemasList[pageCursor] ?? [],
 						changeSchemas: changeSchemas$1,
+						syncSchemas,
 						onSortEnd,
 						onEdit: (id) => {
 							const editingElem = document.getElementById(id);
@@ -237746,6 +237920,7 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 						activeElements,
 						schemasList,
 						changeSchemas: changeSchemas$1,
+						syncSchemas,
 						removeSchemas,
 						sidebarOpen,
 						onEdit