@pdfme/ui 6.1.13-dev.27 → 6.1.13-dev.35

package/dist/Designer.d.ts

@@ -1,6 +1,9 @@
 import { Template, DesignerProps } from '@pdfme/common';
 import { BaseUIClass } from './class.js';
 import { type DesignerSelectSchemasOptions, type DesignerSchemaSelectionTarget, type DesignerSelectedSchema, type DesignerSelection, type DesignerSelectionChangeCallback } from './designerSelection.js';
+export type DesignerUpdateTemplateOptions = {
+    page?: number;
+};
 declare class Designer extends BaseUIClass {
     private onSaveTemplateCallback?;
     private onChangeTemplateCallback?;
@@ -9,9 +12,10 @@ declare class Designer extends BaseUIClass {
     private pageCursor;
     private selection;
     private selectSchemasHandler;
+    private updateTemplatePage?;
     constructor(props: DesignerProps);
     saveTemplate(): void;
-    updateTemplate(template: Template): void;
+    updateTemplate(template: Template, options?: DesignerUpdateTemplateOptions): void;
     onSaveTemplate(cb: (template: Template) => void): void;
     onChangeTemplate(cb: (template: Template) => void): void;
     onPageChange(cb: (pageInfo: {

package/dist/class.d.ts

@@ -14,7 +14,7 @@ export declare abstract class BaseUIClass {
     constructor(props: UIProps);
     protected getLang(): "ar" | "de" | "en" | "es" | "fr" | "it" | "ja" | "ko" | "pl" | "th" | "tr" | "zh" | "zh-TW";
     protected getFont(): Record<string, {
-        data: string | ArrayBuffer | Uint8Array<ArrayBuffer>;
+        data: string | ArrayBuffer | import("@pdfme/common").PdfBytes;
         fallback?: boolean | undefined;
         subset?: boolean | undefined;
     }>;
@@ -44,7 +44,7 @@ export declare abstract class BaseUIClass {
             } | undefined;
             __isSplit?: boolean | undefined;
         }[][];
-        basePdf: string | ArrayBuffer | Uint8Array<ArrayBuffer> | {
+        basePdf: string | ArrayBuffer | import("@pdfme/common").PdfBytes | {
             width: number;
             height: number;
             padding: [number, number, number, number];

package/dist/components/Designer/index.d.ts

@@ -1,14 +1,15 @@
 import React from 'react';
 import { Template, DesignerProps, Size } from '@pdfme/common';
 import { type DesignerSelectSchemas, type DesignerSelection } from '../../designerSelection.js';
-declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplate, onPageCursorChange, onChangeSelection, onRegisterSchemaSelectionHandler, }: Omit<DesignerProps, 'domContainer'> & {
+type TemplateEditorProps = Omit<DesignerProps, 'domContainer'> & {
     size: Size;
     onSaveTemplate: (t: Template) => void;
     onChangeTemplate: (t: Template) => void;
     onChangeSelection?: (selection: DesignerSelection) => void;
     onRegisterSchemaSelectionHandler?: (handler: DesignerSelectSchemas | null) => void;
-} & {
-    onChangeTemplate: (t: Template) => void;
+    onUpdateTemplatePageApplied?: (page: number) => void;
     onPageCursorChange: (newPageCursor: number, totalPages: number) => void;
-}) => React.JSX.Element;
+    updateTemplatePage?: number;
+};
+declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplate, onPageCursorChange, onChangeSelection, onRegisterSchemaSelectionHandler, onUpdateTemplatePageApplied, updateTemplatePage, }: TemplateEditorProps) => React.JSX.Element;
 export default TemplateEditor;

package/dist/contexts.d.ts

@@ -2,7 +2,7 @@ import { i18n } from './i18n.js';
 import { PluginRegistry, UIOptions } from '@pdfme/common';
 export declare const I18nContext: import("react").Context<typeof i18n>;
 export declare const FontContext: import("react").Context<Record<string, {
-    data: string | ArrayBuffer | Uint8Array<ArrayBuffer>;
+    data: string | ArrayBuffer | import("@pdfme/common").PdfBytes;
     fallback?: boolean | undefined;
     subset?: boolean | undefined;
 }>>;

package/dist/index.d.ts

@@ -2,4 +2,5 @@ import Designer from './Designer.js';
 import Form from './Form.js';
 import Viewer from './Viewer.js';
 export { Designer, Viewer, Form };
+export type { DesignerUpdateTemplateOptions } from './Designer.js';
 export type { DesignerSchemaSelectionTarget, DesignerSelectSchemas, DesignerSelectSchemasOptions, DesignerSelectedSchema, DesignerSelection, DesignerSelectionBounds, DesignerSelectionChangeCallback, } from './designerSelection.js';

package/dist/index.js

@@ -38225,7 +38225,8 @@ var runnersToPage = (page, options) => ({
 			const isBold = style.fontWeight === "bold" || Number(style.fontWeight) >= 700;
 			const isItalic = style.fontStyle === "italic";
 			const getFont = (bold, italic, family) => fonts[family + (bold ? "_bold" : "") + (italic ? "_italic" : "")];
-			return getFont(isBold, isItalic, family) || getFont(isBold, false, family) || getFont(false, isItalic, family) || getFont(false, false, family) || Object.keys(fonts).find((fontFamily) => fontFamily.startsWith(family));
+			const matchingFontFamily = Object.keys(fonts).find((fontFamily) => fontFamily.startsWith(family));
+			return getFont(isBold, isItalic, family) || getFont(isBold, false, family) || getFont(false, isItalic, family) || getFont(false, false, family) || (matchingFontFamily ? fonts[matchingFontFamily] : void 0);
 		}
 		const font = options.fonts && getBestFont(element.svgAttributes, options.fonts);
 		const textWidth = (font || page.getFont()[0]).widthOfTextAtSize(text, fontSize);
@@ -38344,6 +38345,33 @@ var parseStyles$1 = (style) => {
 	}
 	return css;
 };
+var stripImportantSuffix = (value) => {
+	const suffix = "!important";
+	const trimmed = value.trim();
+	return trimmed.toLowerCase().endsWith(suffix) ? trimmed.slice(0, -10).trimEnd() : trimmed;
+};
+var splitFontFamilies = (fontFamily) => {
+	const families = [];
+	let current = "";
+	let quote;
+	for (const char of fontFamily) {
+		if ((char === "\"" || char === "'") && (!quote || quote === char)) {
+			quote = quote ? void 0 : char;
+			continue;
+		}
+		if (char === "," && !quote) {
+			if (current.trim()) families.push(current.trim());
+			current = "";
+			continue;
+		}
+		current += char;
+	}
+	if (current.trim()) families.push(current.trim());
+	return families.map(stripImportantSuffix).filter(Boolean);
+};
+var normalizeFontFamily = (fontFamily) => {
+	return splitFontFamilies(fontFamily)[0] || fontFamily.trim();
+};
 var parseColor$2 = (color, inherited) => {
 	if (!color || color.length === 0) return void 0;
 	if (["none", "transparent"].includes(color)) return void 0;
@@ -38461,10 +38489,7 @@ var parseAttributes = (element, inherited, matrix) => {
 		newMatrix = combineTransformation(newMatrix, "scale", [1, -1]);
 		svgAttributes.d = attributes.d;
 	}
-	if (newInherited.fontFamily) {
-		const inner = newInherited.fontFamily.match(/^"(.*?)"|^'(.*?)'/);
-		if (inner) newInherited.fontFamily = inner[1] || inner[2];
-	}
+	if (newInherited.fontFamily) newInherited.fontFamily = normalizeFontFamily(newInherited.fontFamily);
 	if (newInherited.strokeWidth) svgAttributes.strokeWidth = newInherited.strokeWidth;
 	return {
 		inherited: newInherited,
@@ -86168,7 +86193,7 @@ var Underline = [["path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }], ["line", {
 	y2: "20"
 }]];
 //#endregion
-//#region ../schemas/dist/builtins-WchxRSf_.js
+//#region ../schemas/dist/builtins-D75m2smy.js
 var addUriLinkAnnotation = (arg) => {
 	const { pdfDoc, page, uri, rect, borderWidth = 0 } = arg;
 	const safeUri = normalizeSafeLinkUri(uri);
@@ -86465,7 +86490,7 @@ var isTextOverflowExpandSchema = (schema) => schema.type === void 0 || TEXT_OVER
 var canUseTextOverflowExpand = (schema, basePdf) => !isTextOverflowExpandSchema(schema) || basePdf === void 0 || isBlankPdf(basePdf);
 var isTextOverflowExpand = (schema, basePdf) => canUseTextOverflowExpand(schema, basePdf) && schema.overflow === "expand";
 var shouldUseDynamicFontSize = (schema, basePdf) => Boolean(schema.dynamicFontSize) && !isTextOverflowExpand(schema, basePdf);
-var PDF_FONT_CACHE_KEY = "text-pdf-font-cache";
+var PDF_FONT_CACHE_KEY = "schemas-pdf-font-cache";
 var getPdfFontCache = (_cache) => {
 	let pdfFontCache = _cache.get(PDF_FONT_CACHE_KEY);
 	if (!pdfFontCache) {
@@ -237067,7 +237092,7 @@ var scaleDragPosAdjustment = (adjustment, scale) => {
 	return 0;
 };
 var MIN_CANVAS_WIDTH = 100;
-var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPageCursorChange, onChangeSelection, onRegisterSchemaSelectionHandler }) => {
+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 canvasRef = (0, import_react$9.useRef)(null);
@@ -237081,6 +237106,7 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 	const [activeElements, setActiveElements] = (0, import_react$9.useState)([]);
 	const [schemasList, setSchemasList] = (0, import_react$9.useState)([[]]);
 	const [pageCursor, setPageCursor] = (0, import_react$9.useState)(0);
+	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);
 	const [prevTemplate, setPrevTemplate] = (0, import_react$9.useState)(null);
@@ -237187,6 +237213,26 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 			onEditEnd();
 		}
 	});
+	(0, import_react$9.useLayoutEffect)(() => {
+		if (!pendingScrollPage || !canvasRef.current) return;
+		const { page: pendingPage, queuedPageSizes, requestedPage } = pendingScrollPage;
+		if (!pageSizes[pendingPage] || pageSizes.length !== schemasList.length) return;
+		if (isBlankPdf(template.basePdf)) {
+			const { width, height } = template.basePdf;
+			if (!pageSizes.every((pageSize) => pageSize.width === width && pageSize.height === height)) return;
+		} else if (pageSizes === queuedPageSizes) return;
+		setPendingScrollPage(null);
+		canvasRef.current.scrollTop = getPagesScrollTopByIndex(pageSizes, pendingPage, displayScale);
+		if (requestedPage !== void 0) onUpdateTemplatePageApplied?.(requestedPage);
+	}, [
+		displayScale,
+		pageCursor,
+		pageSizes,
+		pendingScrollPage,
+		schemasList.length,
+		template.basePdf,
+		onUpdateTemplatePageApplied
+	]);
 	(0, import_react$9.useLayoutEffect)(() => {
 		const updateHeight = () => {
 			setCanvasHeight(canvasRef.current ? canvasRef.current.clientHeight : 0);
@@ -237252,25 +237298,35 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 		onEdit,
 		onEditEnd
 	});
-	const updateTemplate = (0, import_react$9.useCallback)(async (newTemplate, preservePage = false) => {
+	const updateTemplate = (0, import_react$9.useCallback)(async (newTemplate, targetPage) => {
 		const sl = await template2SchemasList(newTemplate);
 		setSchemasList(sl);
 		onEditEnd();
-		if (!preservePage) {
-			setPageCursor(0);
-			if (canvasRef.current?.scroll) canvasRef.current.scroll({
-				top: 0,
-				behavior: "smooth"
-			});
-		} else setPageCursor((prev) => {
-			const clamped = Math.min(prev, sl.length - 1);
-			if (clamped !== prev && canvasRef.current) canvasRef.current.scroll({
-				top: getPagesScrollTopByIndex(pageSizes, clamped, displayScale),
-				behavior: "smooth"
+		if (targetPage !== void 0) {
+			const clampedPage = Math.min(Math.max(Number.isFinite(targetPage) ? Math.trunc(targetPage) : 0, 0), sl.length - 1);
+			setPageCursor(clampedPage);
+			onPageCursorChange(clampedPage, sl.length);
+			setPendingScrollPage({
+				page: clampedPage,
+				queuedPageSizes: pageSizes,
+				requestedPage: targetPage
 			});
-			return clamped;
-		});
-	}, [pageSizes, displayScale]);
+		} else {
+			const clampedPage = Math.min(pageCursor, sl.length - 1);
+			setPageCursor(clampedPage);
+			if (clampedPage !== pageCursor) {
+				onPageCursorChange(clampedPage, sl.length);
+				setPendingScrollPage({
+					page: clampedPage,
+					queuedPageSizes: pageSizes
+				});
+			}
+		}
+	}, [
+		pageCursor,
+		pageSizes,
+		onPageCursorChange
+	]);
 	const addSchema = (defaultSchema) => {
 		const [paddingTop, paddingRight, paddingBottom, paddingLeft] = isBlankPdf(template.basePdf) ? template.basePdf.padding : [
 			0,
@@ -237317,9 +237373,8 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 		setPageCursor(newPageCursor);
 		const newTemplate = schemasList2template(sl, template.basePdf);
 		onChangeTemplate(newTemplate);
-		await updateTemplate(newTemplate, true);
+		await updateTemplate(newTemplate, newPageCursor);
 		refresh(newTemplate);
-		onPageCursorChange(newPageCursor, sl.length);
 		setTimeout(() => {
 			if (canvasRef.current) canvasRef.current.scrollTop = getPagesScrollTopByIndex(pageSizes, newPageCursor, displayScale);
 		}, 0);
@@ -237338,7 +237393,7 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 	};
 	if (prevTemplate !== template) {
 		setPrevTemplate(template);
-		updateTemplate(template, true);
+		updateTemplate(template, updateTemplatePage);
 	}
 	if (error) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorScreen, {
 		size,
@@ -237515,16 +237570,18 @@ var Designer = class extends BaseUIClass {
 		_defineProperty$14(this, "pageCursor", 0);
 		_defineProperty$14(this, "selection", EMPTY_DESIGNER_SELECTION);
 		_defineProperty$14(this, "selectSchemasHandler", null);
+		_defineProperty$14(this, "updateTemplatePage", void 0);
 		checkDesignerProps(props);
 	}
 	saveTemplate() {
 		if (!this.domContainer) throw Error(DESTROYED_ERR_MSG);
 		if (this.onSaveTemplateCallback) this.onSaveTemplateCallback(this.template);
 	}
-	updateTemplate(template) {
+	updateTemplate(template, options = {}) {
 		checkTemplate(template);
 		if (!this.domContainer) throw Error(DESTROYED_ERR_MSG);
 		this.template = cloneDeep$1(template);
+		this.updateTemplatePage = options.page;
 		if (this.onChangeTemplateCallback) this.onChangeTemplateCallback(template);
 		this.render();
 	}
@@ -237591,6 +237648,10 @@ var Designer = class extends BaseUIClass {
 				onRegisterSchemaSelectionHandler: (handler) => {
 					this.selectSchemasHandler = handler;
 				},
+				onUpdateTemplatePageApplied: (page) => {
+					if (Object.is(this.updateTemplatePage, page)) this.updateTemplatePage = void 0;
+				},
+				updateTemplatePage: this.updateTemplatePage,
 				size: this.size
 			})
 		}));