@museumwnf/viewer-layout 2.17.0 → 3.0.0

package/dist/Theme-DJeeA6tZ.js

@@ -0,0 +1,319 @@
+import { s as e, y as t } from "./TimelineEventList-BhkWyY5-.js";
+import { o as n } from "./TimelineResultsView-CgGVsJcp.js";
+import { A as r, F as i, h as a, m as o } from "./data-BfyYB8ff.js";
+import { n as s, r as c, t as l } from "./themeSpecs-Bgn-K6R6.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, normalizeClass as v, onMounted as ee, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, vModelCheckbox as w, watch as T, withCtx as E, withDirectives as D } from "vue";
+import { renderBlock as O, useI18n as k } from "@museumwnf/viewer-core";
+import { RouterLink as A, useRoute as te, useRouter as ne } from "vue-router";
+//#region \0rolldown/runtime.js
+var j = Object.defineProperty, M = (e, t) => {
+	let n = {};
+	for (var r in e) j(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || j(n, Symbol.toStringTag, { value: "Module" }), n;
+}, N = { class: "mwnf-picture-gallery" }, re = {
+	key: 0,
+	class: "mwnf-picture-gallery__selected"
+}, P = { class: "mwnf-picture-gallery__image" }, F = ["src", "alt"], I = { class: "mwnf-picture-gallery__details" }, L = { class: "mwnf-picture-gallery__detail mwnf-picture-gallery__detail--title" }, R = { key: 0 }, z = ["innerHTML"], B = {
+	key: 0,
+	class: "mwnf-picture-gallery__label"
+}, V = ["innerHTML"], H = {
+	key: 0,
+	class: "mwnf-picture-gallery__detail"
+}, U = {
+	key: 2,
+	class: "mwnf-picture-gallery__unresolved"
+}, W = {
+	key: 1,
+	class: "mwnf-picture-gallery__empty"
+}, G = {
+	key: 2,
+	class: "mwnf-picture-gallery__strip"
+}, K = { class: "mwnf-picture-gallery__thumbs" }, q = ["onClick"], J = ["src", "alt"], Y = { class: "mwnf-picture-gallery__thumb-text" }, X = { key: 0 }, Z = ["innerHTML"], Q = { key: 1 }, ie = {
+	key: 0,
+	class: "mwnf-picture-gallery__toggle"
+}, ae = {
+	__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(e, { emit: n }) {
+		let r = e, i = n, { t: a } = k(), o = d(() => r.pictures.find((e) => e.id === r.selectedId) ?? null), s = d(() => r.pictures.some((e) => e.backRelated?.length)), c = b(!1);
+		T(() => r.pictures, () => {
+			c.value = !1;
+		});
+		let l = d(() => c.value ? r.pictures : r.pictures.filter((e) => !e.backRelated?.length));
+		function _(e) {
+			i("update:selectedId", e.id);
+		}
+		return (n, r) => (y(), m("div", N, [o.value ? (y(), m("div", re, [h("div", P, [h("img", {
+			src: o.value.image,
+			alt: o.value.imageAlt ?? ""
+		}, null, 8, F)]), h("div", I, [
+			h("div", L, [o.value.imageCaption ? (y(), m("span", R, S(o.value.imageCaption) + ", ", 1)) : p("", !0), h("span", { innerHTML: o.value.name }, null, 8, z)]),
+			(y(!0), m(u, null, x(o.value.fields ?? [], (e, t) => (y(), m("div", {
+				key: t,
+				class: "mwnf-picture-gallery__detail"
+			}, [e.label ? (y(), m("span", B, S(e.label), 1)) : p("", !0), h("span", { innerHTML: e.value }, null, 8, V)]))), 128)),
+			o.value.detail ? (y(), m("div", H, S(o.value.detail), 1)) : p("", !0),
+			o.value.to ? (y(), f(t, {
+				key: 1,
+				class: "mwnf-picture-gallery__link",
+				to: o.value.to
+			}, {
+				default: E(() => [g(S(C(a)(e.seeItemEntry)) + " →", 1)]),
+				_: 1
+			}, 8, ["to"])) : (y(), m("div", U, S(C(a)(e.unresolvedEntry)), 1))
+		])])) : (y(), m("div", W, S(C(a)(e.emptyEntry)), 1)), e.pictures.length ? (y(), m("div", G, [h("ul", K, [(y(!0), m(u, null, x(l.value, (t) => (y(), m("li", {
+			key: t.id,
+			class: v(["mwnf-picture-gallery__thumb", {
+				"mwnf-picture-gallery__thumb--active": t.id === e.selectedId,
+				"mwnf-picture-gallery__thumb--related": t.backRelated?.length
+			}])
+		}, [h("button", {
+			type: "button",
+			onClick: (e) => _(t)
+		}, [h("img", {
+			src: t.image,
+			alt: t.imageAlt ?? "",
+			loading: "lazy"
+		}, null, 8, J)], 8, q), h("div", Y, [
+			t.imageCaption ? (y(), m("span", X, S(t.imageCaption) + ", ", 1)) : p("", !0),
+			h("span", {
+				class: "mwnf-picture-gallery__thumb-name",
+				innerHTML: t.name
+			}, null, 8, Z),
+			t.detail ? (y(), m("span", Q, ", " + S(t.detail), 1)) : p("", !0)
+		])], 2))), 128))]), s.value ? (y(), m("label", ie, [D(h("input", {
+			"onUpdate:modelValue": r[0] ||= (e) => c.value = e,
+			type: "checkbox"
+		}, null, 512), [[w, c.value]]), h("span", null, S(c.value ? C(a)(e.hideRelatedEntry) : C(a)(e.addRelatedEntry)), 1)])) : p("", !0)])) : p("", !0)]));
+	}
+}, $ = {
+	key: 0,
+	class: "mwnf-picture-narrative"
+}, oe = ["innerHTML"], se = {
+	key: 1,
+	class: "mwnf-picture-narrative__related"
+}, ce = { class: "mwnf-picture-narrative__heading" }, le = { class: "mwnf-picture-narrative__images" }, ue = { class: "mwnf-picture-narrative__image mwnf-picture-narrative__image--main" }, de = ["src", "alt"], fe = { class: "mwnf-picture-narrative__thumb-text" }, pe = ["innerHTML"], me = { key: 0 }, he = ["onClick"], ge = ["src", "alt"], _e = { class: "mwnf-picture-narrative__thumb-text" }, ve = ["innerHTML"], ye = { key: 0 }, be = {
+	key: 0,
+	class: "mwnf-picture-narrative__relation"
+}, xe = {
+	key: 2,
+	class: "mwnf-picture-narrative__related"
+}, Se = { class: "mwnf-picture-narrative__heading" }, Ce = { class: "mwnf-picture-narrative__text mwnf-picture-narrative__text--reciprocal" }, we = { class: "mwnf-picture-narrative__image" }, Te = ["src", "alt"], Ee = { class: "mwnf-picture-narrative__thumb-text" }, De = ["innerHTML"], Oe = { key: 0 }, ke = {
+	__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: t }) {
+		let n = e, r = t, { t: i } = k(), a = d(() => n.contextualDescription ? O(n.contextualDescription, { breaks: !0 }) : ""), o = d(() => n.picture?.related ?? []), s = d(() => n.picture?.backRelated?.[0] ?? null);
+		function c(e) {
+			r("select", e.id);
+		}
+		return (t, n) => e.picture ? (y(), m("div", $, [
+			a.value ? (y(), m("div", {
+				key: 0,
+				class: "mwnf-picture-narrative__text mwnf-sheet__block",
+				innerHTML: a.value
+			}, null, 8, oe)) : p("", !0),
+			o.value.length ? (y(), m("div", se, [h("div", ce, S(C(i)(e.relatedHeadingEntry)), 1), h("div", le, [h("div", ue, [h("img", {
+				src: e.picture.image,
+				alt: e.picture.imageAlt ?? ""
+			}, null, 8, de), h("div", fe, [h("span", { innerHTML: e.picture.name }, null, 8, pe), e.picture.detail ? (y(), m("span", me, ", " + S(e.picture.detail), 1)) : p("", !0)])]), (y(!0), m(u, null, x(o.value, (e) => (y(), m("div", {
+				key: e.picture.id,
+				class: "mwnf-picture-narrative__image"
+			}, [
+				h("button", {
+					type: "button",
+					onClick: (t) => c(e.picture)
+				}, [h("img", {
+					src: e.picture.image,
+					alt: e.picture.imageAlt ?? ""
+				}, null, 8, ge)], 8, he),
+				h("div", _e, [h("span", { innerHTML: e.picture.name }, null, 8, ve), e.picture.detail ? (y(), m("span", ye, ", " + S(e.picture.detail), 1)) : p("", !0)]),
+				e.text ? (y(), m("div", be, S(e.text), 1)) : p("", !0)
+			]))), 128))])])) : p("", !0),
+			s.value ? (y(), m("div", xe, [
+				h("div", Se, S(C(i)(e.relatedHeadingEntry)), 1),
+				h("p", Ce, S(s.value.reciprocalText || C(i)(e.reciprocalFallbackEntry)), 1),
+				h("div", we, [h("button", {
+					type: "button",
+					onClick: n[0] ||= (e) => c(s.value.picture)
+				}, [h("img", {
+					src: s.value.picture.image,
+					alt: s.value.picture.imageAlt ?? ""
+				}, null, 8, Te)]), h("div", Ee, [h("span", { innerHTML: s.value.picture.name }, null, 8, De), s.value.picture.detail ? (y(), m("span", Oe, ", " + S(s.value.picture.detail), 1)) : p("", !0)])])
+			])) : p("", !0)
+		])) : p("", !0);
+	}
+}, Ae = /* @__PURE__ */ M({ default: () => He }), je = { class: "mwnf-dxa-theme__heading" }, Me = {
+	key: 0,
+	class: "mwnf-dxa-theme__numeral"
+}, Ne = { class: "mwnf-dxa-theme__subheading" }, Pe = { class: "mwnf-dxa-theme__tour" }, Fe = { key: 1 }, Ie = {
+	key: 0,
+	class: "mwnf-dxa-theme__subthemes"
+}, Le = { class: "mwnf-dxa-theme__subthemes-label" }, Re = { class: "mwnf-dxa-theme__subtheme" }, ze = {
+	key: 0,
+	class: "mwnf-dxa-theme__tour"
+}, Be = {
+	key: 1,
+	class: "mwnf-loader"
+}, Ve = "→", He = {
+	__name: "Theme",
+	props: { aboutMode: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(t) {
+		let w = t, { aboutTheme: D, owningTheme: O, romanFor: j, themeByRouteId: M, themeText: N, useThemePictures: re } = r, { t: P, locale: F } = k(), I = te(), L = ne(), R = d(() => w.aboutMode ? D.value : M(I.params.id)), z = d(() => {
+			let e = I.params.subtheme;
+			if (w.aboutMode || !e || e === "overview") return null;
+			let t = Number(e);
+			return Number.isInteger(t) && t >= 1 ? t : null;
+		}), B = d(() => z.value === null ? null : (R.value?.sub_themes ?? [])[z.value - 1] ?? null), V = d(() => B.value ?? R.value), H = d(() => w.aboutMode ? l : c), U = re(V), W = b(null);
+		function G() {
+			let e = Number(I.params.image);
+			return (U.value.find((t) => t.displayOrder === e) ?? U.value[0])?.id ?? null;
+		}
+		function K() {
+			W.value = G();
+		}
+		ee(K), T(() => [
+			I.params.id,
+			I.params.subtheme,
+			w.aboutMode
+		], K);
+		let q = d(() => U.value.find((e) => e.id === W.value) ?? null);
+		function J(e) {
+			if (W.value = e, w.aboutMode) return;
+			let t = U.value.find((t) => t.id === e);
+			t && L.replace({
+				name: "theme",
+				params: {
+					id: I.params.id,
+					subtheme: I.params.subtheme ?? "overview",
+					image: String(t.displayOrder)
+				}
+			});
+		}
+		let Y = d(() => N(R.value, F.value).title ?? R.value?.internal_name ?? ""), X = d(() => w.aboutMode ? a(F.value) : Y.value), Z = d(() => w.aboutMode ? o(F.value) : B.value ? N(B.value, F.value).title ?? B.value.internal_name ?? "" : P("exhibition.theme.overview")), Q = d(() => j(O(R.value)?.display_order ?? 1)), ie = d(() => !V.value?.id || !q.value?.id ? "" : i("themes", `${V.value.id}/${q.value.id}`, F.value).contextual_description ?? ""), $ = d(() => (R.value?.sub_themes ?? []).map((e, t) => ({
+			index: t + 1,
+			title: N(e, F.value).title ?? e.internal_name ?? "",
+			to: s(e)
+		}))), oe = d(() => R.value ? s(R.value) : null);
+		return (r, i) => V.value ? (y(), f(n, {
+			key: 0,
+			spec: H.value,
+			id: V.value.id,
+			class: v(["mwnf-dxa-theme", { "mwnf-dxa-theme--about": t.aboutMode }])
+		}, {
+			header: E(() => [h("div", je, [Q.value ? (y(), m("span", Me, S(C(P)("exhibition.theme.romanLabel")) + " " + S(Q.value) + " ▪ ", 1)) : p("", !0), g(S(X.value), 1)]), h("div", Ne, S(Z.value), 1)]),
+			panel: E(() => [_(ae, {
+				pictures: C(U),
+				"selected-id": W.value,
+				"onUpdate:selectedId": J
+			}, null, 8, ["pictures", "selected-id"])]),
+			"after-body": E(() => [t.aboutMode ? p("", !0) : (y(), f(ke, {
+				key: 0,
+				picture: q.value,
+				"contextual-description": ie.value,
+				onSelect: J
+			}, null, 8, ["picture", "contextual-description"]))]),
+			navigation: E(({ previous: e, next: t }) => [h("div", Pe, [e ? (y(), f(C(A), {
+				key: 0,
+				to: C(s)(e),
+				class: "mwnf-dxa-theme__tour-link"
+			}, {
+				default: E(() => [g("← " + S(C(P)("exhibition.theme.previous")), 1)]),
+				_: 1
+			}, 8, ["to"])) : (y(), m("span", Fe)), t ? (y(), f(C(A), {
+				key: 2,
+				to: C(s)(t),
+				class: "mwnf-dxa-theme__tour-link"
+			}, {
+				default: E(() => [g(S(C(P)("exhibition.theme.next")) + " " + S(Ve), 1)]),
+				_: 1
+			}, 8, ["to"])) : p("", !0)]), $.value.length ? (y(), m("div", Ie, [
+				h("div", Le, S(C(P)("exhibition.theme.inThisTheme")), 1),
+				h("div", Re, [_(C(A), {
+					to: oe.value,
+					class: v({ "mwnf-dxa-theme__subtheme--current": z.value === null })
+				}, {
+					default: E(() => [g(S(C(P)("exhibition.theme.overview")), 1)]),
+					_: 1
+				}, 8, ["to", "class"])]),
+				(y(!0), m(u, null, x($.value, (e) => (y(), m("div", {
+					key: e.index,
+					class: "mwnf-dxa-theme__subtheme"
+				}, [_(C(A), {
+					to: e.to,
+					class: v({ "mwnf-dxa-theme__subtheme--current": z.value === e.index })
+				}, {
+					default: E(() => [g(S(e.index) + ". " + S(e.title), 1)]),
+					_: 2
+				}, 1032, ["to", "class"])]))), 128))
+			])) : p("", !0)]),
+			after: E(({ next: n }) => [t.aboutMode && n ? (y(), m("div", ze, [i[0] ||= h("span", null, null, -1), _(C(A), {
+				to: C(s)(n),
+				class: "mwnf-dxa-theme__tour-link"
+			}, {
+				default: E(() => [g(S(C(P)("exhibition.theme.next")) + " " + S(Ve), 1)]),
+				_: 1
+			}, 8, ["to"])])) : p("", !0), _(e)]),
+			_: 1
+		}, 8, [
+			"spec",
+			"id",
+			"class"
+		])) : (y(), m("div", Be, S(C(P)("exhibition.theme.notInExhibition")), 1));
+	}
+};
+//#endregion
+export { M as a, ae as i, He as n, ke as r, Ae as t };