ochre-sdk 1.0.78 → 1.1.0

package/dist/parsers/website/index.mjs

@@ -1,867 +1,13 @@
-import { componentSchema } from "../../schemas.mjs";
-import { parseXMLContent } from "../string.mjs";
-import { cleanObject, parseContentLike, parseLicense, parseStringContent } from "../helpers.mjs";
-import { parseBibliographyList, parseIdentification, parseLinks, parseMetadata, parseMetadataLanguages, parseNotes, parsePersonList, parseSimplifiedProperties, resolveDefaultLanguage, resolveLanguages } from "../index.mjs";
+import { cleanObject, parseLicense } from "../helpers.mjs";
+import { parseMetadataLanguages, resolveDefaultLanguage, resolveLanguages } from "../languages.mjs";
+import { parseIdentification, parseLinks, parseMetadata, parsePersonList, parseSimplifiedProperties } from "../index.mjs";
+import { findWebsiteLink, parseWebsiteLinkTarget, webImageFromLink } from "./links.mjs";
 import { websitePresentationReader } from "./reader.mjs";
-import * as v from "valibot";
+import { emptyResponsiveStyles, parseResponsiveCssStyles } from "./styles.mjs";
+import { collectWebsitePageSlugs, normalizeWebsiteResources, readWebsitePages } from "./walk.mjs";
+import { parseWebElement, parseWebTitle } from "./components.mjs";
+import { parseWebsiteProperties } from "./properties.mjs";
 //#region src/parsers/website/index.ts
-function isWebsiteLink(link, category) {
-	return link.category === category;
-}
-function findWebsiteLink(links, category, isMatch) {
-	for (const link of links) if (isWebsiteLink(link, category) && (isMatch == null || isMatch(link))) return link;
-	return null;
-}
-function findWebsiteLinkByCategories(links, categories) {
-	for (const link of links) for (const category of categories) if (isWebsiteLink(link, category)) return link;
-	return null;
-}
-function getWebsiteLinks(links, category) {
-	const matchedLinks = [];
-	for (const link of links) if (isWebsiteLink(link, category)) matchedLinks.push(link);
-	return matchedLinks;
-}
-function transformPermanentIdentificationUrlToItemLink(url) {
-	return url.replace("https://pi.lib.uchicago.edu/1001/org/ochre/", "/item/");
-}
-function normalizeWebsiteResources(resources) {
-	const normalized = [];
-	const resourcesToNormalize = resources ?? [];
-	for (const resource of resourcesToNormalize) {
-		if ("identification" in resource) {
-			normalized.push(resource);
-			continue;
-		}
-		if ("resource" in resource) normalized.push(...resource.resource);
-	}
-	return normalized;
-}
-const SEGMENT_UNIQUE_SLUG_PREFIX_REGEX = /^\$[^-]*-/;
-function cleanWebsitePageSlug(slug) {
-	return slug?.replace(SEGMENT_UNIQUE_SLUG_PREFIX_REGEX, "") ?? null;
-}
-function prefixSlug(slug, slugPrefix) {
-	if (slugPrefix === "" || slugPrefix == null) return slug;
-	if (slug === "") return slugPrefix;
-	return `${slugPrefix}/${slug}`;
-}
-function collectSegmentPageSlugs(trees, options, pageSlugsByUuid, segmentSlugPrefix) {
-	for (const tree of trees) {
-		const segmentSlug = tree.identification.abbreviation == null ? null : parseStringContent(tree.identification.abbreviation, options);
-		if (segmentSlug == null) throw new Error(`Slug not found for segment website (website uuid “${tree.uuid}”)`, { cause: tree });
-		collectWebsitePageSlugs(tree.items?.resource, options, prefixSlug(segmentSlug, segmentSlugPrefix), pageSlugsByUuid);
-	}
-}
-function collectResourcePageSlug(resource, options, pageSlugsByUuid, slugPrefix) {
-	const slug = cleanWebsitePageSlug(resource.slug);
-	if (slug == null) throw new Error(`Slug not found for page (${formatXMLWebsiteResourceMetadata(resource)})`, { cause: resource });
-	const pageSlug = prefixSlug(slug, slugPrefix);
-	pageSlugsByUuid.set(resource.uuid, pageSlug);
-	collectWebsitePageSlugs(resource.resource, options, slugPrefix == null ? void 0 : pageSlug, pageSlugsByUuid, pageSlug);
-}
-function collectWebsitePageSlugs(resources, options, slugPrefix, pageSlugsByUuid = /* @__PURE__ */ new Map(), segmentSlugPrefix = slugPrefix) {
-	const slugResources = resources ?? [];
-	for (const resource of slugResources) {
-		if ("segments" in resource) {
-			collectSegmentPageSlugs(resource.segments.tree, options, pageSlugsByUuid, segmentSlugPrefix);
-			continue;
-		}
-		if (!("identification" in resource)) {
-			collectWebsitePageSlugs(resource.resource, options, slugPrefix, pageSlugsByUuid, segmentSlugPrefix);
-			continue;
-		}
-		const resourceProperties = parseSimplifiedProperties(resource.properties, options);
-		if (websitePresentationReader(resourceProperties).value("presentation") === "page") {
-			collectResourcePageSlug(resource, options, pageSlugsByUuid, slugPrefix);
-			continue;
-		}
-		collectWebsitePageSlugs(resource.resource, options, slugPrefix, pageSlugsByUuid, segmentSlugPrefix);
-	}
-	return pageSlugsByUuid;
-}
-function parseWebsiteLinkTarget(value, context) {
-	if (value == null) return null;
-	if (value.href != null) return transformPermanentIdentificationUrlToItemLink(value.href);
-	return (value.uuid == null ? void 0 : context.pageSlugsByUuid?.get(value.uuid)) ?? value.slug;
-}
-function formatXMLWebsiteResourceMetadata(resource) {
-	const metadata = [`label “${parseStringContent(resource.identification.label)}”`, `uuid “${resource.uuid}”`];
-	if (resource.slug != null) metadata.push(`slug “${resource.slug}”`);
-	if (resource.identification.abbreviation != null) metadata.push(`abbreviation “${parseStringContent(resource.identification.abbreviation)}”`);
-	return metadata.join(", ");
-}
-function formatComponentError(message, componentName, elementResource) {
-	return `${message} for component “${componentName ?? "(unknown)"}” (${formatXMLWebsiteResourceMetadata(elementResource)})`;
-}
-/**
-* Extracts CSS style properties for a given presentation variant.
-*
-* @param properties - Array of properties to parse
-* @param cssVariant - CSS variant to parse
-* @returns Array of CSS styles
-*/
-function parseCssStylesFromProperties(properties, cssVariant) {
-	const label = cssVariant != null ? `css-${cssVariant}` : "css";
-	const cssProperties = websitePresentationReader(properties).nestedByValue("presentation", label).properties;
-	const styles = [];
-	for (const property of cssProperties) {
-		const value = property.values[0]?.content.toString();
-		if (value != null) styles.push({
-			label: property.variable.label,
-			value
-		});
-	}
-	return styles;
-}
-/**
-* Parses responsive CSS styles (default, tablet, mobile) from properties.
-*
-* @param properties - Array of properties to parse
-* @returns Object containing responsive CSS styles
-*/
-function parseResponsiveCssStyles(properties) {
-	return {
-		default: parseCssStylesFromProperties(properties),
-		tablet: parseCssStylesFromProperties(properties, "tablet"),
-		mobile: parseCssStylesFromProperties(properties, "mobile")
-	};
-}
-/**
-* Parses raw bounds data into a standardized bounds structure
-*
-* @param bounds - Raw bounds data in OCHRE format
-* @returns Parsed bounds object
-*/
-function parseBounds(bounds) {
-	const [southWest, northEast] = bounds.trimStart().startsWith("[") ? parseJsonBounds(bounds) : bounds.split(";").map((pair) => pair.split(",").map((coordinate) => Number(coordinate.trim())));
-	if (southWest?.length !== 2 || northEast?.length !== 2 || southWest.some((coordinate) => Number.isNaN(coordinate)) || northEast.some((coordinate) => Number.isNaN(coordinate))) throw new Error(`Invalid bounds: ${bounds}`, { cause: bounds });
-	return [[southWest[0], southWest[1]], [northEast[0], northEast[1]]];
-}
-function parseJsonBounds(bounds) {
-	let parsed;
-	try {
-		parsed = JSON.parse(bounds);
-	} catch {
-		throw new Error(`Invalid bounds: ${bounds}`, { cause: bounds });
-	}
-	if (!isNumberPairArray(parsed)) throw new Error(`Invalid bounds: ${bounds}`, { cause: bounds });
-	return parsed;
-}
-function isNumberPairArray(value) {
-	return Array.isArray(value) && value.every((pair) => Array.isArray(pair) && pair.every((coordinate) => typeof coordinate === "number"));
-}
-/**
-* Parses all context option arrays from an options object.
-*
-* @param options - Options object containing context options
-* @param options.flattenContexts - Flatten contexts
-* @param options.suppressContexts - Suppress contexts
-* @param options.filterContexts - Filter contexts
-* @param options.sortContexts - Sort contexts
-* @param options.detailContexts - Detail contexts
-* @param options.downloadContexts - Download contexts
-* @param options.labelContexts - Label contexts
-* @param options.prominentContexts - Prominent contexts
-* @returns Parsed context options
-*/
-function parseAllOptionContexts(options, parserOptions) {
-	function handleContexts(v) {
-		return parseContexts(v ?? [], parserOptions);
-	}
-	function handleFilterContexts(v) {
-		return parseFilterContexts(v ?? [], parserOptions);
-	}
-	return {
-		flatten: handleContexts(options.flattenContexts),
-		suppress: handleContexts(options.suppressContexts),
-		filter: handleFilterContexts(options.filterContexts),
-		sort: handleContexts(options.sortContexts),
-		detail: handleContexts(options.detailContexts),
-		download: handleContexts(options.downloadContexts),
-		label: handleContexts(options.labelContexts),
-		prominent: handleContexts(options.prominentContexts)
-	};
-}
-function parseWebsiteScopes(scopes, options) {
-	if (scopes == null) return null;
-	return Array.from(scopes.scope, (scope) => ({
-		uuid: scope.uuid.payload,
-		type: scope.uuid.type,
-		identification: parseIdentification(scope.identification, options)
-	}));
-}
-function parseWebsiteOptions(rawOptions, options) {
-	const parsedOptions = {
-		scopes: parseWebsiteScopes(rawOptions?.scopes, options),
-		contextTree: rawOptions == null ? null : parseAllOptionContexts(rawOptions, options),
-		labels: { title: null }
-	};
-	const notes = parseNotes(rawOptions?.notes, options);
-	for (const note of notes) {
-		if (note.title?.getText() !== "Title label") continue;
-		parsedOptions.labels.title = note.content;
-		break;
-	}
-	return parsedOptions;
-}
-function parseStylesheets(styles) {
-	const parsedStyles = [];
-	for (const style of styles) {
-		const defaultStyles = [];
-		for (const [label, value] of Object.entries(style)) {
-			if ([
-				"variableUuid",
-				"valueUuid",
-				"category",
-				"payload",
-				"content"
-			].includes(label)) continue;
-			const valueString = value?.toString();
-			if (valueString != null) defaultStyles.push({
-				label,
-				value: valueString
-			});
-		}
-		const stylesByViewport = {
-			default: defaultStyles,
-			tablet: [],
-			mobile: []
-		};
-		if (style.category === "propertyValue" || style.valueUuid != null) {
-			if (style.valueUuid == null) throw new Error(`Stylesheet property value "${style.variableUuid}" is missing a value UUID`, { cause: style });
-			parsedStyles.push({
-				uuid: style.valueUuid,
-				category: "propertyValue",
-				variableUuid: style.variableUuid,
-				icon: style.lucideIcon ?? null,
-				styles: stylesByViewport
-			});
-			continue;
-		}
-		parsedStyles.push({
-			uuid: style.variableUuid,
-			category: "propertyVariable",
-			icon: style.lucideIcon ?? null,
-			styles: stylesByViewport
-		});
-	}
-	return parsedStyles;
-}
-/**
-* Default values for a collection's display properties, shared between the
-* "collection" component and the "query" component's collection overrides.
-*/
-const COLLECTION_PROPERTY_DEFAULTS = {
-	variant: "slide",
-	paginationVariant: "default",
-	loadingVariant: "skeleton",
-	minimumColumnCount: null,
-	maximumColumnCount: null,
-	expectedItemCount: null,
-	isSortDisplayed: false,
-	isUsingQueryParams: false,
-	isInteractive: true
-};
-/**
-* Default values for a collection's image display properties, merged separately
-* from {@link COLLECTION_PROPERTY_DEFAULTS} because overrides of the nested
-* "image" object are themselves partial.
-*/
-const COLLECTION_IMAGE_DEFAULTS = {
-	layout: "start",
-	fit: "fit",
-	alignment: null,
-	isPlaceholderDisplayed: true
-};
-/**
-* Reads the collection display properties explicitly set on a reader, omitting
-* any that are unset. The "collection" component merges these over
-* {@link COLLECTION_PROPERTY_DEFAULTS} and {@link COLLECTION_IMAGE_DEFAULTS},
-* while the "query" component uses them as partial overrides for its embedded
-* collection.
-*/
-function parseCollectionPropertyOverrides(reader) {
-	const overrides = {};
-	const imageOverrides = {};
-	function read(key, label) {
-		const value = reader.value(label);
-		if (value != null) overrides[key] = value;
-	}
-	function readImage(key, label) {
-		const value = reader.value(label);
-		if (value != null) imageOverrides[key] = value;
-	}
-	read("variant", "variant");
-	read("paginationVariant", "pagination-variant");
-	read("loadingVariant", "loading-variant");
-	read("minimumColumnCount", "minimum-column-count");
-	read("maximumColumnCount", "maximum-column-count");
-	read("expectedItemCount", "item-count");
-	read("isSortDisplayed", "sort-displayed");
-	read("isUsingQueryParams", "is-using-query-params");
-	read("isInteractive", "is-interactive");
-	readImage("layout", "image-layout");
-	readImage("fit", "image-fit");
-	readImage("alignment", "image-alignment");
-	readImage("isPlaceholderDisplayed", "image-placeholder-displayed");
-	return Object.keys(imageOverrides).length > 0 ? {
-		...overrides,
-		image: imageOverrides
-	} : overrides;
-}
-/**
-* Parses the "use-property" values defining which item properties a collection
-* displays, returning `null` when none are set.
-*/
-function parseCollectionDisplayedProperties(reader) {
-	const property = reader.property("use-property");
-	if (property == null) return null;
-	return property.values.filter((value) => value.uuid !== null).map((value) => ({
-		uuid: value.uuid,
-		label: value.label
-	}));
-}
-function readStringOrNumber(reader, label) {
-	const value = reader.value(label);
-	if (typeof value === "string") return value;
-	if (typeof value === "number") return value.toString();
-	return null;
-}
-function parse3dViewerComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks } = parameters;
-	const resourceLink = findWebsiteLink(websiteLinks, "resource", (link) => link.fileFormat === "model/obj");
-	if (resourceLink == null) throw new Error(formatComponentError("Resource link not found", "3d-viewer", elementResource), { cause: componentProperty });
-	const isInteractive = componentReader.valueOr("is-interactive", true);
-	const isControlsDisplayed = componentReader.valueOr("controls-displayed", true);
-	return {
-		component: "3d-viewer",
-		linkUuid: resourceLink.uuid,
-		fileSize: resourceLink.fileSize,
-		isInteractive,
-		isControlsDisplayed
-	};
-}
-function parseAdvancedSearchComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, options, context } = parameters;
-	const boundElementPropertyUuid = componentReader.uuid("bound-element");
-	const href = parseWebsiteLinkTarget(componentReader.valueNode("link-to"), context);
-	if (boundElementPropertyUuid == null && href == null) throw new Error(formatComponentError("Bound element or href not found", "advanced-search", elementResource), { cause: componentProperty });
-	return {
-		component: "advanced-search",
-		boundElementUuid: boundElementPropertyUuid,
-		href,
-		options: parseWebsiteOptions(elementResource.options, options)
-	};
-}
-function parseAnnotatedDocumentComponent(parameters) {
-	const { componentProperty, elementResource, websiteLinks } = parameters;
-	const documentLink = findWebsiteLink(websiteLinks, "resource", (link) => link.type === "internalDocument");
-	if (documentLink == null) throw new Error(formatComponentError("Document link not found", "annotated-document", elementResource), { cause: componentProperty });
-	return {
-		component: "annotated-document",
-		linkUuid: documentLink.uuid
-	};
-}
-function parseAnnotatedImageComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks } = parameters;
-	const imageLinks = getWebsiteLinks(websiteLinks, "resource").filter((link) => link.type === "image" || link.type === "IIIF");
-	if (imageLinks.length === 0) throw new Error(formatComponentError("Image link not found", "annotated-image", elementResource), { cause: componentProperty });
-	const isFilterInputDisplayed = componentReader.valueOr("filter-input-displayed", true);
-	const isOptionsDisplayed = componentReader.valueOr("options-displayed", true);
-	const isAnnotationHighlightsDisplayed = componentReader.valueOr("annotation-highlights-displayed", true);
-	const isAnnotationTooltipsDisplayed = componentReader.valueOr("annotation-tooltips-displayed", true);
-	return {
-		component: "annotated-image",
-		linkUuid: imageLinks[0].uuid,
-		isFilterInputDisplayed,
-		isOptionsDisplayed,
-		isAnnotationHighlightsDisplayed,
-		isAnnotationTooltipsDisplayed
-	};
-}
-function parseAudioPlayerComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks } = parameters;
-	const audioLink = findWebsiteLink(websiteLinks, "resource", (link) => link.type === "audio");
-	if (audioLink == null) throw new Error(formatComponentError("Audio link not found", "audio-player", elementResource), { cause: componentProperty });
-	const isSpeedControlsDisplayed = componentReader.valueOr("speed-controls-displayed", true);
-	const isVolumeControlsDisplayed = componentReader.valueOr("volume-controls-displayed", true);
-	const isSeekBarDisplayed = componentReader.valueOr("seek-bar-displayed", true);
-	return {
-		component: "audio-player",
-		linkUuid: audioLink.uuid,
-		isSpeedControlsDisplayed,
-		isVolumeControlsDisplayed,
-		isSeekBarDisplayed
-	};
-}
-function parseBibliographyComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks, options } = parameters;
-	const bibliographies = parseBibliographyList(elementResource.bibliographies, options);
-	if (websiteLinks.length === 0 && bibliographies.length === 0) throw new Error(formatComponentError("No links found", "bibliography", elementResource), { cause: componentProperty });
-	const layout = componentReader.valueOr("layout", "long");
-	const isSourceDocumentDisplayed = componentReader.valueOr("source-document-displayed", true);
-	return {
-		component: "bibliography",
-		linkUuids: websiteLinks.map((link) => link.uuid),
-		bibliographies,
-		layout,
-		isSourceDocumentDisplayed
-	};
-}
-function parseButtonComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks, options, context } = parameters;
-	const variant = componentReader.valueOr("variant", "default");
-	let isExternal = false;
-	let isRelative = false;
-	let href = parseWebsiteLinkTarget(componentReader.valueNode("navigate-to"), context);
-	if (href === null) {
-		href = parseWebsiteLinkTarget(componentReader.valueNode("link-to"), context);
-		if (href === null) throw new Error(formatComponentError("Properties “navigate-to” or “link-to” not found", "button", elementResource), { cause: componentProperty });
-		isExternal = href.startsWith("http");
-		isRelative = !href.startsWith("/");
-	}
-	const startIcon = componentReader.value("start-icon");
-	const endIcon = componentReader.value("end-icon");
-	let image = null;
-	const imageLink = findWebsiteLink(websiteLinks, "resource", (link) => link.type === "image" || link.type === "IIIF");
-	if (imageLink != null) image = {
-		uuid: imageLink.uuid,
-		label: imageLink.identification.label,
-		width: imageLink.image?.width ?? 0,
-		height: imageLink.image?.height ?? 0,
-		description: imageLink.description,
-		quality: "high"
-	};
-	const childResources = normalizeWebsiteResources(elementResource.resource);
-	const elements = [];
-	for (const childResource of childResources) {
-		const childReader = websitePresentationReader(parseSimplifiedProperties(childResource.properties, options));
-		if (childReader.value("presentation") !== "element") continue;
-		if (childReader.nestedByValue("presentation", "element").value("component") === "button") continue;
-		elements.push(parseWebElement(childResource, options, context));
-	}
-	return {
-		component: "button",
-		variant,
-		href,
-		isExternal,
-		isRelative,
-		label: elementResource.document && "content" in elementResource.document ? parseXMLContent(elementResource.document, options) : null,
-		startIcon,
-		endIcon,
-		image,
-		elements
-	};
-}
-function parseCollectionComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks, options } = parameters;
-	const setLinks = getWebsiteLinks(websiteLinks, "set");
-	if (setLinks.length === 0) throw new Error(formatComponentError("Set links not found", "collection", elementResource), { cause: componentProperty });
-	const isFilterResultsBarDisplayed = componentReader.valueOr("filter-results-bar-displayed", false);
-	const isFilterInputDisplayed = componentReader.valueOr("filter-input-displayed", false);
-	const isFilterLimitedToInputFilter = componentReader.valueOr("filter-limit-to-input-filter", false);
-	const isFilterLimitedToLeafPropertyValues = componentReader.valueOr("filter-limit-to-leaf-property-values", false);
-	const isFilterSidebarDisplayed = componentReader.valueOr("filter-sidebar-displayed", false);
-	const filterSidebarSort = componentReader.valueOr("filter-sidebar-sort", "default");
-	const isFilterSidebarHelpTooltipsDisplayed = componentReader.valueOr("filter-sidebar-help-tooltips-displayed", false);
-	const componentOptions = parseWebsiteOptions(elementResource.options, options);
-	const propertyOverrides = parseCollectionPropertyOverrides(componentReader);
-	return {
-		component: "collection",
-		linkUuids: setLinks.map((link) => link.uuid),
-		displayedProperties: parseCollectionDisplayedProperties(componentReader),
-		...COLLECTION_PROPERTY_DEFAULTS,
-		...propertyOverrides,
-		image: {
-			...COLLECTION_IMAGE_DEFAULTS,
-			...propertyOverrides.image
-		},
-		filter: {
-			isSidebarDisplayed: isFilterSidebarDisplayed,
-			isResultsBarDisplayed: isFilterResultsBarDisplayed,
-			isInputDisplayed: isFilterInputDisplayed,
-			isLimitedToInputFilter: isFilterLimitedToInputFilter,
-			isLimitedToLeafPropertyValues: isFilterLimitedToLeafPropertyValues,
-			sidebarSort: filterSidebarSort,
-			isSidebarHelpTooltipsDisplayed: isFilterSidebarHelpTooltipsDisplayed
-		},
-		options: componentOptions
-	};
-}
-function parseEmptySpaceComponent(parameters) {
-	const { componentReader } = parameters;
-	return {
-		component: "empty-space",
-		height: componentReader.stringValue("height"),
-		width: componentReader.stringValue("width")
-	};
-}
-function parseEntriesComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks } = parameters;
-	const entriesLink = findWebsiteLinkByCategories(websiteLinks, ["set", "tree"]);
-	if (entriesLink == null) throw new Error(formatComponentError("Entries link not found", "entries", elementResource), { cause: componentProperty });
-	const variant = componentReader.valueOr("variant", "entry");
-	const isFilterInputDisplayed = componentReader.valueOr("filter-input-displayed", false);
-	return {
-		component: "entries",
-		linkUuid: entriesLink.uuid,
-		variant,
-		isFilterInputDisplayed
-	};
-}
-function parseIframeComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks } = parameters;
-	const webpageLink = findWebsiteLink(websiteLinks, "resource", (link) => link.type === "webpage");
-	if (webpageLink?.href == null) throw new Error(formatComponentError("URL not found", "iframe", elementResource), { cause: componentProperty });
-	return {
-		component: "iframe",
-		href: transformPermanentIdentificationUrlToItemLink(webpageLink.href),
-		height: componentReader.stringValue("height"),
-		width: componentReader.stringValue("width")
-	};
-}
-function parseIiifViewerComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks } = parameters;
-	const manifestLink = findWebsiteLink(websiteLinks, "resource", (link) => link.type === "IIIF");
-	if (manifestLink == null) throw new Error(formatComponentError("Manifest link not found", "iiif-viewer", elementResource), { cause: componentProperty });
-	const variant = componentReader.valueOr("variant", "universal-viewer");
-	return {
-		component: "iiif-viewer",
-		linkUuid: manifestLink.uuid,
-		variant
-	};
-}
-function parseImageComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks } = parameters;
-	if (websiteLinks.length === 0) throw new Error(formatComponentError("No links found", "image", elementResource), { cause: componentProperty });
-	const imageQuality = componentReader.valueOr("image-quality", "high");
-	const images = Array.from(websiteLinks, (link) => ({
-		uuid: link.uuid,
-		label: link.identification.label,
-		width: "image" in link ? link.image?.width ?? 0 : 0,
-		height: "image" in link ? link.image?.height ?? 0 : 0,
-		description: link.description,
-		quality: imageQuality
-	}));
-	const variant = componentReader.valueOr("variant", "default");
-	const captionLayout = componentReader.valueOr("layout-caption", "bottom");
-	const width = readStringOrNumber(componentReader, "width");
-	const height = readStringOrNumber(componentReader, "height");
-	const isFullWidth = componentReader.valueOr("is-full-width", true);
-	const isFullHeight = componentReader.valueOr("is-full-height", true);
-	const captionSource = componentReader.valueOr("source-caption", "name");
-	const altTextSource = componentReader.valueOr("alt-text-source", "name");
-	const isTransparentBackground = componentReader.valueOr("is-transparent", false);
-	const isCover = componentReader.valueOr("is-cover", false);
-	const variantReader = componentReader.nested("variant");
-	let carouselOptions = null;
-	if (images.length > 1) {
-		const secondsPerImage = variant === "carousel" ? readStringOrNumber(variantReader, "seconds-per-image") : null;
-		carouselOptions = { secondsPerImage: Number(secondsPerImage ?? 5) };
-	}
-	let heroOptions = null;
-	if (variant === "hero") heroOptions = {
-		isBackgroundImageDisplayed: variantReader.valueOr("background-image-displayed", true),
-		isDocumentDisplayed: variantReader.valueOr("document-displayed", true)
-	};
-	return {
-		component: "image",
-		images,
-		variant,
-		width,
-		height,
-		isFullWidth,
-		isFullHeight,
-		imageQuality,
-		captionLayout,
-		captionSource,
-		altTextSource,
-		isTransparentBackground,
-		isCover,
-		carouselOptions,
-		heroOptions
-	};
-}
-function parseImageGalleryComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks } = parameters;
-	const galleryLink = findWebsiteLinkByCategories(websiteLinks, ["set", "tree"]);
-	if (galleryLink == null) throw new Error(formatComponentError("Image gallery link not found", "image-gallery", elementResource), { cause: componentProperty });
-	const isFilterInputDisplayed = componentReader.valueOr("filter-input-displayed", true);
-	return {
-		component: "image-gallery",
-		linkUuid: galleryLink.uuid,
-		isFilterInputDisplayed
-	};
-}
-function parseMapComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks } = parameters;
-	const mapLink = findWebsiteLinkByCategories(websiteLinks, ["set", "tree"]);
-	if (mapLink == null) throw new Error(formatComponentError("Map link not found", "map", elementResource), { cause: componentProperty });
-	const isInteractive = componentReader.valueOr("is-interactive", true);
-	const isClustered = componentReader.valueOr("is-clustered", false);
-	const isUsingPins = componentReader.valueOr("is-using-pins", false);
-	const customBasemap = componentReader.value("custom-basemap");
-	let initialBounds = null;
-	const initialBoundsProperty = componentReader.value("initial-bounds");
-	if (initialBoundsProperty !== null) initialBounds = parseBounds(String(initialBoundsProperty));
-	let maximumBounds = null;
-	const maximumBoundsProperty = componentReader.value("maximum-bounds");
-	if (maximumBoundsProperty !== null) maximumBounds = parseBounds(String(maximumBoundsProperty));
-	const isControlsDisplayed = componentReader.valueOr("controls-displayed", false);
-	const isFullHeight = componentReader.valueOr("is-full-height", false);
-	return {
-		component: "map",
-		linkUuid: mapLink.uuid,
-		customBasemap,
-		initialBounds,
-		maximumBounds,
-		isInteractive,
-		isClustered,
-		isUsingPins,
-		isControlsDisplayed,
-		isFullHeight
-	};
-}
-function parseQueryItemQueries(propertyVariables, queryLanguage, elementResource) {
-	const queries = [];
-	for (const propertyVariable of propertyVariables) {
-		if (propertyVariable.uuid === null) throw new Error(formatComponentError("Property variable UUID not found", "query", elementResource), { cause: propertyVariable });
-		const dataType = propertyVariable.dataType;
-		if (dataType === "coordinate") throw new Error(formatComponentError("Query prompts with data type \"coordinate\" are not supported", "query", elementResource), { cause: propertyVariable });
-		queries.push({
-			target: "property",
-			propertyVariable: propertyVariable.uuid,
-			dataType,
-			matchMode: "exact",
-			isCaseSensitive: true,
-			language: queryLanguage
-		});
-	}
-	return queries;
-}
-function parseQueryComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks, options } = parameters;
-	const setLinks = getWebsiteLinks(websiteLinks, "set");
-	if (setLinks.length === 0) throw new Error(formatComponentError("Set links not found", "query", elementResource), { cause: componentProperty });
-	if (componentProperty.properties.length === 0) throw new Error(formatComponentError("Query properties not found", "query", elementResource), { cause: componentProperty });
-	const items = [];
-	for (const queryItem of componentProperty.properties) {
-		const queryReader = websitePresentationReader(queryItem.properties);
-		const label = queryReader.multilingualValue("query-prompt", options);
-		if (label === null) continue;
-		const propertyVariables = queryReader.values("use-property").filter((value) => value.uuid !== null);
-		const queryLanguage = options.languages[0];
-		if (queryLanguage == null) throw new Error(formatComponentError("Query language not found", "query", elementResource));
-		const queries = parseQueryItemQueries(propertyVariables, queryLanguage, elementResource);
-		const startIcon = queryReader.value("start-icon");
-		const endIcon = queryReader.value("end-icon");
-		items.push({
-			label,
-			queries,
-			startIcon,
-			endIcon
-		});
-	}
-	if (items.length === 0) throw new Error(formatComponentError("No queries found", "query", elementResource), { cause: componentProperty });
-	const componentOptions = parseWebsiteOptions(elementResource.options, options);
-	const collectionProperties = parseCollectionPropertyOverrides(componentReader.nestedByValue("sub-component-override", "collection"));
-	const displayedProperties = parseCollectionDisplayedProperties(componentReader);
-	if (displayedProperties != null) collectionProperties.displayedProperties = displayedProperties;
-	return {
-		component: "query",
-		linkUuids: setLinks.map((link) => link.uuid),
-		items,
-		options: componentOptions,
-		collectionProperties
-	};
-}
-function parseTableComponent(parameters) {
-	const { componentProperty, elementResource, websiteLinks } = parameters;
-	const tableLink = findWebsiteLink(websiteLinks, "set");
-	if (tableLink == null) throw new Error(formatComponentError("Table link not found", "table", elementResource), { cause: componentProperty });
-	return {
-		component: "table",
-		linkUuid: tableLink.uuid
-	};
-}
-function parseSearchBarComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, options, context } = parameters;
-	const queryVariant = componentReader.valueOr("query-variant", "submit");
-	const boundElementUuid = componentReader.uuid("bound-element");
-	const href = parseWebsiteLinkTarget(componentReader.valueNode("link-to"), context);
-	if (boundElementUuid === null && href === null) throw new Error(formatComponentError("Bound element or href not found", "search-bar", elementResource), { cause: componentProperty });
-	return {
-		component: "search-bar",
-		queryVariant,
-		placeholder: componentReader.multilingualValue("placeholder-text", options),
-		baseFilterQueries: componentReader.value("base-filter-queries")?.replaceAll(String.raw`\{`, "{").replaceAll(String.raw`\}`, "}") ?? null,
-		boundElementUuid,
-		href
-	};
-}
-function parseTextComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, options } = parameters;
-	const content = elementResource.document && "content" in elementResource.document ? parseXMLContent(elementResource.document, options) : null;
-	if (content == null) throw new Error(formatComponentError("Content not found", "text", elementResource), { cause: componentProperty });
-	let variantName = "block";
-	let variant;
-	const variantProperty = componentReader.property("variant");
-	if (variantProperty !== null) {
-		const variantReader = websitePresentationReader(variantProperty.properties);
-		variantName = variantProperty.values[0].content;
-		switch (variantName) {
-			case "paragraph":
-				variant = {
-					name: variantName,
-					size: variantReader.valueOr("size", "md")
-				};
-				break;
-			case "label":
-				variant = {
-					name: variantName,
-					size: variantReader.valueOr("size", "md")
-				};
-				break;
-			case "heading":
-				variant = {
-					name: variantName,
-					size: variantReader.valueOr("size", "md")
-				};
-				break;
-			case "display":
-				variant = {
-					name: variantName,
-					size: variantReader.valueOr("size", "md")
-				};
-				break;
-			default: variant = { name: variantName };
-		}
-	} else variant = { name: variantName };
-	const headingLevel = componentReader.value("heading-level");
-	return {
-		component: "text",
-		variant,
-		headingLevel,
-		content
-	};
-}
-function parseTimelineComponent(parameters) {
-	const { componentProperty, elementResource, websiteLinks } = parameters;
-	const timelineLink = findWebsiteLink(websiteLinks, "tree");
-	if (timelineLink == null) throw new Error(formatComponentError("Timeline link not found", "timeline", elementResource), { cause: componentProperty });
-	return {
-		component: "timeline",
-		linkUuid: timelineLink.uuid
-	};
-}
-function parseVideoComponent(parameters) {
-	const { componentProperty, componentReader, elementResource, websiteLinks } = parameters;
-	const videoLink = findWebsiteLink(websiteLinks, "resource", (link) => link.type === "video");
-	if (videoLink == null) throw new Error(formatComponentError("Video link not found", "video", elementResource), { cause: componentProperty });
-	const isChaptersDisplayed = componentReader.valueOr("chapters-displayed", true);
-	return {
-		component: "video",
-		linkUuid: videoLink.uuid,
-		isChaptersDisplayed
-	};
-}
-/**
-* Parses raw web element properties into a standardized WebElementComponent structure
-*
-* @param componentProperty - Raw component property data in OCHRE format
-* @param elementResource - Raw element resource data in OCHRE format
-* @returns Parsed WebElementComponent object
-*/
-function parseWebElementProperties(componentProperty, elementResource, options, context) {
-	const unparsedComponentName = componentProperty.values[0].content;
-	const componentNameResult = v.safeParse(componentSchema, unparsedComponentName);
-	const componentName = componentNameResult.success ? componentNameResult.output : void 0;
-	const websiteLinks = parseLinks(elementResource.links, options);
-	const parameters = {
-		componentProperty,
-		componentReader: websitePresentationReader(componentProperty.properties),
-		elementResource,
-		websiteLinks,
-		options,
-		context
-	};
-	switch (componentName) {
-		case "3d-viewer": return parse3dViewerComponent(parameters);
-		case "advanced-search": return parseAdvancedSearchComponent(parameters);
-		case "annotated-document": return parseAnnotatedDocumentComponent(parameters);
-		case "annotated-image": return parseAnnotatedImageComponent(parameters);
-		case "audio-player": return parseAudioPlayerComponent(parameters);
-		case "bibliography": return parseBibliographyComponent(parameters);
-		case "button": return parseButtonComponent(parameters);
-		case "collection": return parseCollectionComponent(parameters);
-		case "empty-space": return parseEmptySpaceComponent(parameters);
-		case "entries": return parseEntriesComponent(parameters);
-		case "iframe": return parseIframeComponent(parameters);
-		case "iiif-viewer": return parseIiifViewerComponent(parameters);
-		case "image": return parseImageComponent(parameters);
-		case "image-gallery": return parseImageGalleryComponent(parameters);
-		case "map": return parseMapComponent(parameters);
-		case "query": return parseQueryComponent(parameters);
-		case "table": return parseTableComponent(parameters);
-		case "search-bar": return parseSearchBarComponent(parameters);
-		case "text": return parseTextComponent(parameters);
-		case "timeline": return parseTimelineComponent(parameters);
-		case "video": return parseVideoComponent(parameters);
-		default: throw new Error(`Invalid or non-implemented component name “${unparsedComponentName.toString()}” for the following element: “${parseStringContent(elementResource.identification.label, options)}”`);
-	}
-}
-function parseWebTitle(properties, identification, overrides) {
-	const title = {
-		label: identification.label,
-		variant: "default",
-		properties: {
-			isNameDisplayed: overrides?.isNameDisplayed ?? false,
-			isDescriptionDisplayed: overrides?.isDescriptionDisplayed ?? false,
-			isDateDisplayed: overrides?.isDateDisplayed ?? false,
-			isCreatorsDisplayed: overrides?.isCreatorsDisplayed ?? false,
-			isCountDisplayed: overrides?.isCountDisplayed ?? false
-		}
-	};
-	const titleReader = websitePresentationReader(properties).nestedByValue("presentation", "title");
-	if (titleReader.size > 0) {
-		title.variant = titleReader.valueOr("variant", "default");
-		title.properties.isNameDisplayed = titleReader.valueOr("name-displayed", false);
-		title.properties.isDescriptionDisplayed = titleReader.valueOr("description-displayed", false);
-		title.properties.isDateDisplayed = titleReader.valueOr("date-displayed", false);
-		title.properties.isCreatorsDisplayed = titleReader.valueOr("creators-displayed", false);
-		title.properties.isCountDisplayed = titleReader.valueOr("count-displayed", false);
-	}
-	return title;
-}
-/**
-* Parses raw web element data into a standardized WebElement structure
-*
-* @param elementResource - Raw element resource data in OCHRE format
-* @returns Parsed WebElement object
-*/
-function parseWebElement(elementResource, options, context) {
-	const identification = parseIdentification(elementResource.identification, options);
-	const elementProperties = parseSimplifiedProperties(elementResource.properties, options);
-	const presentationProperty = websitePresentationReader(elementProperties).requiredProperty("presentation", `Presentation property not found for element (${formatXMLWebsiteResourceMetadata(elementResource)})`);
-	const properties = parseWebElementProperties(websitePresentationReader(presentationProperty.properties).requiredProperty("component", `Component property not found for element (${formatXMLWebsiteResourceMetadata(elementResource)})`), elementResource, options, context);
-	const cssStyles = parseResponsiveCssStyles(elementProperties);
-	const title = parseWebTitle(elementProperties, identification, {
-		isNameDisplayed: [
-			"annotated-image",
-			"annotated-document",
-			"collection"
-		].includes(properties.component),
-		isCountDisplayed: properties.component === "collection"
-	});
-	return {
-		uuid: elementResource.uuid,
-		language: elementResource.lang ?? null,
-		type: "element",
-		title,
-		cssStyles,
-		...properties
-	};
-}
 function isSidebarResource(resource, options) {
 	const resourceProperties = parseSimplifiedProperties(resource.properties, options);
 	const resourceReader = websitePresentationReader(resourceProperties);
@@ -875,7 +21,7 @@ function parseWebBlockItems(resources, options, context) {
 		if (resourceType === null) continue;
 		switch (resourceType) {
 			case "element":
-				items.push(parseWebElement(resource, options, context));
+				items.push(parseWebElement(resource, options, context.pageSlugsByUuid));
 				break;
 			case "block": {
 				const block = parseWebBlock(resource, options, context);
@@ -887,7 +33,7 @@ function parseWebBlockItems(resources, options, context) {
 	return items;
 }
 function parseWebpageRedirect(redirectValue, context) {
-	const redirectTarget = parseWebsiteLinkTarget(redirectValue, context);
+	const redirectTarget = parseWebsiteLinkTarget(redirectValue, context.pageSlugsByUuid);
 	if (redirectTarget != null) {
 		if (redirectValue?.href == null && redirectValue?.uuid != null) return {
 			type: "page",
@@ -908,23 +54,21 @@ function parseWebpageRedirect(redirectValue, context) {
 	return null;
 }
 /**
-* Parses raw webpage data into a standardized Webpage structure
+* Parses a walked page node into a standardized Webpage structure
 *
-* @param webpageResource - Raw webpage resource data in OCHRE format
+* @param page - The page node, with its slug and nesting already resolved
 * @returns Parsed Webpage object
 */
-function parseWebpage(webpageResource, options, context, slugPrefix) {
+function parseWebpage(page, options, context) {
+	const webpageResource = page.resource;
 	const webpageProperties = parseSimplifiedProperties(webpageResource.properties, options);
 	const webpageReader = websitePresentationReader(webpageProperties);
-	if (webpageReader.value("presentation") !== "page") return null;
 	const identification = parseIdentification(webpageResource.identification, options);
-	const slug = cleanWebsitePageSlug(webpageResource.slug);
-	if (slug == null) throw new Error(`Slug not found for page (${formatXMLWebsiteResourceMetadata(webpageResource)})`, { cause: webpageResource });
 	const returnWebpage = {
 		uuid: webpageResource.uuid,
 		type: "page",
 		title: identification.label,
-		slug: prefixSlug(slug, slugPrefix),
+		slug: page.slug,
 		publicationDateTime: webpageResource.publicationDateTime ?? null,
 		items: [],
 		segments: [],
@@ -938,70 +82,51 @@ function parseWebpage(webpageResource, options, context, slugPrefix) {
 			redirect: null,
 			backgroundImage: null,
 			sidebar: null,
-			cssStyles: {
-				default: [],
-				tablet: [],
-				mobile: []
-			}
+			cssStyles: emptyResponsiveStyles()
 		},
 		webpages: []
 	};
-	const imageLink = findWebsiteLink(parseLinks(webpageResource.links, options), "resource", (link) => link.type === "image" || link.type === "IIIF");
+	const websiteLinks = parseLinks(webpageResource.links, options);
+	const imageLink = findWebsiteLink(websiteLinks, "resource", (link) => link.type === "image" || link.type === "IIIF");
 	const webpageResources = normalizeWebsiteResources(webpageResource.resource);
 	returnWebpage.items = parseWebBlockItems(webpageResources.filter((resource) => !isSidebarResource(resource, options)), options, context);
-	returnWebpage.webpages = parseWebpages(webpageResources, options, context, slugPrefix == null ? void 0 : returnWebpage.slug);
-	returnWebpage.segments = parseWebsiteSegments(webpageResource.resource, context, options, returnWebpage.slug);
+	returnWebpage.webpages = parseWebpages(page.children, options, context);
+	returnWebpage.segments = parseWebsiteSegments(page.segments, options, context);
 	returnWebpage.properties.sidebar = parseSidebar(webpageResources, options, context);
 	const pageReader = webpageReader.nestedByValue("presentation", "page");
 	if (pageReader.size > 0) {
-		returnWebpage.properties.isDisplayedInNavbar = pageReader.valueOr("displayed-in-navbar", true);
-		returnWebpage.properties.width = pageReader.valueOr("width", "default");
-		returnWebpage.properties.variant = pageReader.valueOr("variant", "default");
-		returnWebpage.properties.isSidebarDisplayed = pageReader.valueOr("sidebar-displayed", true);
-		returnWebpage.properties.isBreadcrumbsDisplayed = pageReader.valueOr("breadcrumbs-displayed", false);
-		returnWebpage.properties.isNavbarSearchBarDisplayed = pageReader.valueOr("navbar-search-bar-displayed", true);
+		pageReader.readAll(returnWebpage.properties, {
+			isDisplayedInNavbar: "displayed-in-navbar",
+			width: "width",
+			variant: "variant",
+			isSidebarDisplayed: "sidebar-displayed",
+			isBreadcrumbsDisplayed: "breadcrumbs-displayed",
+			isNavbarSearchBarDisplayed: "navbar-search-bar-displayed"
+		});
 		returnWebpage.properties.redirect = parseWebpageRedirect(pageReader.valueNode("redirect-to"), context);
 	}
-	if (imageLink != null) returnWebpage.properties.backgroundImage = {
-		uuid: imageLink.uuid,
-		label: imageLink.identification.label,
-		description: imageLink.description,
-		width: imageLink.image?.width ?? 0,
-		height: imageLink.image?.height ?? 0,
-		quality: "high"
-	};
+	if (imageLink != null) returnWebpage.properties.backgroundImage = webImageFromLink(imageLink, "high");
 	returnWebpage.properties.cssStyles = parseResponsiveCssStyles(webpageProperties);
 	return returnWebpage;
 }
 /**
-* Parses raw webpage resources into an array of Webpage objects
+* Parses walked page nodes into an array of Webpage objects
 *
-* @param webpageResources - Array of raw webpage resources in OCHRE format
+* @param pages - The page nodes to parse
 * @returns Array of parsed Webpage objects
 */
-function parseWebpages(webpageResources, options, context, slugPrefix) {
-	const returnPages = [];
-	for (const webpageResource of webpageResources) {
-		const webpage = parseWebpage(webpageResource, options, context, slugPrefix);
-		if (webpage !== null) returnPages.push(webpage);
-	}
-	return returnPages;
+function parseWebpages(pages, options, context) {
+	return Array.from(pages, (page) => parseWebpage(page, options, context));
 }
 function parseWebpageView(view, options, context) {
-	return parseWebpages(view?.resource ?? [], options, context)[0] ?? null;
+	const pages = readWebsitePages(view?.resource, options);
+	return parseWebpages(pages, options, {
+		...context,
+		pageSlugsByUuid: collectWebsitePageSlugs(pages, options)
+	})[0] ?? null;
 }
-function parseWebsiteSegments(resources, context, options, slugPrefix) {
-	const segments = [];
-	const segmentResources = resources ?? [];
-	for (const resource of segmentResources) {
-		if (!("segments" in resource)) continue;
-		for (const tree of resource.segments.tree) {
-			const segmentSlug = tree.identification.abbreviation == null ? null : parseStringContent(tree.identification.abbreviation, options);
-			if (segmentSlug == null) throw new Error(`Slug not found for segment website (website uuid “${tree.uuid}”)`, { cause: tree });
-			segments.push(parseWebsiteTree(tree, context, "segment", options, prefixSlug(segmentSlug, slugPrefix)));
-		}
-	}
-	return segments;
+function parseWebsiteSegments(segments, options, context) {
+	return Array.from(segments, (segment) => parseWebsiteTree(segment.tree, options, context, "segment", segment.slugPrefix));
 }
 /**
 * Parses raw sidebar data into a standardized Sidebar structure
@@ -1016,17 +141,22 @@ function parseSidebar(resources, options, context) {
 	const items = parseWebBlockItems(normalizeWebsiteResources(sidebarResource.resource), options, context);
 	if (items.length === 0) return null;
 	const sidebarReader = websitePresentationReader(sidebarBaseProperties).nestedByValue("presentation", "element").nestedByValue("component", "sidebar");
-	return {
+	const sidebar = {
 		isDisplayed: true,
 		items,
 		title: parseWebTitle(sidebarBaseProperties, parseIdentification(sidebarResource.identification, options)),
-		layout: sidebarReader.valueOr("layout", "start"),
-		mobileLayout: sidebarReader.valueOr("layout-mobile", "default"),
+		layout: "start",
+		mobileLayout: "default",
 		cssStyles: parseResponsiveCssStyles(sidebarBaseProperties)
 	};
+	sidebarReader.readAll(sidebar, {
+		layout: "layout",
+		mobileLayout: "layout-mobile"
+	});
+	return sidebar;
 }
 function parseWebAccordionItem(elementResource, childResources, options, context) {
-	const trigger = parseWebElement(elementResource, options, context);
+	const trigger = parseWebElement(elementResource, options, context.pageSlugsByUuid);
 	const items = parseWebBlockItems(childResources, options, context);
 	return {
 		uuid: trigger.uuid,
@@ -1038,19 +168,25 @@ function parseWebAccordionItem(elementResource, childResources, options, context
 function parseBlockOverwrite(overwriteReader, isDefaultLayoutAccordion) {
 	if (overwriteReader.size === 0) return null;
 	const properties = {
-		layout: overwriteReader.value("layout") ?? void 0,
-		wrap: overwriteReader.value("wrap") ?? void 0,
-		spacing: overwriteReader.value("spacing") ?? void 0,
-		gap: overwriteReader.value("gap") ?? void 0,
+		layout: void 0,
+		wrap: void 0,
+		spacing: void 0,
+		gap: void 0,
 		isAccordionEnabled: void 0,
 		isAccordionExpandedByDefault: void 0,
 		isAccordionSidebarDisplayed: void 0
 	};
-	if (isDefaultLayoutAccordion || properties.layout === "accordion") {
-		properties.isAccordionEnabled = overwriteReader.value("accordion-enabled") ?? void 0;
-		properties.isAccordionExpandedByDefault = overwriteReader.value("accordion-expanded") ?? void 0;
-		properties.isAccordionSidebarDisplayed = overwriteReader.value("accordion-sidebar-displayed") ?? void 0;
-	}
+	overwriteReader.readAll(properties, {
+		layout: "layout",
+		wrap: "wrap",
+		spacing: "spacing",
+		gap: "gap"
+	});
+	if (isDefaultLayoutAccordion || properties.layout === "accordion") overwriteReader.readAll(properties, {
+		isAccordionEnabled: "accordion-enabled",
+		isAccordionExpandedByDefault: "accordion-expanded",
+		isAccordionSidebarDisplayed: "accordion-sidebar-displayed"
+	});
 	const cleanedProperties = cleanObject(properties);
 	return Object.keys(cleanedProperties).length > 0 ? cleanedProperties : null;
 }
@@ -1065,7 +201,7 @@ function parseAccordionAwareBlockItems(blockResources, options, context, isSuppo
 			case "element": {
 				const childResources = normalizeWebsiteResources(resource.resource);
 				const componentType = resourceReader.nestedByValue("presentation", "element").value("component");
-				blockItems.push(isSupportingAccordionItems && componentType === "text" && childResources.length > 0 ? parseWebAccordionItem(resource, childResources, options, context) : parseWebElement(resource, options, context));
+				blockItems.push(isSupportingAccordionItems && componentType === "text" && childResources.length > 0 ? parseWebAccordionItem(resource, childResources, options, context) : parseWebElement(resource, options, context.pageSlugsByUuid));
 				break;
 			}
 			case "block": {
@@ -1101,23 +237,26 @@ function parseWebBlock(blockResource, options, context) {
 			mobile: null,
 			tablet: null
 		},
-		cssStyles: {
-			default: [],
-			tablet: [],
-			mobile: []
-		}
+		cssStyles: emptyResponsiveStyles()
 	};
 	const blockReader = websitePresentationReader(blockProperties).nestedByValue("presentation", "block");
 	if (blockReader.size > 0) {
-		returnBlock.properties.default.layout = blockReader.valueOr("layout", "vertical");
-		returnBlock.properties.default.wrap = blockReader.valueOr("wrap", "nowrap");
+		blockReader.readAll(returnBlock.properties.default, {
+			layout: "layout",
+			wrap: "wrap",
+			spacing: "spacing",
+			gap: "gap"
+		});
 		if (returnBlock.properties.default.layout === "accordion") {
-			returnBlock.properties.default.isAccordionEnabled = blockReader.valueOr("accordion-enabled", true);
-			returnBlock.properties.default.isAccordionExpandedByDefault = blockReader.valueOr("accordion-expanded", true);
-			returnBlock.properties.default.isAccordionSidebarDisplayed = blockReader.valueOr("accordion-sidebar-displayed", false);
+			returnBlock.properties.default.isAccordionEnabled = true;
+			returnBlock.properties.default.isAccordionExpandedByDefault = true;
+			returnBlock.properties.default.isAccordionSidebarDisplayed = false;
+			blockReader.readAll(returnBlock.properties.default, {
+				isAccordionEnabled: "accordion-enabled",
+				isAccordionExpandedByDefault: "accordion-expanded",
+				isAccordionSidebarDisplayed: "accordion-sidebar-displayed"
+			});
 		}
-		returnBlock.properties.default.spacing = blockReader.valueOr("spacing", null);
-		returnBlock.properties.default.gap = blockReader.valueOr("gap", null);
 		const isDefaultLayoutAccordion = returnBlock.properties.default.layout === "accordion";
 		returnBlock.properties.tablet = parseBlockOverwrite(blockReader.nested("overwrite-tablet"), isDefaultLayoutAccordion);
 		returnBlock.properties.mobile = parseBlockOverwrite(blockReader.nested("overwrite-mobile"), isDefaultLayoutAccordion);
@@ -1126,215 +265,12 @@ function parseWebBlock(blockResource, options, context) {
 	returnBlock.cssStyles = parseResponsiveCssStyles(blockProperties);
 	return returnBlock;
 }
-/**
-* Parses raw website properties into a standardized Website properties structure
-*
-* @param properties - Array of raw website properties in OCHRE format
-* @returns Parsed WebsiteProperties object
-*/
-function parseWebsiteProperties(properties, websiteTree, sidebar, options, parent) {
-	const mainProperties = parseSimplifiedProperties({ property: properties }, options);
-	const websiteReader = websitePresentationReader(mainProperties).nested("presentation");
-	const returnProperties = {
-		type: websiteReader.valueOr("webUI", parent?.type ?? "traditional"),
-		status: websiteReader.valueOr("status", parent?.status ?? "development"),
-		versionLabel: websiteReader.valueOr("version-label", parent?.versionLabel ?? "release"),
-		privacy: websiteReader.valueOr("privacy", parent?.privacy ?? "public"),
-		contact: parent?.contact ?? null,
-		loadingVariant: "spinner",
-		theme: {
-			isThemeToggleDisplayed: true,
-			defaultTheme: "system"
-		},
-		icon: {
-			logoUuid: null,
-			faviconUuid: null,
-			appleTouchIconUuid: null
-		},
-		navbar: {
-			isDisplayed: true,
-			variant: "default",
-			alignment: "start",
-			isProjectDisplayed: true,
-			searchBarBoundElementUuid: null,
-			items: parent?.navbar.items ?? null
-		},
-		footer: {
-			isDisplayed: true,
-			logoUuid: null,
-			items: parent?.footer.items ?? null
-		},
-		sidebar: sidebar ?? parent?.sidebar ?? null,
-		itemPage: {
-			isMainContentDisplayed: parent?.itemPage.isMainContentDisplayed ?? true,
-			description: {
-				isDisplayed: parent?.itemPage.description.isDisplayed ?? true,
-				isHeaderDisplayed: parent?.itemPage.description.isHeaderDisplayed ?? true
-			},
-			document: {
-				isDisplayed: parent?.itemPage.document.isDisplayed ?? true,
-				isHeaderDisplayed: parent?.itemPage.document.isHeaderDisplayed ?? true
-			},
-			notes: {
-				isDisplayed: parent?.itemPage.notes.isDisplayed ?? true,
-				isHeaderDisplayed: parent?.itemPage.notes.isHeaderDisplayed ?? true,
-				variant: parent?.itemPage.notes.variant ?? "discrete"
-			},
-			events: {
-				isDisplayed: parent?.itemPage.events.isDisplayed ?? true,
-				isHeaderDisplayed: parent?.itemPage.events.isHeaderDisplayed ?? true,
-				variant: parent?.itemPage.events.variant ?? "tabular"
-			},
-			periods: {
-				isDisplayed: parent?.itemPage.periods.isDisplayed ?? true,
-				isHeaderDisplayed: parent?.itemPage.periods.isHeaderDisplayed ?? true
-			},
-			isPropertiesDisplayed: parent?.itemPage.isPropertiesDisplayed ?? true,
-			bibliography: {
-				isDisplayed: parent?.itemPage.bibliography.isDisplayed ?? true,
-				isHeaderDisplayed: parent?.itemPage.bibliography.isHeaderDisplayed ?? true
-			},
-			isPropertyValuesGrouped: parent?.itemPage.isPropertyValuesGrouped ?? true,
-			isPublicationDateTimeDisplayed: parent?.itemPage.isPublicationDateTimeDisplayed ?? true,
-			isPersistentIdentifierDisplayed: parent?.itemPage.isPersistentIdentifierDisplayed ?? true,
-			iiifViewer: parent?.itemPage.iiifViewer ?? "universal-viewer"
-		},
-		options: {
-			contextTree: parent?.options.contextTree ?? null,
-			scopes: parent?.options.scopes ?? null,
-			labels: { title: parent?.options.labels.title ?? null },
-			stylesheets: { properties: parent?.options.stylesheets.properties ?? [] }
-		}
-	};
-	const contactProperty = websiteReader.property("contact");
-	if (contactProperty !== null) {
-		const contactContent = contactProperty.values[0]?.content.toString().split(";") ?? [];
-		if (contactContent.length === 2) returnProperties.contact = {
-			name: contactContent[0],
-			email: contactContent[1] ?? null
-		};
-		else throw new Error(`Contact property must use “name;email”, got “${contactProperty.values[0]?.content}” (website uuid “${websiteTree.uuid}”)`, { cause: websiteTree });
-	}
-	returnProperties.loadingVariant = websiteReader.valueOr("loading-variant", parent?.loadingVariant ?? "spinner");
-	returnProperties.theme.isThemeToggleDisplayed = websiteReader.valueOr("supports-theme-toggle", parent?.theme.isThemeToggleDisplayed ?? true);
-	returnProperties.theme.defaultTheme = websiteReader.valueOr("default-theme", parent?.theme.defaultTheme ?? "system");
-	returnProperties.icon.logoUuid = websiteReader.uuid("navbar-logo") ?? parent?.icon.logoUuid ?? null;
-	returnProperties.icon.faviconUuid = websiteReader.uuid("favicon-ico") ?? parent?.icon.faviconUuid ?? null;
-	returnProperties.icon.appleTouchIconUuid = websiteReader.uuid("favicon-img") ?? parent?.icon.appleTouchIconUuid ?? null;
-	returnProperties.navbar.isDisplayed = websiteReader.valueOr("navbar-displayed", parent?.navbar.isDisplayed ?? true);
-	returnProperties.navbar.variant = websiteReader.valueOr("navbar-variant", parent?.navbar.variant ?? "default");
-	returnProperties.navbar.alignment = websiteReader.valueOr("navbar-alignment", parent?.navbar.alignment ?? "start");
-	returnProperties.navbar.isProjectDisplayed = websiteReader.valueOr("navbar-project-displayed", parent?.navbar.isProjectDisplayed ?? true);
-	returnProperties.navbar.searchBarBoundElementUuid = websiteReader.uuid("bound-element-navbar-search-bar") ?? parent?.navbar.searchBarBoundElementUuid ?? null;
-	returnProperties.footer.isDisplayed = websiteReader.valueOr("footer-displayed", parent?.footer.isDisplayed ?? true);
-	returnProperties.footer.logoUuid = websiteReader.uuid("footer-logo") ?? parent?.footer.logoUuid ?? null;
-	const itemPageReader = websiteReader.nestedByValue("page-type", "item-page");
-	if (itemPageReader.size > 0) {
-		for (const [key, slug] of [
-			["description", "description"],
-			["document", "document"],
-			["notes", "notes"],
-			["events", "events"],
-			["periods", "periods"],
-			["bibliography", "bibliography"]
-		]) {
-			const section = returnProperties.itemPage[key];
-			section.isDisplayed = itemPageReader.valueOr(`item-page-${slug}-displayed`, section.isDisplayed);
-			section.isHeaderDisplayed = itemPageReader.valueOr(`item-page-${slug}-header-displayed`, section.isHeaderDisplayed);
-		}
-		returnProperties.itemPage.notes.variant = itemPageReader.valueOr("item-page-notes-display-variant", returnProperties.itemPage.notes.variant);
-		returnProperties.itemPage.events.variant = itemPageReader.valueOr("item-page-events-display-variant", returnProperties.itemPage.events.variant);
-		returnProperties.itemPage.isPropertyValuesGrouped = itemPageReader.valueOr("item-page-property-values-grouped", returnProperties.itemPage.isPropertyValuesGrouped);
-		returnProperties.itemPage.isPublicationDateTimeDisplayed = itemPageReader.valueOr("item-page-publication-date-time-displayed", returnProperties.itemPage.isPublicationDateTimeDisplayed);
-		returnProperties.itemPage.isPersistentIdentifierDisplayed = itemPageReader.valueOr("item-page-persistent-identifier-displayed", returnProperties.itemPage.isPersistentIdentifierDisplayed);
-		returnProperties.itemPage.iiifViewer = itemPageReader.valueOr("item-page-iiif-viewer", returnProperties.itemPage.iiifViewer);
-	}
-	if (websiteTree.options != null) {
-		const parsedOptions = parseWebsiteOptions(websiteTree.options, options);
-		returnProperties.options.scopes = (parsedOptions.scopes != null && parsedOptions.scopes.length > 0 ? parsedOptions : returnProperties.options).scopes;
-		returnProperties.options.contextTree = parsedOptions.contextTree ?? returnProperties.options.contextTree;
-		returnProperties.options.labels = { title: parsedOptions.labels.title ?? returnProperties.options.labels.title };
-	}
-	if ("styleOptions" in websiteTree && websiteTree.styleOptions != null) {
-		const stylesheetProperties = parseStylesheets(websiteTree.styleOptions.style);
-		if (stylesheetProperties.length > 0) returnProperties.options.stylesheets.properties = stylesheetProperties;
-	}
-	return returnProperties;
-}
-function parseContextItem(contextItemToParse, options) {
-	let type = "";
-	const levels = [];
-	const levelsToParse = contextItemToParse.levels?.level ?? [];
-	for (const level of levelsToParse) {
-		const [rawVariableUuid = "", rawValueUuid] = level.payload.split(",", 2);
-		const valueUuid = rawValueUuid == null || rawValueUuid.trim() === "null" ? null : rawValueUuid.trim();
-		type = level.dataType ?? type;
-		levels.push({
-			variableUuid: rawVariableUuid.trim(),
-			valueUuid
-		});
-	}
-	return {
-		context: levels,
-		type,
-		identification: parseIdentification(contextItemToParse.identification, options),
-		description: parseContentLike(contextItemToParse.description, options)
-	};
-}
-function parseFilterContextDisplay(filterOption) {
-	switch (filterOption) {
-		case "inline-displayed": return {
-			isInlineDisplayed: true,
-			isSidebarDisplayed: false,
-			isSidebarOpen: false
-		};
-		case "inline-sidebar-displayed-closed": return {
-			isInlineDisplayed: true,
-			isSidebarDisplayed: true,
-			isSidebarOpen: false
-		};
-		case "inline-sidebar-displayed-open": return {
-			isInlineDisplayed: true,
-			isSidebarDisplayed: true,
-			isSidebarOpen: true
-		};
-		case "sidebar-displayed-closed": return {
-			isInlineDisplayed: false,
-			isSidebarDisplayed: true,
-			isSidebarOpen: false
-		};
-		case "sidebar-displayed-open": return {
-			isInlineDisplayed: false,
-			isSidebarDisplayed: true,
-			isSidebarOpen: true
-		};
-		default: return {
-			isInlineDisplayed: false,
-			isSidebarDisplayed: false,
-			isSidebarOpen: false
-		};
-	}
-}
-function parseContexts(contextLevels, options) {
-	const contextTreeLevels = [];
-	for (const contextLevel of contextLevels) for (const contextItemToParse of contextLevel.context) contextTreeLevels.push(parseContextItem(contextItemToParse, options));
-	return contextTreeLevels;
-}
-function parseFilterContexts(filterContextLevels, options) {
-	const filterContextTreeLevels = [];
-	for (const filterContextLevel of filterContextLevels) for (const contextItemToParse of filterContextLevel.context) filterContextTreeLevels.push({
-		...parseContextItem(contextItemToParse, options),
-		filterType: contextItemToParse.filterType ?? "property",
-		filterVariant: contextItemToParse.filterVariant ?? null,
-		...parseFilterContextDisplay(contextItemToParse.filterOption)
-	});
-	return filterContextTreeLevels;
-}
-function parseWebsiteTree(websiteTree, context, type, options, slugPrefix) {
+function parseWebsiteTree(websiteTree, options, context, type, slugPrefix) {
 	if (!websiteTree.properties) throw new Error(`Website properties not found (website uuid “${websiteTree.uuid}”)`, { cause: websiteTree });
 	if (type === "website" && websiteTree.items?.resource == null) throw new Error(`Website pages not found (website uuid “${websiteTree.uuid}”)`, { cause: websiteTree });
 	const resources = normalizeWebsiteResources(websiteTree.items?.resource);
-	const pageSlugsByUuid = context.pageSlugsByUuid ?? collectWebsitePageSlugs(websiteTree.items?.resource, options, slugPrefix);
+	const pages = readWebsitePages(websiteTree.items?.resource, options, slugPrefix);
+	const pageSlugsByUuid = context.pageSlugsByUuid ?? collectWebsitePageSlugs(pages, options);
 	const treeContext = {
 		...context,
 		pageSlugsByUuid
@@ -1351,11 +287,11 @@ function parseWebsiteTree(websiteTree, context, type, options, slugPrefix) {
 		identification: parseIdentification(websiteTree.identification, options),
 		creators: websiteTree.creators ? parsePersonList(websiteTree.creators.creator, options) : [],
 		license,
-		items: parseWebpages(resources, options, {
+		items: parseWebpages(pages, options, {
 			...treeContext,
 			parentProperties: properties,
 			parentLicense: license
-		}, slugPrefix),
+		}),
 		properties
 	};
 }
@@ -1363,17 +299,20 @@ function parseWebsite(data, options) {
 	const rawOchre = data.result.ochre;
 	const metadataLanguages = parseMetadataLanguages(rawOchre);
 	const languages = resolveLanguages(options?.languages, metadataLanguages);
-	const parserOptions = { languages };
 	const defaultLanguage = resolveDefaultLanguage(rawOchre, languages);
+	const parserOptions = {
+		languages,
+		defaultLanguage
+	};
 	const websiteTree = rawOchre.tree[0];
 	if (websiteTree == null) throw new Error("Website tree not found", { cause: data });
-	return parseWebsiteTree(websiteTree, {
+	return parseWebsiteTree(websiteTree, parserOptions, {
 		belongsTo: {
 			uuid: rawOchre.uuidBelongsTo,
 			abbreviation: rawOchre.belongsTo
 		},
 		metadata: parseMetadata(rawOchre, parserOptions, defaultLanguage)
-	}, "website", parserOptions);
+	}, "website");
 }
 //#endregion
-export { parseBounds, parseWebpageView, parseWebsite };
+export { parseWebpageView, parseWebsite };