@museumwnf/viewer-layout 2.14.0 → 2.15.1

package/dist/content-G-g7U3_2.js

@@ -1,452 +0,0 @@
-import { S as e } from "./TimelineLookup-D8qr1tmY.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, toDisplayString as h, unref as g, vModelCheckbox as _, vShow as v, watch as y, withCtx as b, withDirectives as x } from "vue";
-import { renderBlock as S, renderInline as C, useI18n as w } from "@museumwnf/viewer-core";
-import { useRouter as T } from "vue-router";
-//#region src/content/PartnerMap.vue
-var E = {
-	key: 0,
-	class: "mwnf-partner-map"
-}, D = { class: "mwnf-partner-map__title" }, O = ["src", "title"], ee = { class: "mwnf-partner-map__link" }, te = ["href"], k = {
-	__name: "PartnerMap",
-	props: {
-		latitude: {
-			type: Number,
-			default: null
-		},
-		longitude: {
-			type: Number,
-			default: null
-		},
-		zoom: {
-			type: Number,
-			default: 15
-		},
-		mapTitleEntry: {
-			type: String,
-			default: "partner.map.map"
-		},
-		mapOfEntry: {
-			type: String,
-			default: "partner.map.mapOf"
-		},
-		openMapLinkEntry: {
-			type: String,
-			default: "partner.map.openInOpenStreetMap"
-		},
-		label: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(e) {
-		let t = e, r = n(() => Number.isFinite(t.latitude) && Number.isFinite(t.longitude)), s = n(() => {
-			let e = 360 / 2 ** Math.max(1, Math.min(19, t.zoom || 15)), [n, r] = [t.latitude, t.longitude];
-			return [
-				r - e,
-				n - e / 2,
-				r + e,
-				n + e / 2
-			].join("%2C");
-		}), c = n(() => `https://www.openstreetmap.org/export/embed.html?bbox=${s.value}&layer=mapnik&marker=${t.latitude}%2C${t.longitude}`), l = n(() => `https://www.openstreetmap.org/?mlat=${t.latitude}&mlon=${t.longitude}#map=${t.zoom || 15}/${t.latitude}/${t.longitude}`);
-		return (t, n) => r.value ? (f(), a("div", E, [
-			o("p", D, h(t.$t(e.mapTitleEntry)), 1),
-			o("iframe", {
-				src: c.value,
-				title: e.label ? t.$t(e.mapOfEntry, { label: e.label }) : t.$t(e.mapTitleEntry),
-				loading: "lazy",
-				referrerpolicy: "no-referrer",
-				class: "mwnf-partner-map__embed"
-			}, null, 8, O),
-			o("p", ee, [o("a", {
-				href: l.value,
-				target: "_blank",
-				rel: "noopener"
-			}, "↗ " + h(t.$t(e.openMapLinkEntry)), 9, te)])
-		])) : i("", !0);
-	}
-}, A = {
-	key: 0,
-	class: "mwnf-featured-partners"
-}, j = { class: "mwnf-featured-partners__heading" }, M = { class: "mwnf-featured-partners__carousel" }, N = {
-	key: 0,
-	class: "mwnf-featured-partners__image"
-}, P = ["src", "alt"], F = { class: "mwnf-featured-partners__body" }, I = { class: "mwnf-featured-partners__name" }, L = { class: "mwnf-featured-partners__location" }, R = { key: 0 }, z = { class: "mwnf-featured-partners__description" }, B = {
-	key: 0,
-	class: "mwnf-featured-partners__controls"
-}, V = ["aria-label", "onClick"], H = 8e3, U = {
-	__name: "FeaturedPartners",
-	props: {
-		records: {
-			type: Array,
-			default: () => []
-		},
-		headingEntry: {
-			type: String,
-			default: "partner.featured"
-		}
-	},
-	setup(n) {
-		let l = n, g = p(0), _ = null;
-		function y(e) {
-			g.value = e, S();
-		}
-		function S() {
-			_ && clearInterval(_), l.records.length > 0 && (_ = setInterval(() => {
-				g.value = (g.value + 1) % l.records.length;
-			}, H));
-		}
-		return d(S), u(() => _ && clearInterval(_)), (l, u) => n.records.length ? (f(), a("section", A, [
-			o("h2", j, h(l.$t(n.headingEntry)), 1),
-			o("div", M, [(f(!0), a(t, null, m(n.records, (t, n) => x((f(), r(e, {
-				key: t.id,
-				to: t.route,
-				class: "mwnf-featured-partners__card"
-			}, {
-				default: b(() => [t.logo ? (f(), a("span", N, [o("img", {
-					src: t.logo,
-					alt: t.name,
-					class: "mwnf-featured-partners__logo"
-				}, null, 8, P)])) : i("", !0), o("span", F, [
-					o("span", I, h(t.name), 1),
-					o("span", L, [t.city ? (f(), a("span", R, h(t.city) + ", ", 1)) : i("", !0), s(h(t.country), 1)]),
-					o("span", z, h(t.description), 1)
-				])]),
-				_: 2
-			}, 1032, ["to"])), [[v, n === g.value]])), 128))]),
-			n.records.length > 1 ? (f(), a("div", B, [(f(!0), a(t, null, m(n.records, (e, t) => (f(), a("button", {
-				key: e.id,
-				class: c(["mwnf-featured-partners__bullet", { "mwnf-featured-partners__bullet--active": t === g.value }]),
-				"aria-label": `${l.$t("core.action.show")} ${e.name}`,
-				onClick: (e) => y(t)
-			}, null, 10, V))), 128))])) : i("", !0)
-		])) : i("", !0);
-	}
-}, W = { class: "mwnf-sibling-galleries" }, G = {
-	key: 0,
-	class: "mwnf-sibling-galleries__galleries"
-}, K = { class: "mwnf-sibling-galleries__header" }, q = { class: "mwnf-sibling-galleries__heading" }, J = ["href"], Y = { class: "mwnf-sibling-galleries__grid" }, X = {
-	key: 0,
-	class: "mwnf-sibling-galleries__image"
-}, Z = ["src", "alt"], Q = {
-	key: 1,
-	class: "mwnf-sibling-galleries__image mwnf-sibling-galleries__image--empty"
-}, ne = { class: "mwnf-sibling-galleries__name" }, re = {
-	key: 1,
-	class: "mwnf-sibling-galleries__museums"
-}, ie = { class: "mwnf-sibling-galleries__heading" }, ae = { class: "mwnf-sibling-galleries__museums-grid" }, oe = ["href"], se = { class: "mwnf-sibling-galleries__museum-image" }, ce = { class: "mwnf-sibling-galleries__museum-name" }, le = {
-	__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", W, [n.galleries.length ? (f(), a("div", G, [o("div", K, [o("p", q, h(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"
-		}, h(s.$t(n.seeMoreGalleriesEntry)) + " » ", 9, J)) : i("", !0)]), o("div", Y, [(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: b(() => [t.image ? (f(), a("span", X, [o("img", {
-				src: t.image,
-				alt: t.name
-			}, null, 8, Z)])) : (f(), a("span", Q)), o("p", ne, h(t.name), 1)]),
-			_: 2
-		}, 1032, ["to", "class"]))), 128))])])) : i("", !0), n.museums.length ? (f(), a("div", re, [o("div", ie, h(s.$t(n.museumsHeadingEntry)), 1), o("div", ae, [(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", se, h(e.name.split(" ").map((e) => e[0]).join("")), 1), o("p", ce, h(e.name), 1)], 12, oe))), 128))])])) : i("", !0)]));
-	}
-}, ue = {
-	key: 0,
-	class: "mwnf-popup-logo"
-}, de = ["aria-label"], fe = ["innerHTML"], pe = ["innerHTML"], me = {
-	__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 : C(t.content)), c = n(() => t.enabled && !!t.content && !r.value);
-		return (t, n) => c.value ? (f(), a("div", ue, [o("button", {
-			class: "mwnf-popup-logo__close",
-			"aria-label": t.$t(e.closeLabel),
-			onClick: n[0] ||= (e) => r.value = !0
-		}, "✕", 8, de), e.rawHtml ? (f(), a("div", {
-			key: 0,
-			class: "mwnf-popup-logo__content",
-			innerHTML: s.value
-		}, null, 8, fe)) : (f(), a("div", {
-			key: 1,
-			class: "mwnf-popup-logo__content",
-			innerHTML: s.value
-		}, null, 8, pe))])) : i("", !0);
-	}
-}, he = { class: "mwnf-back-link" }, ge = {
-	__name: "BackLink",
-	props: {
-		label: {
-			type: String,
-			default: "core.action.back"
-		},
-		to: {
-			type: [String, Object],
-			default: null
-		},
-		href: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(t) {
-		let n = T();
-		function i() {
-			return window.history.length > 1;
-		}
-		function o(e) {
-			i() && (e.preventDefault(), n.back());
-		}
-		return (n, c) => (f(), a("div", he, [!i() && (t.to || t.href) ? (f(), r(e, {
-			key: 0,
-			to: t.to,
-			href: t.href,
-			class: "mwnf-back-link__button"
-		}, {
-			default: b(() => [s(" ↩ " + h(n.$t(t.label)), 1)]),
-			_: 1
-		}, 8, ["to", "href"])) : (f(), a("button", {
-			key: 1,
-			class: "mwnf-back-link__button",
-			onClick: o
-		}, " ↩ " + h(n.$t(t.label)), 1))]));
-	}
-}, _e = { class: "mwnf-picture-gallery" }, ve = {
-	key: 0,
-	class: "mwnf-picture-gallery__selected"
-}, ye = { class: "mwnf-picture-gallery__image" }, be = ["src", "alt"], xe = { class: "mwnf-picture-gallery__details" }, Se = { class: "mwnf-picture-gallery__detail mwnf-picture-gallery__detail--title" }, Ce = { key: 0 }, we = ["innerHTML"], Te = {
-	key: 0,
-	class: "mwnf-picture-gallery__label"
-}, Ee = ["innerHTML"], De = {
-	key: 0,
-	class: "mwnf-picture-gallery__detail"
-}, Oe = {
-	key: 2,
-	class: "mwnf-picture-gallery__unresolved"
-}, ke = {
-	key: 1,
-	class: "mwnf-picture-gallery__empty"
-}, Ae = {
-	key: 2,
-	class: "mwnf-picture-gallery__strip"
-}, je = { class: "mwnf-picture-gallery__thumbs" }, Me = ["onClick"], Ne = ["src", "alt"], Pe = { class: "mwnf-picture-gallery__thumb-text" }, Fe = { key: 0 }, Ie = ["innerHTML"], Le = { key: 1 }, Re = {
-	key: 0,
-	class: "mwnf-picture-gallery__toggle"
-}, ze = {
-	__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, v = u, { t: S } = w(), C = n(() => d.pictures.find((e) => e.id === d.selectedId) ?? null), T = n(() => d.pictures.some((e) => e.backRelated?.length)), E = p(!1);
-		y(() => d.pictures, () => {
-			E.value = !1;
-		});
-		let D = n(() => E.value ? d.pictures : d.pictures.filter((e) => !e.backRelated?.length));
-		function O(e) {
-			v("update:selectedId", e.id);
-		}
-		return (n, u) => (f(), a("div", _e, [C.value ? (f(), a("div", ve, [o("div", ye, [o("img", {
-			src: C.value.image,
-			alt: C.value.imageAlt ?? ""
-		}, null, 8, be)]), o("div", xe, [
-			o("div", Se, [C.value.imageCaption ? (f(), a("span", Ce, h(C.value.imageCaption) + ", ", 1)) : i("", !0), o("span", { innerHTML: C.value.name }, null, 8, we)]),
-			(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", Te, h(e.label), 1)) : i("", !0), o("span", { innerHTML: e.value }, null, 8, Ee)]))), 128)),
-			C.value.detail ? (f(), a("div", De, h(C.value.detail), 1)) : i("", !0),
-			C.value.to ? (f(), r(e, {
-				key: 1,
-				class: "mwnf-picture-gallery__link",
-				to: C.value.to
-			}, {
-				default: b(() => [s(h(g(S)(l.seeItemEntry)) + " →", 1)]),
-				_: 1
-			}, 8, ["to"])) : (f(), a("div", Oe, h(g(S)(l.unresolvedEntry)), 1))
-		])])) : (f(), a("div", ke, h(g(S)(l.emptyEntry)), 1)), l.pictures.length ? (f(), a("div", Ae, [o("ul", je, [(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, Ne)], 8, Me), o("div", Pe, [
-			e.imageCaption ? (f(), a("span", Fe, h(e.imageCaption) + ", ", 1)) : i("", !0),
-			o("span", {
-				class: "mwnf-picture-gallery__thumb-name",
-				innerHTML: e.name
-			}, null, 8, Ie),
-			e.detail ? (f(), a("span", Le, ", " + h(e.detail), 1)) : i("", !0)
-		])], 2))), 128))]), T.value ? (f(), a("label", Re, [x(o("input", {
-			"onUpdate:modelValue": u[0] ||= (e) => E.value = e,
-			type: "checkbox"
-		}, null, 512), [[_, E.value]]), o("span", null, h(E.value ? g(S)(l.hideRelatedEntry) : g(S)(l.addRelatedEntry)), 1)])) : i("", !0)])) : i("", !0)]));
-	}
-}, Be = {
-	key: 0,
-	class: "mwnf-picture-narrative"
-}, Ve = ["innerHTML"], He = {
-	key: 1,
-	class: "mwnf-picture-narrative__related"
-}, Ue = { class: "mwnf-picture-narrative__heading" }, We = { class: "mwnf-picture-narrative__images" }, Ge = { class: "mwnf-picture-narrative__image mwnf-picture-narrative__image--main" }, Ke = ["src", "alt"], qe = { class: "mwnf-picture-narrative__thumb-text" }, Je = ["innerHTML"], $ = { key: 0 }, Ye = ["onClick"], Xe = ["src", "alt"], Ze = { class: "mwnf-picture-narrative__thumb-text" }, Qe = ["innerHTML"], $e = { key: 0 }, et = {
-	key: 0,
-	class: "mwnf-picture-narrative__relation"
-}, tt = {
-	key: 2,
-	class: "mwnf-picture-narrative__related"
-}, nt = { class: "mwnf-picture-narrative__heading" }, rt = { class: "mwnf-picture-narrative__text mwnf-picture-narrative__text--reciprocal" }, it = { class: "mwnf-picture-narrative__image" }, at = ["src", "alt"], ot = { class: "mwnf-picture-narrative__thumb-text" }, st = ["innerHTML"], ct = { key: 0 }, lt = {
-	__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 } = w(), u = n(() => s.contextualDescription ? S(s.contextualDescription, { breaks: !0 }) : ""), d = n(() => s.picture?.related ?? []), p = n(() => s.picture?.backRelated?.[0] ?? null);
-		function _(e) {
-			c("select", e.id);
-		}
-		return (n, r) => e.picture ? (f(), a("div", Be, [
-			u.value ? (f(), a("div", {
-				key: 0,
-				class: "mwnf-picture-narrative__text mwnf-sheet__block",
-				innerHTML: u.value
-			}, null, 8, Ve)) : i("", !0),
-			d.value.length ? (f(), a("div", He, [o("div", Ue, h(g(l)(e.relatedHeadingEntry)), 1), o("div", We, [o("div", Ge, [o("img", {
-				src: e.picture.image,
-				alt: e.picture.imageAlt ?? ""
-			}, null, 8, Ke), o("div", qe, [o("span", { innerHTML: e.picture.name }, null, 8, Je), e.picture.detail ? (f(), a("span", $, ", " + h(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) => _(e.picture)
-				}, [o("img", {
-					src: e.picture.image,
-					alt: e.picture.imageAlt ?? ""
-				}, null, 8, Xe)], 8, Ye),
-				o("div", Ze, [o("span", { innerHTML: e.picture.name }, null, 8, Qe), e.picture.detail ? (f(), a("span", $e, ", " + h(e.picture.detail), 1)) : i("", !0)]),
-				e.text ? (f(), a("div", et, h(e.text), 1)) : i("", !0)
-			]))), 128))])])) : i("", !0),
-			p.value ? (f(), a("div", tt, [
-				o("div", nt, h(g(l)(e.relatedHeadingEntry)), 1),
-				o("p", rt, h(p.value.reciprocalText || g(l)(e.reciprocalFallbackEntry)), 1),
-				o("div", it, [o("button", {
-					type: "button",
-					onClick: r[0] ||= (e) => _(p.value.picture)
-				}, [o("img", {
-					src: p.value.picture.image,
-					alt: p.value.picture.imageAlt ?? ""
-				}, null, 8, at)]), o("div", ot, [o("span", { innerHTML: p.value.picture.name }, null, 8, st), p.value.picture.detail ? (f(), a("span", ct, ", " + h(p.value.picture.detail), 1)) : i("", !0)])])
-			])) : i("", !0)
-		])) : i("", !0);
-	}
-};
-//#endregion
-export { le as a, me as i, ze as n, U as o, ge as r, k as s, lt as t };