@segnavia/idml 0.32.0 → 0.34.0

package/dist/anchored-frames.js

@@ -0,0 +1,81 @@
+import { applyTransform, itemTransform, placementBounds, pointValue } from "./placements.js";
+import { formatRoundedNumber, logicalCornerRadii } from "./positioned-box.js";
+import { flattenedStyle } from "./styles.js";
+//#region src/anchored-frames.ts
+function descendants(node) {
+	return node.children.flatMap((child) => [child, ...descendants(child)]);
+}
+function width(node) {
+	const transform = itemTransform(node.attributes.ItemTransform);
+	const anchors = descendants(node).flatMap((child) => {
+		const point = pointValue(child.attributes.Anchor);
+		return point ? [applyTransform(transform, point)] : [];
+	});
+	const bounds = placementBounds(anchors);
+	if (!bounds) return void 0;
+	const value = bounds.right - bounds.left;
+	return value > 0 ? value : void 0;
+}
+const finite = (value) => {
+	const parsed = Number(value);
+	return Number.isFinite(parsed) ? parsed : void 0;
+};
+function corner(values, name) {
+	const option = values[`${name}CornerOption`] ?? values.CornerOption;
+	const radius = finite(values[`${name}CornerRadius`] ?? values.CornerRadius);
+	return option && !option.endsWith("None") && radius && radius > 0 ? radius : void 0;
+}
+function anchoredFrame(node, styles) {
+	const story = node.attributes.ParentStory;
+	if (!story) return void 0;
+	const setting = node.children.find((child) => child.name === "Properties")?.children.find((child) => child.name === "AnchoredObjectSetting");
+	const values = {
+		...flattenedStyle(styles, node.attributes.AppliedObjectStyle, "object"),
+		...node.attributes
+	};
+	const strokeWeight = finite(values.StrokeWeight);
+	const strokeColor = values.StrokeColor;
+	const corners = {
+		topLeft: corner(values, "TopLeft"),
+		topRight: corner(values, "TopRight"),
+		bottomLeft: corner(values, "BottomLeft"),
+		bottomRight: corner(values, "BottomRight")
+	};
+	const anchorYoffset = finite(setting?.attributes.AnchorYoffset);
+	return {
+		story,
+		location: node.location,
+		width: width(node),
+		position: setting?.attributes.AnchoredPosition ?? "InlinePosition",
+		...anchorYoffset === void 0 ? {} : { anchorYoffset },
+		...values.FillColor && !values.FillColor.endsWith("/None") && values.FillColor !== "None" ? { fill: values.FillColor } : {},
+		...strokeWeight && strokeWeight > 0 && strokeColor && !strokeColor.endsWith("/None") && strokeColor !== "None" ? { stroke: {
+			color: strokeColor,
+			weight: strokeWeight
+		} } : {},
+		...Object.values(corners).some((value) => value !== void 0) ? { corners } : {}
+	};
+}
+function parseAnchoredFrames(stories, styles) {
+	return stories.flatMap((story) => story.root ? descendants(story.root).flatMap((node) => node.name === "TextFrame" ? [anchoredFrame(node, styles)].filter(Boolean) : []) : []);
+}
+function cornerDeclarations(frame, direction) {
+	const corners = frame.corners;
+	if (!corners) return [];
+	return Object.entries(logicalCornerRadii(corners, direction)).flatMap(([property, value]) => value === void 0 ? [] : [`${property}:${formatRoundedNumber(value)}pt`]);
+}
+function anchoredFrameStyle(frame, resolveColor, direction) {
+	const output = [
+		`display:inline-block`,
+		`inline-size:${formatRoundedNumber(frame.width ?? 0)}pt`,
+		`vertical-align:baseline`
+	];
+	const fill = frame.fill ? resolveColor(frame.fill) : void 0;
+	if (fill && fill !== "none") output.push(`background:${fill}`);
+	const stroke = frame.stroke ? resolveColor(frame.stroke.color) : void 0;
+	if (stroke && stroke !== "none" && frame.stroke) output.push(`border:${formatRoundedNumber(frame.stroke.weight)}pt solid ${stroke}`);
+	output.push(...cornerDeclarations(frame, direction));
+	return output.join(";");
+}
+//#endregion
+export { anchoredFrameStyle, parseAnchoredFrames };

package/dist/chapter-openings.js

@@ -0,0 +1,16 @@
+//#region src/chapter-openings.ts
+function chapterOpenings(openings, facingPages) {
+	if (!facingPages) return {
+		rectoOpenings: false,
+		verso: []
+	};
+	return {
+		rectoOpenings: openings.length > 0 && openings.every((opening) => opening.role === "recto"),
+		verso: openings.filter((opening) => opening.role === "verso").map(({ story, page }) => ({
+			story,
+			page
+		}))
+	};
+}
+//#endregion
+export { chapterOpenings };

package/dist/map-book.js

@@ -1,21 +1,24 @@
 import { refusal } from "./refusal.js";
 import { ReportCollector } from "./report.js";
 import { FontMapper } from "./fonts.js";
+import { resolveSwatchColor } from "./swatch-color.js";
+import { StyleMapper } from "./styles.js";
+import { anchoredFrameStyle } from "./anchored-frames.js";
+import { chapterOpenings } from "./chapter-openings.js";
 import { logicalMargin } from "./margins.js";
 import { storyHtml } from "./stories.js";
-import { chapterParents, mapMasters } from "./masters.js";
+import { chapterParents, mapMasters, openingPage, storyPageUses } from "./masters.js";
 import { mapOpeners } from "./openers.js";
 import { reportPlacements } from "./placement-report.js";
-import { StyleMapper } from "./styles.js";
 import { matchVariables } from "./variables.js";
 import { Book, MM_PER_PT } from "@segnavia/format";
 import { findActiveContent } from "@segnavia/html";
 //#region src/map-book.ts
-function orderedStories(model) {
+function orderedStories(model, anchoredOnly = /* @__PURE__ */ new Set()) {
 	const order = /* @__PURE__ */ new Map();
 	for (const spread of model.spreads) for (const page of spread.pages) for (const story of page.stories) if (!order.has(story)) order.set(story, order.size);
 	const masterStories = new Set(model.masterStoryIds);
-	return model.stories.filter((story) => !masterStories.has(story.id)).sort((left, right) => (order.get(left.id) ?? Number.MAX_SAFE_INTEGER) - (order.get(right.id) ?? Number.MAX_SAFE_INTEGER));
+	return model.stories.filter((story) => !masterStories.has(story.id) && !anchoredOnly.has(story.id)).sort((left, right) => (order.get(left.id) ?? Number.MAX_SAFE_INTEGER) - (order.get(right.id) ?? Number.MAX_SAFE_INTEGER));
 }
 function bodyColumnGap(model, stories, report) {
 	const storyFrames = stories.flatMap((story) => story.frame?.columns && story.frame.columns >= 2 ? [story.frame] : []);
@@ -31,6 +34,13 @@ function bodyColumnGap(model, stories, report) {
 	}
 	return selected;
 }
+function anchoredFrameIssue(frame, storyPages, depth, ancestors) {
+	if (frame.position !== "InlinePosition") return frame.position;
+	if (ancestors.has(frame.story)) return "cycle";
+	if (storyPages.has(frame.story)) return "InlinePosition";
+	if (depth >= 3) return "depth";
+	if (frame.width === void 0) return "missing geometry";
+}
 function refuseActiveBookHtml(chapters, parents) {
 	const html = [...chapters.map((chapter) => chapter.html), ...parents.flatMap((parent) => [parent.head ?? "", parent.foot ?? ""])].join("");
 	const active = findActiveContent(html);
@@ -44,19 +54,60 @@ function modelToBook(model, report = new ReportCollector(model.report), options
 	const styles = new StyleMapper(model.styles ?? [], model.swatches ?? [], report, bookDirection, fonts);
 	const matchedVariables = matchVariables(model.textVariables ?? [], report);
 	const bookLanguage = styles.rootLanguage();
-	const stories = orderedStories(model);
-	const masters = mapMasters(model, matchedVariables, styles, report);
+	const storyPages = storyPageUses(model);
+	const anchoredStoryIds = new Set((model.anchoredFrames ?? []).map((frame) => frame.story));
+	const stories = orderedStories(model, new Set([...anchoredStoryIds].filter((story) => !storyPages.has(story))));
+	const storyById = new Map(model.stories.map((story) => [story.id, story]));
+	const frameByLocation = new Map((model.anchoredFrames ?? []).map((frame) => [frame.location, frame]));
+	const renderStory = (story, depth = 0, ancestors = /* @__PURE__ */ new Set([story.id]), master = false) => storyHtml({
+		...story,
+		textVariables: matchedVariables,
+		master
+	}, styles, report, bookDirection, bookLanguage, {
+		inlineParagraphs: depth > 0,
+		anchored: (location, direction) => {
+			const frame = frameByLocation.get(location);
+			if (!frame) {
+				report.add(report.unsupportedElements, "TextFrame", location);
+				return;
+			}
+			if (frame.position === "InlinePosition" && frame.anchorYoffset !== void 0 && frame.anchorYoffset !== 0) report.add(report.unsupportedElements, "TextFrame anchored:AnchorYoffset", frame.location);
+			const issue = anchoredFrameIssue(frame, storyPages, depth, ancestors);
+			if (issue) {
+				report.add(report.unsupportedElements, `TextFrame anchored:${issue}`, frame.location);
+				return;
+			}
+			const nested = storyById.get(frame.story);
+			if (!nested) {
+				report.add(report.unsupportedElements, "TextFrame anchored:missing story", frame.location);
+				return;
+			}
+			const nestedAncestors = new Set(ancestors);
+			nestedAncestors.add(frame.story);
+			const html = renderStory(nested, depth + 1, nestedAncestors, master).html;
+			return `<span class="idml-anchored" style="${anchoredFrameStyle(frame, (color) => resolveSwatchColor(color, model.swatches ?? [], report, frame.location, "fill"), direction)}">${html}</span>`;
+		}
+	});
+	const masters = mapMasters(model, matchedVariables, styles, report, (story) => renderStory(story, 0, /* @__PURE__ */ new Set([story.id]), true));
 	const mapped = stories.map((story) => ({
 		story,
-		mapped: storyHtml({
-			...story,
-			textVariables: matchedVariables
-		}, styles, report, bookDirection, bookLanguage)
+		mapped: renderStory(story)
 	}));
-	const openers = mapOpeners(model, mapped, masters, report, options.asset);
+	const openers = mapOpeners(model, mapped, storyPages, masters, report, options.asset);
 	reportPlacements(model, openers.consumedPages, report);
-	const chapters = mapped.filter(({ story }) => !openers.claimed.has(story.id)).map(({ story, mapped: value }) => {
-		const parents = chapterParents(story.id, model, masters, report);
+	const emitted = mapped.filter(({ story }) => !openers.claimed.has(story.id));
+	const openings = emitted.flatMap(({ story }) => {
+		const opening = openingPage(story.id, model, storyPages);
+		return opening ? [{
+			story: story.id,
+			page: opening.page.id,
+			role: opening.role
+		}] : [];
+	});
+	const openingPolicy = chapterOpenings(openings, preferences.facingPages);
+	for (const opening of openingPolicy.verso) report.versoOpening(opening.story, opening.page);
+	const chapters = emitted.map(({ story, mapped: value }) => {
+		const parents = chapterParents(story.id, model, storyPages, masters, report);
 		return {
 			title: story.id,
 			html: openers.html.get(story.id) ?? value.html,
@@ -84,7 +135,7 @@ function modelToBook(model, report = new ReportCollector(model.report), options
 		...bookLanguage ? { lang: bookLanguage } : {},
 		...css ? { css } : {},
 		...bookFonts.length > 0 ? { fonts: bookFonts } : {},
-		rectoOpenings: preferences.facingPages,
+		rectoOpenings: openingPolicy.rectoOpenings,
 		parentPages: masters.parents,
 		chapters
 	});

package/dist/master-regions.js

@@ -0,0 +1,89 @@
+import { positionedBoxStyle } from "./positioned-box.js";
+import { storyHtml } from "./stories.js";
+import { Element } from "domhandler";
+import serialize from "dom-serializer";
+import { parseDocument } from "htmlparser2";
+const MAX_BASE_DEPTH = 8;
+function masterPage(master, role, rtl) {
+	if (master.pages.length === 1) return master.pages[0];
+	const side = pageSideForRole(role, rtl);
+	return master.pages.find((page) => page.side === side);
+}
+function pageSideForRole(role, rtl) {
+	return role === "recto" ? rtl ? "left" : "right" : rtl ? "right" : "left";
+}
+function frameRegion(page, frame, height) {
+	if (frame.bounds.top + frame.bounds.height <= page.margin.top) return "head";
+	if (frame.bounds.top >= height - page.margin.bottom) return "foot";
+}
+function itemBaseId(master, page) {
+	if (master.showMasterItems === false || page.showMasterItems === false) return void 0;
+	if (page.appliedMaster && page.appliedMaster !== "n") return page.appliedMaster;
+	return master.basedOn;
+}
+function ownBoxes(master, page, applyingPage, region, context) {
+	const boxes = [];
+	for (const frame of page.frames) {
+		const mappedRegion = frameRegion(applyingPage, frame, context.model.preferences.pageHeight);
+		if (!mappedRegion) context.report.addOnce(context.report.unsupportedElements, "master TextFrame", `${master.name}#${frame.id}`);
+		if (mappedRegion !== region) continue;
+		const story = context.stories.get(frame.story);
+		if (!story) {
+			context.report.add(context.report.unsupportedElements, "master story missing", `${master.name}#${frame.id}`);
+			continue;
+		}
+		const className = `idml-master-frame-${context.css.length}`;
+		const mapped = context.renderStory ? context.renderStory(story) : storyHtml({
+			...story,
+			textVariables: context.variables,
+			master: true
+		}, context.styles, context.report, context.rtl ? "rtl" : "ltr", void 0);
+		boxes.push(new Element("div", { class: className }, parseDocument(mapped.html, { xmlMode: false }).children));
+		const blockStart = region === "head" ? frame.bounds.top : frame.bounds.top - (context.model.preferences.pageHeight - applyingPage.margin.bottom);
+		const bounds = {
+			left: frame.bounds.left,
+			top: blockStart,
+			right: frame.bounds.left + frame.bounds.width,
+			bottom: blockStart + frame.bounds.height
+		};
+		context.css.push(`:where(.${className}){${positionedBoxStyle(bounds, {
+			pageWidth: context.model.preferences.pageWidth,
+			margin: applyingPage.margin,
+			rtl: context.rtl,
+			blockOrigin: 0,
+			unit: "mm"
+		})}}`);
+		context.mappedStories.add(frame.story);
+	}
+	return boxes;
+}
+function regionBoxes(master, page, role, region, byId, context, applyingPage, ancestors, depth) {
+	const boxes = [];
+	const baseId = itemBaseId(master, page);
+	if (baseId) {
+		const location = `${master.name}#${page.id}`;
+		if (ancestors.has(baseId)) context.report.addOnce(context.report.unsupportedElements, "master base cycle", location);
+		else if (depth >= MAX_BASE_DEPTH) context.report.addOnce(context.report.unsupportedElements, "master base depth", location);
+		else {
+			const base = byId.get(baseId);
+			const basePage = base ? masterPage(base, role, context.rtl) : void 0;
+			if (base && basePage) {
+				const nextAncestors = new Set(ancestors);
+				nextAncestors.add(base.id);
+				boxes.push(...regionBoxes(base, basePage, role, region, byId, context, applyingPage, nextAncestors, depth + 1));
+			} else context.report.addOnce(context.report.unsupportedElements, `master base unknown:${baseId}`, location);
+		}
+	}
+	boxes.push(...ownBoxes(master, page, applyingPage, region, context));
+	return boxes;
+}
+function regionHtml(master, page, role, region, byId, context, empty = false) {
+	const boxes = regionBoxes(master, page, role, region, byId, context, page, /* @__PURE__ */ new Set([master.id]), 0);
+	if (boxes.length === 0 && !empty) return void 0;
+	return serialize(new Element("div", { class: "idml-master-region" }, boxes), {
+		xmlMode: false,
+		encodeEntities: "utf8"
+	});
+}
+//#endregion
+export { frameRegion, masterPage, pageSideForRole, regionHtml };

package/dist/masters.js

@@ -1,77 +1,26 @@
 import { logicalMargin } from "./margins.js";
-import { positionedBoxStyle } from "./positioned-box.js";
-import { storyHtml } from "./stories.js";
+import { masterPage, pageSideForRole, regionHtml } from "./master-regions.js";
 import { BOOK_PARENT_NAMES } from "@segnavia/format";
-import { Element } from "domhandler";
-import serialize from "dom-serializer";
-import { parseDocument } from "htmlparser2";
+//#region src/masters.ts
 const slug = (value) => value.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "master";
 function roleFor(page, rtl, ordinal) {
 	if (!page.side || page.side === "single") return (ordinal ?? 0) % 2 === 0 ? "recto" : "verso";
 	return page.side === (rtl ? "left" : "right") ? "recto" : "verso";
 }
-function masterPage(master, role, rtl) {
-	if (master.pages.length === 1) return master.pages[0];
-	const side = role === "recto" ? rtl ? "left" : "right" : rtl ? "right" : "left";
-	return master.pages.find((page) => page.side === side);
-}
 function parentName(master, role) {
 	return `idml-${slug(master.name)}-${master.pages.length === 1 ? "recto" : role}`;
 }
-function frameRegion(page, frame, height) {
-	if (frame.bounds.top + frame.bounds.height <= page.margin.top) return "head";
-	if (frame.bounds.top >= height - page.margin.bottom) return "foot";
-}
-function regionHtml(master, page, region, context) {
-	const boxes = [];
-	for (const frame of page.frames) {
-		if (frameRegion(page, frame, context.model.preferences.pageHeight) !== region) continue;
-		const story = context.stories.get(frame.story);
-		if (!story) {
-			context.report.add(context.report.unsupportedElements, "master story missing", `${master.name}#${frame.id}`);
-			continue;
-		}
-		const className = `idml-master-frame-${context.css.length}`;
-		const mapped = storyHtml({
-			...story,
-			textVariables: context.variables,
-			master: true
-		}, context.styles, context.report, context.rtl ? "rtl" : "ltr", void 0);
-		const nodes = parseDocument(mapped.html, { xmlMode: false }).children;
-		boxes.push(new Element("div", { class: className }, nodes));
-		const blockStart = region === "head" ? frame.bounds.top : frame.bounds.top - (context.model.preferences.pageHeight - page.margin.bottom);
-		const bounds = {
-			left: frame.bounds.left,
-			top: blockStart,
-			right: frame.bounds.left + frame.bounds.width,
-			bottom: blockStart + frame.bounds.height
-		};
-		context.css.push(`:where(.${className}){${positionedBoxStyle(bounds, {
-			pageWidth: context.model.preferences.pageWidth,
-			margin: page.margin,
-			rtl: context.rtl,
-			blockOrigin: 0,
-			unit: "mm"
-		})}}`);
-		context.mappedStories.add(frame.story);
-	}
-	if (boxes.length === 0) return void 0;
-	return serialize(new Element("div", { class: "idml-master-region" }, boxes), {
-		xmlMode: false,
-		encodeEntities: "utf8"
-	});
-}
 function pageSide(page, role, rtl) {
 	if (page.side === "left" || page.side === "right") return page.side;
-	return role === "recto" ? rtl ? "left" : "right" : rtl ? "right" : "left";
+	return pageSideForRole(role, rtl);
 }
 function buildParent(master, role, byId, context) {
 	const page = masterPage(master, role, context.rtl);
 	if (!page) return void 0;
 	const base = master.basedOn ? byId.get(master.basedOn) : void 0;
-	const head = regionHtml(master, page, "head", context);
-	const foot = regionHtml(master, page, "foot", context);
-	for (const frame of page.frames) if (!frameRegion(page, frame, context.model.preferences.pageHeight)) context.report.add(context.report.unsupportedElements, "master TextFrame", `${master.name}#${frame.id}`);
+	const shadowsSpreadBase = Boolean(base && (page.appliedMaster && page.appliedMaster !== "n" || master.showMasterItems === false || page.showMasterItems === false));
+	const head = regionHtml(master, page, role, "head", byId, context, shadowsSpreadBase);
+	const foot = regionHtml(master, page, role, "foot", byId, context, shadowsSpreadBase);
 	return {
 		name: parentName(master, role),
 		...base ? { basedOn: parentName(base, role) } : {},
@@ -131,13 +80,14 @@ function appliedBookMargin(model, applied, report) {
 	}
 	return logicalMargin(first, model.preferences.binding === "right-to-left" ? "left" : "right");
 }
-function mapMasters(model, variables, styles, report) {
+function mapMasters(model, variables, styles, report, renderStory) {
 	const rtl = model.preferences.binding === "right-to-left";
 	const applied = new Set(model.spreads.flatMap((spread) => spread.pages.map((page) => page.appliedMaster).filter((id) => Boolean(id && id !== "n"))));
 	const masters = emittedMasters(model, applied);
 	const byId = new Map(model.masterSpreads.map((master) => [master.id, master]));
 	for (const spread of model.spreads) for (const page of spread.pages) {
 		const id = page.appliedMaster;
+		if (page.showMasterItems === false) report.addOnce(report.unsupportedElements, "Page ShowMasterItems", page.id);
 		if (id && id !== "n" && !byId.has(id)) report.addOnce(report.unsupportedElements, `applied master unknown:${id}`, page.id);
 	}
 	const css = [":where(.idml-master-region){position:relative;block-size:100%}"];
@@ -150,7 +100,8 @@ function mapMasters(model, variables, styles, report) {
 		rtl,
 		stories: new Map(model.stories.map((story) => [story.id, story])),
 		mappedStories,
-		css
+		css,
+		renderStory
 	});
 	if (model.spreads.some((spread) => spread.pages.some((page) => !page.appliedMaster || page.appliedMaster === "n"))) parents.push({
 		name: "idml-none",
@@ -177,23 +128,35 @@ function mapMasters(model, variables, styles, report) {
 		marginFor
 	};
 }
-function chapterParents(story, model, mapping, report) {
-	const rtl = model.preferences.binding === "right-to-left";
-	const pages = [];
+function storyPageUses(model) {
+	const result = /* @__PURE__ */ new Map();
 	let ordinal = 0;
 	for (const spread of model.spreads) for (const page of spread.pages) {
-		if (page.stories.includes(story)) pages.push({
+		for (const story of page.stories) result.set(story, [...result.get(story) ?? [], {
 			page,
 			ordinal
-		});
+		}]);
 		ordinal += 1;
 	}
-	const first = pages[0];
+	return result;
+}
+function openingPage(story, model, pages) {
+	const rtl = model.preferences.binding === "right-to-left";
+	const first = pages.get(story)?.[0];
+	return first ? {
+		page: first.page,
+		role: roleFor(first.page, rtl, first.ordinal)
+	} : void 0;
+}
+function chapterParents(story, model, pages, mapping, report) {
+	const rtl = model.preferences.binding === "right-to-left";
+	const uses = pages.get(story);
+	const first = uses?.[0];
 	if (!first) return void 0;
 	const firstRole = roleFor(first.page, rtl, first.ordinal);
 	const result = { opener: mapping.parentFor(first.page.appliedMaster, firstRole, first.page.id) };
 	for (const role of ["recto", "verso"]) {
-		const candidates = pages.slice(1).filter((entry) => roleFor(entry.page, rtl, entry.ordinal) === role);
+		const candidates = uses.slice(1).filter((entry) => roleFor(entry.page, rtl, entry.ordinal) === role);
 		if (candidates.length === 0) continue;
 		const counts = /* @__PURE__ */ new Map();
 		for (const entry of candidates) {
@@ -212,4 +175,4 @@ function chapterParents(story, model, mapping, report) {
 	return result;
 }
 //#endregion
-export { chapterParents, mapMasters };
+export { chapterParents, mapMasters, openingPage, storyPageUses };

package/dist/model.d.ts

@@ -1,5 +1,5 @@
 import { IdmlReportData } from "./report.js";
-import { IdmlDocumentPreferences, IdmlFont, IdmlFramePreference, IdmlMargin, IdmlMasterPage, IdmlMasterSpread, IdmlPage, IdmlSpread, IdmlStory, IdmlStyle, IdmlSwatch, IdmlTextVariable } from "./types.js";
+import { IdmlAnchoredFrame, IdmlDocumentPreferences, IdmlFont, IdmlFramePreference, IdmlMargin, IdmlMasterPage, IdmlMasterSpread, IdmlPage, IdmlSpread, IdmlStory, IdmlStyle, IdmlSwatch, IdmlTextVariable } from "./types.js";
 //#region src/model.d.ts
 export interface IdmlModel {
   id: string;
@@ -7,6 +7,7 @@ export interface IdmlModel {
   spreads: IdmlSpread[];
   masterSpreads: IdmlMasterSpread[];
   stories: IdmlStory[];
+  anchoredFrames?: IdmlAnchoredFrame[];
   masterStoryIds: string[];
   partsRead: string[];
   styles?: IdmlStyle[];

package/dist/model.js

@@ -2,13 +2,14 @@ import { refusal } from "./refusal.js";
 import { ReportCollector } from "./report.js";
 import { attribute, elements, localName, numberAttribute } from "./xml.js";
 import { parseFonts } from "./fonts.js";
-import { readMargin } from "./margins.js";
-import { parseStyles, parseSwatches } from "./styles.js";
 import { FramePreferenceIndex } from "./frame-preferences.js";
-import { IDML_LIMITS } from "./limits.js";
-import { parseParts } from "./parse-parts.js";
 import { GRAPHIC_ELEMENTS, SHAPE_ELEMENTS, collectUnsupportedElements } from "./unsupported-elements.js";
 import { attachPlacements, contains, pageArea, placementBounds, spreadPlacements } from "./placements.js";
+import { parseStyles, parseSwatches } from "./styles.js";
+import { parseAnchoredFrames } from "./anchored-frames.js";
+import { readMargin } from "./margins.js";
+import { IDML_LIMITS } from "./limits.js";
+import { parseParts } from "./parse-parts.js";
 import { parseStories } from "./story-model.js";
 import { isTag } from "domhandler";
 //#region src/model.ts
@@ -22,9 +23,11 @@ function boolAttribute(element, name, fallback) {
 function page(element) {
 	const id = attribute(element, "Self");
 	if (!id) throw refusal("an IDML Page has no Self identifier", "give every Page a Self identifier");
+	const showMasterItems = boolAttribute(element, "ShowMasterItems", true);
 	return {
 		id,
 		appliedMaster: attribute(element, "AppliedMaster"),
+		...showMasterItems ? {} : { showMasterItems },
 		stories: [],
 		side: "single"
 	};
@@ -96,6 +99,7 @@ function masterSpread(element, pageElements, pages, placements) {
 		id: attribute(element, "Self") ?? base,
 		name,
 		...attribute(element, "BasedOn") ? { basedOn: attribute(element, "BasedOn") } : {},
+		...boolAttribute(element, "ShowMasterItems", true) ? {} : { showMasterItems: false },
 		pages: pages.map((value, index) => ({
 			...value,
 			margin: readMargin(elements(pageElements[index], "MarginPreference")[0]),
@@ -183,6 +187,8 @@ function idmlModel(entries, limits = IDML_LIMITS) {
 	const spreadResult = spreads(parts, "Spread", spreadSources(designmap, "Spread"), report, framePreferences);
 	const masterResult = spreads(parts, "MasterSpread", spreadSources(designmap, "MasterSpread"), report, new FramePreferenceIndex());
 	const masterStoryIds = [...masterResult.frameStories].filter((story) => !spreadResult.frameStories.has(story));
+	const stories = parseStories(parts, framePreferences, report);
+	const styles = parts.flatMap((part) => part.name.endsWith("/Styles.xml") || part.name === "Resources/Styles.xml" ? parseStyles(part.all, part.name) : []);
 	return {
 		id: attribute(document, "Self") ?? "IDML document",
 		preferences: {
@@ -194,12 +200,13 @@ function idmlModel(entries, limits = IDML_LIMITS) {
 		},
 		spreads: spreadResult.values,
 		masterSpreads: masterResult.values,
-		stories: parseStories(parts, framePreferences, report),
+		stories,
+		anchoredFrames: parseAnchoredFrames(stories, styles),
 		bodyFramePreferences: framePreferences.values(),
 		textVariables: textVariables(designmap),
 		masterStoryIds,
 		partsRead: parts.map((part) => part.name),
-		styles: parts.flatMap((part) => part.name.endsWith("/Styles.xml") || part.name === "Resources/Styles.xml" ? parseStyles(part.all, part.name) : []),
+		styles,
 		fonts: parts.flatMap((part) => part.name.endsWith("/Fonts.xml") || part.name === "Resources/Fonts.xml" ? parseFonts(part.all) : []),
 		swatches: parts.flatMap((part) => part.name.endsWith("/Graphic.xml") || part.name === "Resources/Graphic.xml" ? parseSwatches(part.all) : []),
 		report: report.data()

package/dist/openers.js

@@ -2,18 +2,6 @@ import { formatRoundedNumber, positionedBoxStyle } from "./positioned-box.js";
 import { artSvg } from "./svg-path.js";
 import { findActiveContent, sanitize } from "@segnavia/html";
 //#region src/openers.ts
-function firstPages(model) {
-	const result = /* @__PURE__ */ new Map();
-	let ordinal = 0;
-	for (const spread of model.spreads) for (const page of spread.pages) {
-		for (const story of page.stories) if (!result.has(story)) result.set(story, {
-			page,
-			ordinal
-		});
-		ordinal += 1;
-	}
-	return result;
-}
 function storyFramePages(model) {
 	const result = /* @__PURE__ */ new Map();
 	for (const spread of model.spreads) for (const page of spread.pages) for (const frame of page.bodyFrames ?? []) {
@@ -109,8 +97,8 @@ function claimHeaders(page, flow, claimed, framePages, byId) {
 	}
 	return headers;
 }
-function mapOpeners(model, stories, masters, report, asset) {
-	const first = firstPages(model);
+function mapOpeners(model, stories, pages, masters, report, asset) {
+	const first = new Map([...pages].flatMap(([story, uses]) => uses[0] ? [[story, uses[0]]] : []));
 	const framePages = storyFramePages(model);
 	const byId = new Map(stories.map((entry) => [entry.story.id, entry]));
 	const claimed = /* @__PURE__ */ new Set();