@museumwnf/viewer-layout 2.16.0 → 2.18.0

package/dist/Theme-Caz0E8w1.js

@@ -0,0 +1,140 @@
+import { p as e } from "./OnDisplayIn-D6r_KvpI.js";
+import { n as t, t as n } from "./PictureNarrative-B_GPQvYP.js";
+import { o as r } from "./TimelineResultsView-CMqrkr9z.js";
+import { A as ee, F as i, h as te, m as ne } from "./data-BfyYB8ff.js";
+import { n as a, r as o, t as s } from "./themeSpecs-Bgn-K6R6.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, normalizeClass as g, onMounted as re, openBlock as _, ref as ie, renderList as v, toDisplayString as y, unref as b, watch as x, withCtx as S } from "vue";
+import { useI18n as C } from "@museumwnf/viewer-core";
+import { RouterLink as w, useRoute as ae, useRouter as oe } from "vue-router";
+//#region \0rolldown/runtime.js
+var T = Object.defineProperty, E = (e, t) => {
+	let n = {};
+	for (var r in e) T(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || T(n, Symbol.toStringTag, { value: "Module" }), n;
+}, D = /* @__PURE__ */ E({ default: () => P }), se = { class: "mwnf-dxa-theme__heading" }, ce = {
+	key: 0,
+	class: "mwnf-dxa-theme__numeral"
+}, le = { class: "mwnf-dxa-theme__subheading" }, ue = { class: "mwnf-dxa-theme__tour" }, de = { key: 1 }, O = {
+	key: 0,
+	class: "mwnf-dxa-theme__subthemes"
+}, k = { class: "mwnf-dxa-theme__subthemes-label" }, A = { class: "mwnf-dxa-theme__subtheme" }, j = {
+	key: 0,
+	class: "mwnf-dxa-theme__tour"
+}, M = {
+	key: 1,
+	class: "mwnf-loader"
+}, N = "→", P = {
+	__name: "Theme",
+	props: { aboutMode: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(T) {
+		let E = T, { aboutTheme: D, owningTheme: P, romanFor: F, themeByRouteId: I, themeText: L, useThemePictures: R } = ee, { t: z, locale: B } = C(), V = ae(), H = oe(), U = l(() => E.aboutMode ? D.value : I(V.params.id)), W = l(() => {
+			let e = V.params.subtheme;
+			if (E.aboutMode || !e || e === "overview") return null;
+			let t = Number(e);
+			return Number.isInteger(t) && t >= 1 ? t : null;
+		}), G = l(() => W.value === null ? null : (U.value?.sub_themes ?? [])[W.value - 1] ?? null), K = l(() => G.value ?? U.value), fe = l(() => E.aboutMode ? s : o), q = R(K), J = ie(null);
+		function pe() {
+			let e = Number(V.params.image);
+			return (q.value.find((t) => t.displayOrder === e) ?? q.value[0])?.id ?? null;
+		}
+		function Y() {
+			J.value = pe();
+		}
+		re(Y), x(() => [
+			V.params.id,
+			V.params.subtheme,
+			E.aboutMode
+		], Y);
+		let X = l(() => q.value.find((e) => e.id === J.value) ?? null);
+		function Z(e) {
+			if (J.value = e, E.aboutMode) return;
+			let t = q.value.find((t) => t.id === e);
+			t && H.replace({
+				name: "theme",
+				params: {
+					id: V.params.id,
+					subtheme: V.params.subtheme ?? "overview",
+					image: String(t.displayOrder)
+				}
+			});
+		}
+		let me = l(() => L(U.value, B.value).title ?? U.value?.internal_name ?? ""), he = l(() => E.aboutMode ? te(B.value) : me.value), ge = l(() => E.aboutMode ? ne(B.value) : G.value ? L(G.value, B.value).title ?? G.value.internal_name ?? "" : z("exhibition.theme.overview")), Q = l(() => F(P(U.value)?.display_order ?? 1)), _e = l(() => !K.value?.id || !X.value?.id ? "" : i("themes", `${K.value.id}/${X.value.id}`, B.value).contextual_description ?? ""), $ = l(() => (U.value?.sub_themes ?? []).map((e, t) => ({
+			index: t + 1,
+			title: L(e, B.value).title ?? e.internal_name ?? "",
+			to: a(e)
+		}))), ve = l(() => U.value ? a(U.value) : null);
+		return (ee, i) => K.value ? (_(), u(r, {
+			key: 0,
+			spec: fe.value,
+			id: K.value.id,
+			class: g(["mwnf-dxa-theme", { "mwnf-dxa-theme--about": T.aboutMode }])
+		}, {
+			header: S(() => [p("div", se, [Q.value ? (_(), f("span", ce, y(b(z)("exhibition.theme.romanLabel")) + " " + y(Q.value) + " ▪ ", 1)) : d("", !0), m(y(he.value), 1)]), p("div", le, y(ge.value), 1)]),
+			panel: S(() => [h(t, {
+				pictures: b(q),
+				"selected-id": J.value,
+				"onUpdate:selectedId": Z
+			}, null, 8, ["pictures", "selected-id"])]),
+			"after-body": S(() => [T.aboutMode ? d("", !0) : (_(), u(n, {
+				key: 0,
+				picture: X.value,
+				"contextual-description": _e.value,
+				onSelect: Z
+			}, null, 8, ["picture", "contextual-description"]))]),
+			navigation: S(({ previous: e, next: t }) => [p("div", ue, [e ? (_(), u(b(w), {
+				key: 0,
+				to: b(a)(e),
+				class: "mwnf-dxa-theme__tour-link"
+			}, {
+				default: S(() => [m("← " + y(b(z)("exhibition.theme.previous")), 1)]),
+				_: 1
+			}, 8, ["to"])) : (_(), f("span", de)), t ? (_(), u(b(w), {
+				key: 2,
+				to: b(a)(t),
+				class: "mwnf-dxa-theme__tour-link"
+			}, {
+				default: S(() => [m(y(b(z)("exhibition.theme.next")) + " " + y(N), 1)]),
+				_: 1
+			}, 8, ["to"])) : d("", !0)]), $.value.length ? (_(), f("div", O, [
+				p("div", k, y(b(z)("exhibition.theme.inThisTheme")), 1),
+				p("div", A, [h(b(w), {
+					to: ve.value,
+					class: g({ "mwnf-dxa-theme__subtheme--current": W.value === null })
+				}, {
+					default: S(() => [m(y(b(z)("exhibition.theme.overview")), 1)]),
+					_: 1
+				}, 8, ["to", "class"])]),
+				(_(!0), f(c, null, v($.value, (e) => (_(), f("div", {
+					key: e.index,
+					class: "mwnf-dxa-theme__subtheme"
+				}, [h(b(w), {
+					to: e.to,
+					class: g({ "mwnf-dxa-theme__subtheme--current": W.value === e.index })
+				}, {
+					default: S(() => [m(y(e.index) + ". " + y(e.title), 1)]),
+					_: 2
+				}, 1032, ["to", "class"])]))), 128))
+			])) : d("", !0)]),
+			after: S(({ next: t }) => [T.aboutMode && t ? (_(), f("div", j, [i[0] ||= p("span", null, null, -1), h(b(w), {
+				to: b(a)(t),
+				class: "mwnf-dxa-theme__tour-link"
+			}, {
+				default: S(() => [m(y(b(z)("exhibition.theme.next")) + " " + y(N), 1)]),
+				_: 1
+			}, 8, ["to"])])) : d("", !0), h(e)]),
+			_: 1
+		}, 8, [
+			"spec",
+			"id",
+			"class"
+		])) : (_(), f("div", M, y(b(z)("exhibition.theme.notInExhibition")), 1));
+	}
+};
+//#endregion
+export { P as n, E as r, D as t };