@museumwnf/viewer-layout 2.18.0 → 3.1.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./PageShell-CbJ9lQoQ.js";
-import { t as c } from "./FeaturedRecord-mRyLN7Mt.js";
-import { C as l, S as u, _ as d, a as f, b as p, c as m, d as h, f as g, g as _, h as v, i as y, l as b, m as x, n as S, o as C, p as w, r as T, s as E, t as D, u as O, v as k, w as A, x as j, y as M } from "./OnDisplayIn-D6r_KvpI.js";
-import { a as N, i as P, n as F, o as I, r as L, t as R } from "./PictureNarrative-B_GPQvYP.js";
-import { t as z } from "./content-CHXh6D_q.js";
-export { o as AppBanner, e as AppContent, r as AppFooter, t as AppHeader, n as AppHyperlinks, i as AppNavigation, a as AppSponsors, I as BackLink, f as DynastyList, C as DynastyPopout, p as FacetSelect, N as FeaturedPartners, c as FeaturedRecord, M as FilterPanel, O as GlossaryPopover, E as GlossaryTool, h as MediaGallery, D as OnDisplayIn, s as PageShell, j as Pagination, b as PartnerMap, m as PartnerPanel, F as PictureGallery, R as PictureNarrative, L as PopupLogo, x as RecordCredits, u as RecordGrid, d as RecordLanguages, l as RecordList, _ as RecordSheet, S as RelatedMedia, g as RelatedRecords, k as ResultsSummary, A as SectionCards, v as SheetSection, P as SiblingGalleries, w as SourceCredit, z as SpecialFeatures, y as TimelineEventList, T as TimelineLookup };
+import { t as c } from "./FeaturedRecord-Dw6uf3ax.js";
+import { _ as l, a as u, c as d, d as f, f as p, g as m, h, i as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T, v as E } from "./TimelineEventList-BhkWyY5-.js";
+import { a as D, i as O, n as k, o as A, r as j, s as M, t as N } from "./OnDisplayIn-eSG5r48j.js";
+import { t as P } from "./content-BxaDJIvY.js";
+export { o as AppBanner, e as AppContent, r as AppFooter, t as AppHeader, n as AppHyperlinks, i as AppNavigation, a as AppSponsors, M as BackLink, O as DynastyList, D as DynastyPopout, v as FacetSelect, c as FeaturedRecord, x as FilterPanel, g as GlossaryPopover, A as GlossaryTool, u as MediaGallery, N as OnDisplayIn, s as PageShell, h as Pagination, S as PartnerMap, y as PartnerPanel, d as RecordCredits, m as RecordGrid, f as RecordLanguages, l as RecordList, T as RecordSheet, k as RelatedMedia, b as RelatedRecords, p as ResultsSummary, E as SectionCards, _ as SheetSection, C as SourceCredit, P as SpecialFeatures, w as TimelineEventList, j as TimelineLookup };

package/dist/{themeSpecs-Bgn-K6R6.js → themeSpecs-C_uGarTs.js}

@@ -22,7 +22,9 @@ var s = {
 	glossary: !0,
 	panel: !0,
 	navigation: "tree",
-	numbering: !1
+	numbering: !1,
+	inThisTheme: "exhibition.theme.inThisTheme",
+	seeAll: "exhibition.theme.seeAllInTheme"
 }, c = {
 	...s,
 	about: () => !1

package/dist/views.js

@@ -1,13 +1,13 @@
-import { t as e } from "./FeaturedRecord-mRyLN7Mt.js";
-import { w as t } from "./OnDisplayIn-D6r_KvpI.js";
-import { a as n, c as r, i, l as a, n as o, o as s, r as c, s as l, t as u } from "./TimelineResultsView-CMqrkr9z.js";
-import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createVNode as h, mergeProps as g, normalizeClass as _, openBlock as v, renderSlot as y, toDisplayString as b, unref as x } from "vue";
-import { I18nText as S, renderInline as C, renderPlain as w, useDataPackage as T, useFeaturedRecord as E, useI18n as D, useSiteConfig as O } from "@museumwnf/viewer-core";
+import { t as e } from "./FeaturedRecord-Dw6uf3ax.js";
+import { v as t } from "./TimelineEventList-BhkWyY5-.js";
+import { a as n, c as r, i, n as a, o, r as s, s as c, t as l } from "./TimelineResultsView-DQsyJmPp.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createVNode as m, mergeProps as h, normalizeClass as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b } from "vue";
+import { I18nText as x, renderInline as S, renderPlain as C, useDataPackage as w, useFeaturedRecord as T, useI18n as E, useSiteConfig as D } from "@museumwnf/viewer-core";
 //#region src/views/HomeView.vue
-var k = { class: "mwnf-home" }, A = {
+var O = { class: "mwnf-home" }, k = {
 	key: 0,
 	class: "mwnf-home__title"
-}, j = {
+}, A = {
 	__name: "HomeView",
 	props: {
 		title: {
@@ -32,7 +32,7 @@ var k = { class: "mwnf-home" }, A = {
 		}
 	},
 	setup(n) {
-		let r = n, { t: i, locale: a } = D(), o = O(), s = d(() => ({
+		let r = n, { t: i, locale: a } = E(), o = D(), s = u(() => ({
 			...o.home ?? {},
 			...c(r)
 		}));
@@ -47,31 +47,31 @@ var k = { class: "mwnf-home" }, A = {
 			]) e[n] != null && e[n] !== "" && (t[n] = e[n]);
 			return t;
 		}
-		let l = d(() => (s.value.cards ?? []).map((e) => ({
+		let l = u(() => (s.value.cards ?? []).map((e) => ({
 			...e,
 			title: e.title ? i(e.title) : "",
 			description: e.description ? i(e.description) : "",
 			action: e.action ? i(e.action) : ""
-		}))), u = d(() => s.value.featured ?? null), j = u.value?.entity ?? "", M = T();
+		}))), A = u(() => s.value.featured ?? null), j = A.value?.entity ?? "", M = w();
 		j && M.loadTranslations(j, "en");
-		let N = j ? E(j, {
-			seed: u.value?.seed,
-			images: u.value?.images ?? "images",
-			filter: u.value?.filter
-		}) : d(() => null), P = d(() => N.value ? M.tr(j, N.value.id, a.value, "en") : {});
+		let N = j ? T(j, {
+			seed: A.value?.seed,
+			images: A.value?.images ?? "images",
+			filter: A.value?.filter
+		}) : u(() => null), P = u(() => N.value ? M.tr(j, N.value.id, a.value, "en") : {});
 		function F(e, t, n) {
 			return typeof e == "function" ? e(t, n) : typeof e != "string" || !e ? "" : n[e] ?? t[e] ?? "";
 		}
-		let I = d(() => {
-			let e = N.value, t = u.value;
+		let I = u(() => {
+			let e = N.value, t = A.value;
 			if (!e || !t) return null;
 			let n = P.value.name ?? e.internal_name ?? e.id, r = typeof t.meta == "function" ? t.meta(e, P.value) : (t.meta ?? []).map((t) => F(t, e, P.value)), a = t.images ?? "images";
 			return {
 				heading: t.heading ? i(t.heading) : "",
 				image: e[a]?.[0]?.url ?? "",
-				imageAlt: w(String(n)),
+				imageAlt: C(String(n)),
 				eyebrow: String(F(t.eyebrow, e, P.value) ?? ""),
-				name: C(String(n)),
+				name: S(String(n)),
 				meta: r.filter(Boolean).map(String),
 				action: t.action ? i(t.action) : "",
 				to: typeof t.to == "function" ? t.to(e) : {
@@ -80,23 +80,23 @@ var k = { class: "mwnf-home" }, A = {
 				}
 			};
 		});
-		return (n, r) => (v(), m("section", k, [
-			s.value.title || s.value.intro ? (v(), m("header", {
+		return (n, r) => (_(), p("section", O, [
+			s.value.title || s.value.intro ? (_(), p("header", {
 				key: 0,
-				class: _(["mwnf-home__welcome", { "mwnf-panel": s.value.panels }])
-			}, [s.value.title ? (v(), m("h1", A, b(x(i)(s.value.title)), 1)) : p("", !0), s.value.intro ? (v(), f(x(S), {
+				class: g(["mwnf-home__welcome", { "mwnf-panel": s.value.panels }])
+			}, [s.value.title ? (_(), p("h1", k, y(b(i)(s.value.title)), 1)) : f("", !0), s.value.intro ? (_(), d(b(x), {
 				key: 1,
 				tag: "div",
 				class: "mwnf-home__intro",
 				keypath: s.value.intro
-			}, null, 8, ["keypath"])) : p("", !0)], 2)) : p("", !0),
-			y(n.$slots, "before"),
-			h(t, { cards: l.value }, null, 8, ["cards"]),
-			y(n.$slots, "default"),
-			I.value ? (v(), f(e, g({ key: 1 }, I.value, { class: { "mwnf-panel": s.value.panels } }), null, 16, ["class"])) : p("", !0),
-			y(n.$slots, "after")
+			}, null, 8, ["keypath"])) : f("", !0)], 2)) : f("", !0),
+			v(n.$slots, "before"),
+			m(t, { cards: l.value }, null, 8, ["cards"]),
+			v(n.$slots, "default"),
+			I.value ? (_(), d(e, h({ key: 1 }, I.value, { class: { "mwnf-panel": s.value.panels } }), null, 16, ["class"])) : f("", !0),
+			v(n.$slots, "after")
 		]));
 	}
 };
 //#endregion
-export { a as CatalogueResultsView, s as EssayView, j as HomeView, n as LinkListView, i as PartnerListView, l as RecordSheetView, r as RecordView, o as SearchFormView, c as TextPageView, u as TimelineResultsView };
+export { r as CatalogueResultsView, o as EssayView, A as HomeView, n as LinkListView, i as PartnerListView, c as RecordView, a as SearchFormView, s as TextPageView, l as TimelineResultsView };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@museumwnf/viewer-layout",
-  "version": "2.18.0",
+  "version": "3.1.0",
   "description": "Page structure for MWNF websites: PageShell composing seven optional, token-styled sections, the content components a page is made of, and the composed views a website names instead of writing a page.",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/tokens.reference.css

@@ -315,7 +315,7 @@
   /* --mwnf-credits-color: #555555;                  Credits text color */
   /* --mwnf-credits-gap: 0.25rem 1rem;               Gap in the credits list */
 
-  /* ---------- Content: RecordSheetView (the DXA item sheet's own blocks) ---------- */
+  /* ---------- Content: ItemDetailView (the DXA item sheet's own blocks) ---------- */
   /* --mwnf-sheet-museum-gap: 0.25rem;               Holder text to partner summary */
   /* --mwnf-sheet-source-size: 0.875rem;             Source-database block text size */
   /* --mwnf-sheet-source-gap: 0.375rem;              Gap between its lines */

package/dist/PictureNarrative-B_GPQvYP.js

@@ -1,444 +0,0 @@
-import { T as e } from "./OnDisplayIn-D6r_KvpI.js";
-import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, normalizeClass as c, normalizeStyle as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, vModelCheckbox as v, vShow as y, watch as b, withCtx as x, withDirectives as S } from "vue";
-import { renderBlock as C, renderInline as w, useI18n as T } from "@museumwnf/viewer-core";
-import { useRouter as E } from "vue-router";
-//#region src/content/BackLink.vue
-var D = ["href"], O = {
-	class: "mwnf-back-bar__arrow",
-	"aria-hidden": "true"
-}, ee = {
-	key: 1,
-	class: "mwnf-back-link"
-}, te = {
-	__name: "BackLink",
-	props: {
-		label: {
-			type: String,
-			default: "core.action.back"
-		},
-		to: {
-			type: [String, Object],
-			default: null
-		},
-		href: {
-			type: String,
-			default: ""
-		},
-		variant: {
-			type: String,
-			default: "button",
-			validator: (e) => ["button", "bar"].includes(e)
-		},
-		arrow: {
-			type: String,
-			default: "←"
-		}
-	},
-	setup(t) {
-		let i = E(), c = t, l = n(() => !!(c.to || c.href));
-		function u() {
-			return window.history.state?.back != null || !l.value && window.history.length > 1;
-		}
-		function d() {
-			u() && i.back();
-		}
-		let p = n(() => c.to && i ? i.resolve(c.to).href : c.href || (typeof c.to == "string" ? c.to : "") || "#");
-		function m(e) {
-			e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || (u() ? (e.preventDefault(), i.back()) : c.to && i ? (e.preventDefault(), i.push(c.to)) : l.value || e.preventDefault());
-		}
-		return (n, i) => t.variant === "bar" ? (f(), a("a", {
-			key: 0,
-			href: p.value,
-			class: "mwnf-back-bar mwnf-back-bar--link",
-			onClick: m
-		}, [
-			o("span", O, g(t.arrow), 1),
-			i[0] ||= s(),
-			h(n.$slots, "default", {}, () => [s(g(n.$t(t.label)), 1)])
-		], 8, D)) : (f(), a("div", ee, [l.value && !u() ? (f(), r(e, {
-			key: 0,
-			to: t.to,
-			href: t.href,
-			class: "mwnf-back-link__button"
-		}, {
-			default: x(() => [s(" ↩ " + g(n.$t(t.label)), 1)]),
-			_: 1
-		}, 8, ["to", "href"])) : (f(), a("button", {
-			key: 1,
-			class: "mwnf-back-link__button",
-			onClick: d
-		}, " ↩ " + g(n.$t(t.label)), 1))]));
-	}
-}, k = {
-	key: 0,
-	class: "mwnf-featured-partners"
-}, A = { class: "mwnf-featured-partners__heading" }, j = { class: "mwnf-featured-partners__carousel" }, M = {
-	key: 0,
-	class: "mwnf-featured-partners__image"
-}, N = ["src", "alt"], P = { class: "mwnf-featured-partners__body" }, F = { class: "mwnf-featured-partners__name" }, I = { class: "mwnf-featured-partners__location" }, L = { key: 0 }, R = { class: "mwnf-featured-partners__description" }, z = {
-	key: 0,
-	class: "mwnf-featured-partners__controls"
-}, B = ["aria-label", "onClick"], V = 8e3, H = {
-	__name: "FeaturedPartners",
-	props: {
-		records: {
-			type: Array,
-			default: () => []
-		},
-		partners: {
-			type: Array,
-			default: () => []
-		},
-		descriptionLength: {
-			type: Number,
-			default: 420
-		},
-		headingEntry: {
-			type: String,
-			default: "partner.list.featured"
-		}
-	},
-	setup(l) {
-		let h = l;
-		function _(e) {
-			return String(e ?? "").replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim();
-		}
-		function v(e, t) {
-			if (!e || e.length <= t) return e;
-			let n = e.lastIndexOf(" ", t);
-			return `${e.slice(0, n > 0 ? n : t)}...`;
-		}
-		let b = n(() => h.partners.length ? h.partners.map((e) => ({
-			id: e.id,
-			name: e.plainName,
-			logo: e.pictures?.[0]?.url ?? e.logos?.[0]?.url ?? null,
-			city: e.city,
-			country: e.country,
-			description: v(_(e.description), h.descriptionLength),
-			route: e.route
-		})) : h.records), C = p(0), w = null;
-		function T(e) {
-			C.value = e, E();
-		}
-		function E() {
-			w && clearInterval(w), b.value.length > 0 && (w = setInterval(() => {
-				C.value = (C.value + 1) % b.value.length;
-			}, V));
-		}
-		return d(E), u(() => w && clearInterval(w)), (n, u) => b.value.length ? (f(), a("section", k, [
-			o("h2", A, g(n.$t(l.headingEntry)), 1),
-			o("div", j, [(f(!0), a(t, null, m(b.value, (t, n) => S((f(), r(e, {
-				key: t.id,
-				to: t.route,
-				class: "mwnf-featured-partners__card"
-			}, {
-				default: x(() => [t.logo ? (f(), a("span", M, [o("img", {
-					src: t.logo,
-					alt: t.name,
-					class: "mwnf-featured-partners__logo"
-				}, null, 8, N)])) : i("", !0), o("span", P, [
-					o("span", F, g(t.name), 1),
-					o("span", I, [t.city ? (f(), a("span", L, g(t.city) + ", ", 1)) : i("", !0), s(g(t.country), 1)]),
-					o("span", R, g(t.description), 1)
-				])]),
-				_: 2
-			}, 1032, ["to"])), [[y, n === C.value]])), 128))]),
-			b.value.length > 1 ? (f(), a("div", z, [(f(!0), a(t, null, m(b.value, (e, t) => (f(), a("button", {
-				key: e.id,
-				class: c(["mwnf-featured-partners__bullet", { "mwnf-featured-partners__bullet--active": t === C.value }]),
-				"aria-label": `${n.$t("core.action.show")} ${e.name}`,
-				onClick: (e) => T(t)
-			}, null, 10, B))), 128))])) : i("", !0)
-		])) : i("", !0);
-	}
-}, U = { class: "mwnf-sibling-galleries" }, W = {
-	key: 0,
-	class: "mwnf-sibling-galleries__galleries"
-}, G = { class: "mwnf-sibling-galleries__header" }, K = { class: "mwnf-sibling-galleries__heading" }, q = ["href"], J = { class: "mwnf-sibling-galleries__grid" }, Y = {
-	key: 0,
-	class: "mwnf-sibling-galleries__image"
-}, X = ["src", "alt"], Z = {
-	key: 1,
-	class: "mwnf-sibling-galleries__image mwnf-sibling-galleries__image--empty"
-}, Q = { class: "mwnf-sibling-galleries__name" }, ne = {
-	key: 1,
-	class: "mwnf-sibling-galleries__museums"
-}, re = { class: "mwnf-sibling-galleries__heading" }, ie = { class: "mwnf-sibling-galleries__museums-grid" }, ae = ["href"], oe = { class: "mwnf-sibling-galleries__museum-image" }, se = { class: "mwnf-sibling-galleries__museum-name" }, ce = {
-	__name: "SiblingGalleries",
-	props: {
-		galleries: {
-			type: Array,
-			default: () => []
-		},
-		museums: {
-			type: Array,
-			default: () => []
-		},
-		galleriesHeadingEntry: {
-			type: String,
-			default: "sibling.galleries"
-		},
-		seeMoreGalleriesEntry: {
-			type: String,
-			default: "sibling.seeMoreGalleries"
-		},
-		seeMoreGalleriesHref: {
-			type: String,
-			default: ""
-		},
-		museumsHeadingEntry: {
-			type: String,
-			default: "sibling.otherVirtualMuseums"
-		}
-	},
-	setup(n) {
-		return (s, u) => (f(), a("section", U, [n.galleries.length ? (f(), a("div", W, [o("div", G, [o("p", K, g(s.$t(n.galleriesHeadingEntry)), 1), n.seeMoreGalleriesHref ? (f(), a("a", {
-			key: 0,
-			href: n.seeMoreGalleriesHref,
-			target: "_blank",
-			rel: "noopener",
-			class: "mwnf-sibling-galleries__see-more"
-		}, g(s.$t(n.seeMoreGalleriesEntry)) + " » ", 9, q)) : i("", !0)]), o("div", J, [(f(!0), a(t, null, m(n.galleries, (t) => (f(), r(e, {
-			key: t.id,
-			to: t.route,
-			class: c(["mwnf-sibling-galleries__gallery", { "mwnf-sibling-galleries__gallery--no-link": !t.route }])
-		}, {
-			default: x(() => [t.image ? (f(), a("span", Y, [o("img", {
-				src: t.image,
-				alt: t.name
-			}, null, 8, X)])) : (f(), a("span", Z)), o("p", Q, g(t.name), 1)]),
-			_: 2
-		}, 1032, ["to", "class"]))), 128))])])) : i("", !0), n.museums.length ? (f(), a("div", ne, [o("div", re, g(s.$t(n.museumsHeadingEntry)), 1), o("div", ie, [(f(!0), a(t, null, m(n.museums, (e) => (f(), a("a", {
-			key: e.name,
-			href: e.href || e.to,
-			target: "_blank",
-			rel: "noopener",
-			class: "mwnf-sibling-galleries__museum",
-			style: l({
-				"--mwnf-museum-bg": e.accent || "var(--mwnf-color-border)",
-				"--mwnf-museum-text": e.textColor || "inherit"
-			})
-		}, [o("div", oe, g(e.name.split(" ").map((e) => e[0]).join("")), 1), o("p", se, g(e.name), 1)], 12, ae))), 128))])])) : i("", !0)]));
-	}
-}, le = {
-	key: 0,
-	class: "mwnf-popup-logo"
-}, ue = ["aria-label"], de = ["innerHTML"], fe = ["innerHTML"], pe = {
-	__name: "PopupLogo",
-	props: {
-		content: {
-			type: String,
-			default: ""
-		},
-		rawHtml: {
-			type: Boolean,
-			default: !1
-		},
-		enabled: {
-			type: Boolean,
-			default: !0
-		},
-		closeLabel: {
-			type: String,
-			default: "core.action.close"
-		}
-	},
-	setup(e) {
-		let t = e, r = p(!1), s = n(() => t.rawHtml ? t.content : w(t.content)), c = n(() => t.enabled && !!t.content && !r.value);
-		return (t, n) => c.value ? (f(), a("div", le, [o("button", {
-			class: "mwnf-popup-logo__close",
-			"aria-label": t.$t(e.closeLabel),
-			onClick: n[0] ||= (e) => r.value = !0
-		}, "✕", 8, ue), e.rawHtml ? (f(), a("div", {
-			key: 0,
-			class: "mwnf-popup-logo__content",
-			innerHTML: s.value
-		}, null, 8, de)) : (f(), a("div", {
-			key: 1,
-			class: "mwnf-popup-logo__content",
-			innerHTML: s.value
-		}, null, 8, fe))])) : i("", !0);
-	}
-}, me = { class: "mwnf-picture-gallery" }, he = {
-	key: 0,
-	class: "mwnf-picture-gallery__selected"
-}, ge = { class: "mwnf-picture-gallery__image" }, _e = ["src", "alt"], ve = { class: "mwnf-picture-gallery__details" }, ye = { class: "mwnf-picture-gallery__detail mwnf-picture-gallery__detail--title" }, be = { key: 0 }, xe = ["innerHTML"], Se = {
-	key: 0,
-	class: "mwnf-picture-gallery__label"
-}, Ce = ["innerHTML"], we = {
-	key: 0,
-	class: "mwnf-picture-gallery__detail"
-}, Te = {
-	key: 2,
-	class: "mwnf-picture-gallery__unresolved"
-}, Ee = {
-	key: 1,
-	class: "mwnf-picture-gallery__empty"
-}, De = {
-	key: 2,
-	class: "mwnf-picture-gallery__strip"
-}, Oe = { class: "mwnf-picture-gallery__thumbs" }, ke = ["onClick"], Ae = ["src", "alt"], je = { class: "mwnf-picture-gallery__thumb-text" }, Me = { key: 0 }, Ne = ["innerHTML"], Pe = { key: 1 }, Fe = {
-	key: 0,
-	class: "mwnf-picture-gallery__toggle"
-}, Ie = {
-	__name: "PictureGallery",
-	props: {
-		pictures: {
-			type: Array,
-			default: () => []
-		},
-		selectedId: {
-			type: [String, Number],
-			default: null
-		},
-		seeItemEntry: {
-			type: String,
-			default: "exhibition.theme.seeItemEntry"
-		},
-		unresolvedEntry: {
-			type: String,
-			default: "exhibition.theme.recordNotInSite"
-		},
-		emptyEntry: {
-			type: String,
-			default: "exhibition.theme.additionalContent"
-		},
-		addRelatedEntry: {
-			type: String,
-			default: "exhibition.theme.addRelatedWorks"
-		},
-		hideRelatedEntry: {
-			type: String,
-			default: "exhibition.theme.hideRelatedWorks"
-		}
-	},
-	emits: ["update:selectedId"],
-	setup(l, { emit: u }) {
-		let d = l, h = u, { t: y } = T(), C = n(() => d.pictures.find((e) => e.id === d.selectedId) ?? null), w = n(() => d.pictures.some((e) => e.backRelated?.length)), E = p(!1);
-		b(() => d.pictures, () => {
-			E.value = !1;
-		});
-		let D = n(() => E.value ? d.pictures : d.pictures.filter((e) => !e.backRelated?.length));
-		function O(e) {
-			h("update:selectedId", e.id);
-		}
-		return (n, u) => (f(), a("div", me, [C.value ? (f(), a("div", he, [o("div", ge, [o("img", {
-			src: C.value.image,
-			alt: C.value.imageAlt ?? ""
-		}, null, 8, _e)]), o("div", ve, [
-			o("div", ye, [C.value.imageCaption ? (f(), a("span", be, g(C.value.imageCaption) + ", ", 1)) : i("", !0), o("span", { innerHTML: C.value.name }, null, 8, xe)]),
-			(f(!0), a(t, null, m(C.value.fields ?? [], (e, t) => (f(), a("div", {
-				key: t,
-				class: "mwnf-picture-gallery__detail"
-			}, [e.label ? (f(), a("span", Se, g(e.label), 1)) : i("", !0), o("span", { innerHTML: e.value }, null, 8, Ce)]))), 128)),
-			C.value.detail ? (f(), a("div", we, g(C.value.detail), 1)) : i("", !0),
-			C.value.to ? (f(), r(e, {
-				key: 1,
-				class: "mwnf-picture-gallery__link",
-				to: C.value.to
-			}, {
-				default: x(() => [s(g(_(y)(l.seeItemEntry)) + " →", 1)]),
-				_: 1
-			}, 8, ["to"])) : (f(), a("div", Te, g(_(y)(l.unresolvedEntry)), 1))
-		])])) : (f(), a("div", Ee, g(_(y)(l.emptyEntry)), 1)), l.pictures.length ? (f(), a("div", De, [o("ul", Oe, [(f(!0), a(t, null, m(D.value, (e) => (f(), a("li", {
-			key: e.id,
-			class: c(["mwnf-picture-gallery__thumb", {
-				"mwnf-picture-gallery__thumb--active": e.id === l.selectedId,
-				"mwnf-picture-gallery__thumb--related": e.backRelated?.length
-			}])
-		}, [o("button", {
-			type: "button",
-			onClick: (t) => O(e)
-		}, [o("img", {
-			src: e.image,
-			alt: e.imageAlt ?? "",
-			loading: "lazy"
-		}, null, 8, Ae)], 8, ke), o("div", je, [
-			e.imageCaption ? (f(), a("span", Me, g(e.imageCaption) + ", ", 1)) : i("", !0),
-			o("span", {
-				class: "mwnf-picture-gallery__thumb-name",
-				innerHTML: e.name
-			}, null, 8, Ne),
-			e.detail ? (f(), a("span", Pe, ", " + g(e.detail), 1)) : i("", !0)
-		])], 2))), 128))]), w.value ? (f(), a("label", Fe, [S(o("input", {
-			"onUpdate:modelValue": u[0] ||= (e) => E.value = e,
-			type: "checkbox"
-		}, null, 512), [[v, E.value]]), o("span", null, g(E.value ? _(y)(l.hideRelatedEntry) : _(y)(l.addRelatedEntry)), 1)])) : i("", !0)])) : i("", !0)]));
-	}
-}, Le = {
-	key: 0,
-	class: "mwnf-picture-narrative"
-}, Re = ["innerHTML"], ze = {
-	key: 1,
-	class: "mwnf-picture-narrative__related"
-}, Be = { class: "mwnf-picture-narrative__heading" }, Ve = { class: "mwnf-picture-narrative__images" }, He = { class: "mwnf-picture-narrative__image mwnf-picture-narrative__image--main" }, Ue = ["src", "alt"], We = { class: "mwnf-picture-narrative__thumb-text" }, Ge = ["innerHTML"], Ke = { key: 0 }, qe = ["onClick"], Je = ["src", "alt"], $ = { class: "mwnf-picture-narrative__thumb-text" }, Ye = ["innerHTML"], Xe = { key: 0 }, Ze = {
-	key: 0,
-	class: "mwnf-picture-narrative__relation"
-}, Qe = {
-	key: 2,
-	class: "mwnf-picture-narrative__related"
-}, $e = { class: "mwnf-picture-narrative__heading" }, et = { class: "mwnf-picture-narrative__text mwnf-picture-narrative__text--reciprocal" }, tt = { class: "mwnf-picture-narrative__image" }, nt = ["src", "alt"], rt = { class: "mwnf-picture-narrative__thumb-text" }, it = ["innerHTML"], at = { key: 0 }, ot = {
-	__name: "PictureNarrative",
-	props: {
-		picture: {
-			type: Object,
-			default: null
-		},
-		contextualDescription: {
-			type: String,
-			default: ""
-		},
-		relatedHeadingEntry: {
-			type: String,
-			default: "exhibition.related.items"
-		},
-		reciprocalFallbackEntry: {
-			type: String,
-			default: "exhibition.related.reciprocal"
-		}
-	},
-	emits: ["select"],
-	setup(e, { emit: r }) {
-		let s = e, c = r, { t: l } = T(), u = n(() => s.contextualDescription ? C(s.contextualDescription, { breaks: !0 }) : ""), d = n(() => s.picture?.related ?? []), p = n(() => s.picture?.backRelated?.[0] ?? null);
-		function h(e) {
-			c("select", e.id);
-		}
-		return (n, r) => e.picture ? (f(), a("div", Le, [
-			u.value ? (f(), a("div", {
-				key: 0,
-				class: "mwnf-picture-narrative__text mwnf-sheet__block",
-				innerHTML: u.value
-			}, null, 8, Re)) : i("", !0),
-			d.value.length ? (f(), a("div", ze, [o("div", Be, g(_(l)(e.relatedHeadingEntry)), 1), o("div", Ve, [o("div", He, [o("img", {
-				src: e.picture.image,
-				alt: e.picture.imageAlt ?? ""
-			}, null, 8, Ue), o("div", We, [o("span", { innerHTML: e.picture.name }, null, 8, Ge), e.picture.detail ? (f(), a("span", Ke, ", " + g(e.picture.detail), 1)) : i("", !0)])]), (f(!0), a(t, null, m(d.value, (e) => (f(), a("div", {
-				key: e.picture.id,
-				class: "mwnf-picture-narrative__image"
-			}, [
-				o("button", {
-					type: "button",
-					onClick: (t) => h(e.picture)
-				}, [o("img", {
-					src: e.picture.image,
-					alt: e.picture.imageAlt ?? ""
-				}, null, 8, Je)], 8, qe),
-				o("div", $, [o("span", { innerHTML: e.picture.name }, null, 8, Ye), e.picture.detail ? (f(), a("span", Xe, ", " + g(e.picture.detail), 1)) : i("", !0)]),
-				e.text ? (f(), a("div", Ze, g(e.text), 1)) : i("", !0)
-			]))), 128))])])) : i("", !0),
-			p.value ? (f(), a("div", Qe, [
-				o("div", $e, g(_(l)(e.relatedHeadingEntry)), 1),
-				o("p", et, g(p.value.reciprocalText || _(l)(e.reciprocalFallbackEntry)), 1),
-				o("div", tt, [o("button", {
-					type: "button",
-					onClick: r[0] ||= (e) => h(p.value.picture)
-				}, [o("img", {
-					src: p.value.picture.image,
-					alt: p.value.picture.imageAlt ?? ""
-				}, null, 8, nt)]), o("div", rt, [o("span", { innerHTML: p.value.picture.name }, null, 8, it), p.value.picture.detail ? (f(), a("span", at, ", " + g(p.value.picture.detail), 1)) : i("", !0)])])
-			])) : i("", !0)
-		])) : i("", !0);
-	}
-};
-//#endregion
-export { H as a, ce as i, Ie as n, te as o, pe as r, ot as t };