@pdfme/ui 6.1.2-dev.27 → 6.1.2-dev.29

package/dist/index.js

@@ -100558,7 +100558,7 @@ var Underline = [["path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }], ["line", {
 	y2: "20"
 }]];
 //#endregion
-//#region ../schemas/dist/builtins-BB2DHceW.js
+//#region ../schemas/dist/builtins-D9sJvrz9.js
 var addUriLinkAnnotation = (arg) => {
 	const { pdfDoc, page, uri, rect, borderWidth = 0 } = arg;
 	const safeUri = normalizeSafeLinkUri(uri);
@@ -101741,6 +101741,8 @@ var getRangedPlainTextValue = (arg) => {
 var buildStyledTextContainer = (arg, fontKitFont, value, resolvedDynamicFontSize) => {
 	const { schema, rootElement, mode } = arg;
 	let dynamicFontSize = resolvedDynamicFontSize;
+	const characterSpacing = schema.characterSpacing ?? 0;
+	const editable = isEditable(mode, schema);
 	if (dynamicFontSize === void 0 && shouldUseDynamicFontSize(schema, arg.basePdf) && value) dynamicFontSize = calculateDynamicFontSize({
 		textSchema: schema,
 		fontKitFont,
@@ -101775,7 +101777,7 @@ var buildStyledTextContainer = (arg, fontKitFont, value, resolvedDynamicFontSize
 		justifyContent: mapVerticalAlignToFlex(verticalAlignment),
 		width: "100%",
 		height: "100%",
-		cursor: isEditable(mode, schema) ? "text" : "default"
+		cursor: editable ? "text" : "default"
 	};
 	Object.assign(container.style, containerStyle);
 	rootElement.innerHTML = "";
@@ -101787,7 +101789,7 @@ var buildStyledTextContainer = (arg, fontKitFont, value, resolvedDynamicFontSize
 		fontFamily: schema.fontName ? `'${schema.fontName}'` : "inherit",
 		color: schema.fontColor ? schema.fontColor : DEFAULT_FONT_COLOR,
 		fontSize: `${dynamicFontSize ?? schema.fontSize ?? 13}pt`,
-		letterSpacing: `${schema.characterSpacing ?? 0}pt`,
+		letterSpacing: `${characterSpacing}pt`,
 		lineHeight: `${schema.lineHeight ?? 1}em`,
 		textAlign: schema.alignment ?? "left",
 		whiteSpace: "pre-wrap",
@@ -101799,6 +101801,7 @@ var buildStyledTextContainer = (arg, fontKitFont, value, resolvedDynamicFontSize
 		paddingTop: `${topAdjustment}px`,
 		backgroundColor: "transparent",
 		textDecoration: textDecorations.join(" "),
+		...editable && characterSpacing > 0 ? { width: `calc(100% + ${characterSpacing}pt)` } : {},
 		...isTopAligned ? { height: "100%" } : {}
 	};
 	const textBlock = document.createElement("div");