superdoc 1.15.0-next.1 → 1.15.0-next.3

package/dist/chunks/{SuperConverter-0JXEABCU.es.js → SuperConverter-DBiUGLo-.es.js}

@@ -10728,6 +10728,182 @@ var PluginKey = class {
 		return state[this.key];
 	}
 };
+function getPresetColor(name) {
+	return {
+		aliceBlue: "#f0f8ff",
+		antiqueWhite: "#faebd7",
+		aqua: "#00ffff",
+		aquamarine: "#7fffd4",
+		azure: "#f0ffff",
+		beige: "#f5f5dc",
+		bisque: "#ffe4c4",
+		black: "#000000",
+		blanchedAlmond: "#ffebcd",
+		blue: "#0000ff",
+		blueViolet: "#8a2be2",
+		brown: "#a52a2a",
+		burlyWood: "#deb887",
+		cadetBlue: "#5f9ea0",
+		chartreuse: "#7fff00",
+		chocolate: "#d2691e",
+		coral: "#ff7f50",
+		cornflowerBlue: "#6495ed",
+		cornsilk: "#fff8dc",
+		crimson: "#dc143c",
+		cyan: "#00ffff",
+		dkBlue: "#00008b",
+		dkCyan: "#008b8b",
+		dkGoldenrod: "#b8860b",
+		dkGray: "#a9a9a9",
+		dkGreen: "#006400",
+		dkKhaki: "#bdb76b",
+		dkMagenta: "#8b008b",
+		dkOliveGreen: "#556b2f",
+		dkOrange: "#ff8c00",
+		dkOrchid: "#9932cc",
+		dkRed: "#8b0000",
+		dkSalmon: "#e9967a",
+		dkSeaGreen: "#8fbc8f",
+		dkSlateBlue: "#483d8b",
+		dkSlateGray: "#2f4f4f",
+		dkTurquoise: "#00ced1",
+		dkViolet: "#9400d3",
+		deepPink: "#ff1493",
+		deepSkyBlue: "#00bfff",
+		dimGray: "#696969",
+		dodgerBlue: "#1e90ff",
+		firebrick: "#b22222",
+		floralWhite: "#fffaf0",
+		forestGreen: "#228b22",
+		fuchsia: "#ff00ff",
+		gainsboro: "#dcdcdc",
+		ghostWhite: "#f8f8ff",
+		gold: "#ffd700",
+		goldenrod: "#daa520",
+		gray: "#808080",
+		green: "#008000",
+		greenYellow: "#adff2f",
+		honeydew: "#f0fff0",
+		hotPink: "#ff69b4",
+		indianRed: "#cd5c5c",
+		indigo: "#4b0082",
+		ivory: "#fffff0",
+		khaki: "#f0e68c",
+		lavender: "#e6e6fa",
+		lavenderBlush: "#fff0f5",
+		lawnGreen: "#7cfc00",
+		lemonChiffon: "#fffacd",
+		ltBlue: "#add8e6",
+		ltCoral: "#f08080",
+		ltCyan: "#e0ffff",
+		ltGoldenrodYellow: "#fafad2",
+		ltGray: "#d3d3d3",
+		ltGreen: "#90ee90",
+		ltPink: "#ffb6c1",
+		ltSalmon: "#ffa07a",
+		ltSeaGreen: "#20b2aa",
+		ltSkyBlue: "#87cefa",
+		ltSlateGray: "#778899",
+		ltSteelBlue: "#b0c4de",
+		ltYellow: "#ffffe0",
+		lime: "#00ff00",
+		limeGreen: "#32cd32",
+		linen: "#faf0e6",
+		magenta: "#ff00ff",
+		maroon: "#800000",
+		medAquamarine: "#66cdaa",
+		medBlue: "#0000cd",
+		medOrchid: "#ba55d3",
+		medPurple: "#9370db",
+		medSeaGreen: "#3cb371",
+		medSlateBlue: "#7b68ee",
+		medSpringGreen: "#00fa9a",
+		medTurquoise: "#48d1cc",
+		medVioletRed: "#c71585",
+		midnightBlue: "#191970",
+		mintCream: "#f5fffa",
+		mistyRose: "#ffe4e1",
+		moccasin: "#ffe4b5",
+		navajoWhite: "#ffdead",
+		navy: "#000080",
+		oldLace: "#fdf5e6",
+		olive: "#808000",
+		oliveDrab: "#6b8e23",
+		orange: "#ffa500",
+		orangeRed: "#ff4500",
+		orchid: "#da70d6",
+		paleGoldenrod: "#eee8aa",
+		paleGreen: "#98fb98",
+		paleTurquoise: "#afeeee",
+		paleVioletRed: "#db7093",
+		papayaWhip: "#ffefd5",
+		peachPuff: "#ffdab9",
+		peru: "#cd853f",
+		pink: "#ffc0cb",
+		plum: "#dda0dd",
+		powderBlue: "#b0e0e6",
+		purple: "#800080",
+		red: "#ff0000",
+		rosyBrown: "#bc8f8f",
+		royalBlue: "#4169e1",
+		saddleBrown: "#8b4513",
+		salmon: "#fa8072",
+		sandyBrown: "#f4a460",
+		seaGreen: "#2e8b57",
+		seaShell: "#fff5ee",
+		sienna: "#a0522d",
+		silver: "#c0c0c0",
+		skyBlue: "#87ceeb",
+		slateBlue: "#6a5acd",
+		slateGray: "#708090",
+		snow: "#fffafa",
+		springGreen: "#00ff7f",
+		steelBlue: "#4682b4",
+		tan: "#d2b48c",
+		teal: "#008080",
+		thistle: "#d8bfd8",
+		tomato: "#ff6347",
+		turquoise: "#40e0d0",
+		violet: "#ee82ee",
+		wheat: "#f5deb3",
+		white: "#ffffff",
+		whiteSmoke: "#f5f5f5",
+		yellow: "#ffff00",
+		yellowGreen: "#9acd32"
+	}[name] ?? null;
+}
+function applyModifiersAndAlpha(color, elements) {
+	let alpha = null;
+	(elements || []).forEach((mod) => {
+		if (mod.name === "a:shade") color = applyColorModifier(color, "shade", mod.attributes["val"]);
+		else if (mod.name === "a:tint") color = applyColorModifier(color, "tint", mod.attributes["val"]);
+		else if (mod.name === "a:lumMod") color = applyColorModifier(color, "lumMod", mod.attributes["val"]);
+		else if (mod.name === "a:lumOff") color = applyColorModifier(color, "lumOff", mod.attributes["val"]);
+		else if (mod.name === "a:alpha") alpha = parseInt(mod.attributes["val"]) / 1e5;
+	});
+	return {
+		color,
+		alpha
+	};
+}
+function extractColorFromElement(element) {
+	if (!element?.elements) return null;
+	const schemeClr = element.elements.find((el) => el.name === "a:schemeClr");
+	if (schemeClr) {
+		const themeName = schemeClr.attributes?.["val"];
+		return applyModifiersAndAlpha(getThemeColor(themeName), schemeClr.elements);
+	}
+	const srgbClr = element.elements.find((el) => el.name === "a:srgbClr");
+	if (srgbClr) return applyModifiersAndAlpha("#" + srgbClr.attributes?.["val"], srgbClr.elements);
+	const prstClr = element.elements.find((el) => el.name === "a:prstClr");
+	if (prstClr) {
+		const presetName = prstClr.attributes?.["val"];
+		const baseColor = getPresetColor(presetName);
+		if (!baseColor) return null;
+		return applyModifiersAndAlpha(baseColor, prstClr.elements);
+	}
+	return null;
+}
 function getThemeColor(name) {
 	return {
 		accent1: "#5b9bd5",
@@ -10776,9 +10952,13 @@ function applyColorModifier(hexColor, modifier, value) {
 	return `#${toHex(newR)}${toHex(newG)}${toHex(newB)}`;
 }
 function extractStrokeWidth(spPr) {
-	const w$1 = (spPr?.elements?.find((el) => el.name === "a:ln"))?.attributes?.["w"];
-	if (!w$1) return 1;
-	return (typeof w$1 === "string" ? parseFloat(w$1) : w$1) * 72 / 914400;
+	const ln = spPr?.elements?.find((el) => el.name === "a:ln");
+	if (!ln) return 1;
+	const w$1 = ln.attributes?.["w"];
+	if (w$1 == null) return 1;
+	const emu = typeof w$1 === "string" ? parseFloat(w$1) : w$1;
+	if (emu === 0) return .75;
+	return emu * 72 / 914400;
 }
 function extractLineEnds(spPr) {
 	const ln = spPr?.elements?.find((el) => el.name === "a:ln");
@@ -10808,72 +10988,30 @@ function extractStrokeColor(spPr, style) {
 		if (ln.elements?.find((el) => el.name === "a:noFill")) return null;
 		const solidFill = ln.elements?.find((el) => el.name === "a:solidFill");
 		if (solidFill) {
-			const schemeClr$1 = solidFill.elements?.find((el) => el.name === "a:schemeClr");
-			if (schemeClr$1) {
-				const themeName$1 = schemeClr$1.attributes?.["val"];
-				let color$1 = getThemeColor(themeName$1);
-				(schemeClr$1.elements || []).forEach((mod) => {
-					if (mod.name === "a:shade") color$1 = applyColorModifier(color$1, "shade", mod.attributes["val"]);
-					else if (mod.name === "a:tint") color$1 = applyColorModifier(color$1, "tint", mod.attributes["val"]);
-					else if (mod.name === "a:lumMod") color$1 = applyColorModifier(color$1, "lumMod", mod.attributes["val"]);
-				});
-				return color$1;
-			}
-			const srgbClr = solidFill.elements?.find((el) => el.name === "a:srgbClr");
-			if (srgbClr) return "#" + srgbClr.attributes?.["val"];
+			const result = extractColorFromElement(solidFill);
+			if (result) return result.color;
 		}
 	}
 	if (!style) return null;
 	const lnRef = style.elements?.find((el) => el.name === "a:lnRef");
 	if (!lnRef) return null;
 	if (lnRef.attributes?.["idx"] === "0") return null;
-	const schemeClr = lnRef.elements?.find((el) => el.name === "a:schemeClr");
-	if (!schemeClr) return null;
-	const themeName = schemeClr.attributes?.["val"];
-	let color = getThemeColor(themeName);
-	(schemeClr.elements || []).forEach((mod) => {
-		if (mod.name === "a:shade") color = applyColorModifier(color, "shade", mod.attributes["val"]);
-		else if (mod.name === "a:tint") color = applyColorModifier(color, "tint", mod.attributes["val"]);
-		else if (mod.name === "a:lumMod") color = applyColorModifier(color, "lumMod", mod.attributes["val"]);
-		else if (mod.name === "a:lumOff") color = applyColorModifier(color, "lumOff", mod.attributes["val"]);
-	});
-	return color;
+	const lnRefResult = extractColorFromElement(lnRef);
+	if (lnRefResult) return lnRefResult.color;
+	return null;
 }
 function extractFillColor(spPr, style) {
 	if (spPr?.elements?.find((el) => el.name === "a:noFill")) return null;
 	const solidFill = spPr?.elements?.find((el) => el.name === "a:solidFill");
 	if (solidFill) {
-		const schemeClr$1 = solidFill.elements?.find((el) => el.name === "a:schemeClr");
-		if (schemeClr$1) {
-			const themeName$1 = schemeClr$1.attributes?.["val"];
-			let color$1 = getThemeColor(themeName$1);
-			let alpha = null;
-			(schemeClr$1.elements || []).forEach((mod) => {
-				if (mod.name === "a:shade") color$1 = applyColorModifier(color$1, "shade", mod.attributes["val"]);
-				else if (mod.name === "a:tint") color$1 = applyColorModifier(color$1, "tint", mod.attributes["val"]);
-				else if (mod.name === "a:lumMod") color$1 = applyColorModifier(color$1, "lumMod", mod.attributes["val"]);
-				else if (mod.name === "a:lumOff") color$1 = applyColorModifier(color$1, "lumOff", mod.attributes["val"]);
-				else if (mod.name === "a:alpha") alpha = parseInt(mod.attributes["val"]) / 1e5;
-			});
-			if (alpha !== null && alpha < 1) return {
-				type: "solidWithAlpha",
-				color: color$1,
-				alpha
-			};
-			return color$1;
-		}
-		const srgbClr = solidFill.elements?.find((el) => el.name === "a:srgbClr");
-		if (srgbClr) {
-			let alpha = null;
-			const alphaEl = srgbClr.elements?.find((el) => el.name === "a:alpha");
-			if (alphaEl) alpha = parseInt(alphaEl.attributes?.["val"] || "100000", 10) / 1e5;
-			const color$1 = "#" + srgbClr.attributes?.["val"];
-			if (alpha !== null && alpha < 1) return {
+		const result = extractColorFromElement(solidFill);
+		if (result) {
+			if (result.alpha !== null && result.alpha < 1) return {
 				type: "solidWithAlpha",
-				color: color$1,
-				alpha
+				color: result.color,
+				alpha: result.alpha
 			};
-			return color$1;
+			return result.color;
 		}
 	}
 	const gradFill = spPr?.elements?.find((el) => el.name === "a:gradFill");
@@ -10883,16 +11021,16 @@ function extractFillColor(spPr, style) {
 	const fillRef = style.elements?.find((el) => el.name === "a:fillRef");
 	if (!fillRef) return null;
 	if (fillRef.attributes?.["idx"] === "0") return null;
-	const schemeClr = fillRef.elements?.find((el) => el.name === "a:schemeClr");
-	if (!schemeClr) return null;
-	const themeName = schemeClr.attributes?.["val"];
-	let color = getThemeColor(themeName);
-	(schemeClr.elements || []).forEach((mod) => {
-		if (mod.name === "a:shade") color = applyColorModifier(color, "shade", mod.attributes["val"]);
-		else if (mod.name === "a:tint") color = applyColorModifier(color, "tint", mod.attributes["val"]);
-		else if (mod.name === "a:lumMod") color = applyColorModifier(color, "lumMod", mod.attributes["val"]);
-	});
-	return color;
+	const fillRefResult = extractColorFromElement(fillRef);
+	if (fillRefResult) {
+		if (fillRefResult.alpha !== null && fillRefResult.alpha < 1) return {
+			type: "solidWithAlpha",
+			color: fillRefResult.color,
+			alpha: fillRefResult.alpha
+		};
+		return fillRefResult.color;
+	}
+	return null;
 }
 function extractGradientFill(gradFill) {
 	const gradient = {
@@ -16364,6 +16502,29 @@ var extractEffectExtent = (node) => {
 		bottom
 	};
 };
+var buildClipPathFromSrcRect = (srcRectAttrs = {}) => {
+	const edges = {
+		left: srcRectAttrs.l,
+		top: srcRectAttrs.t,
+		right: srcRectAttrs.r,
+		bottom: srcRectAttrs.b
+	};
+	let hasValue = false;
+	let hasPositive = false;
+	const percentEdges = {};
+	for (const [edge, value] of Object.entries(edges)) {
+		if (value == null) continue;
+		const numeric = Number(value);
+		if (!Number.isFinite(numeric)) continue;
+		hasValue = true;
+		if (numeric < 0) return null;
+		const percent = Math.max(0, Math.min(100, numeric / 1e3));
+		if (percent > 0) hasPositive = true;
+		percentEdges[edge] = percent;
+	}
+	if (!hasValue || !hasPositive) return null;
+	return `inset(${percentEdges.top ?? 0}% ${percentEdges.right ?? 0}% ${percentEdges.bottom ?? 0}% ${percentEdges.left ?? 0}%)`;
+};
 function handleImageNode(node, params, isAnchor) {
 	if (!node) return null;
 	const { docx, filename, converter } = params;
@@ -16483,7 +16644,9 @@ function handleImageNode(node, params, isAnchor) {
 	if (!blip) return null;
 	const stretch = blipFill?.elements?.find((el) => el.name === "a:stretch");
 	const fillRect = stretch?.elements?.find((el) => el.name === "a:fillRect");
-	const srcRectAttrs = (blipFill?.elements?.find((el) => el.name === "a:srcRect"))?.attributes || {};
+	const srcRect = blipFill?.elements?.find((el) => el.name === "a:srcRect");
+	const srcRectAttrs = srcRect?.attributes || {};
+	const clipPath = buildClipPathFromSrcRect(srcRectAttrs);
 	const srcRectHasNegativeValues = [
 		"l",
 		"t",
@@ -16493,7 +16656,7 @@ function handleImageNode(node, params, isAnchor) {
 		const val = srcRectAttrs[attr];
 		return val != null && parseFloat(val) < 0;
 	});
-	const shouldCover = Boolean(stretch && fillRect) && !srcRectHasNegativeValues;
+	const shouldCover = Boolean(stretch && fillRect) && !srcRectHasNegativeValues && !clipPath;
 	const spPr = picture.elements.find((el) => el.name === "pic:spPr");
 	if (spPr) {
 		const xfrm = spPr.elements.find((el) => el.name === "a:xfrm");
@@ -16560,6 +16723,8 @@ function handleImageNode(node, params, isAnchor) {
 			...wrap$1.type === "Square" && wrap$1.attrs.wrapText ? { wrapText: wrap$1.attrs.wrapText } : {},
 			wrapTopAndBottom: wrap$1.type === "TopAndBottom",
 			shouldCover,
+			...clipPath ? { clipPath } : {},
+			rawSrcRect: srcRect,
 			originalPadding: {
 				distT: attributes["distT"],
 				distB: attributes["distB"],
@@ -22266,6 +22431,7 @@ const translateImageNode = (params) => {
 			effectExtentAttrs.b = pixelsToEmu(transformData.sizeExtension.bottom);
 		}
 	}
+	const rawSrcRect = attrs.rawSrcRect;
 	const drawingXmlns = "http://schemas.openxmlformats.org/drawingml/2006/main";
 	const pictureXmlns = "http://schemas.openxmlformats.org/drawingml/2006/picture";
 	return {
@@ -22330,13 +22496,17 @@ const translateImageNode = (params) => {
 							},
 							{
 								name: "pic:blipFill",
-								elements: [{
-									name: "a:blip",
-									attributes: { "r:embed": imageId }
-								}, {
-									name: "a:stretch",
-									elements: [{ name: "a:fillRect" }]
-								}]
+								elements: [
+									{
+										name: "a:blip",
+										attributes: { "r:embed": imageId }
+									},
+									...rawSrcRect ? [rawSrcRect] : [],
+									{
+										name: "a:stretch",
+										elements: [{ name: "a:fillRect" }]
+									}
+								]
 							},
 							{
 								name: "pic:spPr",
@@ -33581,7 +33751,7 @@ var SuperConverter = class SuperConverter {
 	static getStoredSuperdocVersion(docx) {
 		return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
 	}
-	static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.15.0-next.1") {
+	static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.15.0-next.3") {
 		return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
 	}
 	static generateWordTimestamp() {