@museumwnf/viewer-layout 2.16.0 → 2.17.0

package/dist/content-DncTPD5P.js

@@ -1,378 +0,0 @@
-import "./TimelineLookup-D-p1aQ_Z.js";
-import { v as e } from "./TimelineEventList-D5Hot788.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";
-//#region src/content/FeaturedPartners.vue
-var T = {
-	key: 0,
-	class: "mwnf-featured-partners"
-}, E = { class: "mwnf-featured-partners__heading" }, D = { class: "mwnf-featured-partners__carousel" }, O = {
-	key: 0,
-	class: "mwnf-featured-partners__image"
-}, k = ["src", "alt"], A = { class: "mwnf-featured-partners__body" }, ee = { class: "mwnf-featured-partners__name" }, te = { class: "mwnf-featured-partners__location" }, j = { key: 0 }, M = { class: "mwnf-featured-partners__description" }, N = {
-	key: 0,
-	class: "mwnf-featured-partners__controls"
-}, P = ["aria-label", "onClick"], F = 8e3, I = {
-	__name: "FeaturedPartners",
-	props: {
-		records: {
-			type: Array,
-			default: () => []
-		},
-		partners: {
-			type: Array,
-			default: () => []
-		},
-		descriptionLength: {
-			type: Number,
-			default: 420
-		},
-		headingEntry: {
-			type: String,
-			default: "partner.featured"
-		}
-	},
-	setup(l) {
-		let g = l;
-		function _(e) {
-			return String(e ?? "").replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim();
-		}
-		function y(e, t) {
-			if (!e || e.length <= t) return e;
-			let n = e.lastIndexOf(" ", t);
-			return `${e.slice(0, n > 0 ? n : t)}...`;
-		}
-		let S = n(() => g.partners.length ? g.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: y(_(e.description), g.descriptionLength),
-			route: e.route
-		})) : g.records), C = p(0), w = null;
-		function I(e) {
-			C.value = e, L();
-		}
-		function L() {
-			w && clearInterval(w), S.value.length > 0 && (w = setInterval(() => {
-				C.value = (C.value + 1) % S.value.length;
-			}, F));
-		}
-		return d(L), u(() => w && clearInterval(w)), (n, u) => S.value.length ? (f(), a("section", T, [
-			o("h2", E, h(n.$t(l.headingEntry)), 1),
-			o("div", D, [(f(!0), a(t, null, m(S.value, (t, n) => x((f(), r(e, {
-				key: t.id,
-				to: t.route,
-				class: "mwnf-featured-partners__card"
-			}, {
-				default: b(() => [t.logo ? (f(), a("span", O, [o("img", {
-					src: t.logo,
-					alt: t.name,
-					class: "mwnf-featured-partners__logo"
-				}, null, 8, k)])) : i("", !0), o("span", A, [
-					o("span", ee, h(t.name), 1),
-					o("span", te, [t.city ? (f(), a("span", j, h(t.city) + ", ", 1)) : i("", !0), s(h(t.country), 1)]),
-					o("span", M, h(t.description), 1)
-				])]),
-				_: 2
-			}, 1032, ["to"])), [[v, n === C.value]])), 128))]),
-			S.value.length > 1 ? (f(), a("div", N, [(f(!0), a(t, null, m(S.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) => I(t)
-			}, null, 10, P))), 128))])) : i("", !0)
-		])) : i("", !0);
-	}
-}, L = { class: "mwnf-sibling-galleries" }, R = {
-	key: 0,
-	class: "mwnf-sibling-galleries__galleries"
-}, z = { class: "mwnf-sibling-galleries__header" }, B = { class: "mwnf-sibling-galleries__heading" }, V = ["href"], H = { class: "mwnf-sibling-galleries__grid" }, U = {
-	key: 0,
-	class: "mwnf-sibling-galleries__image"
-}, W = ["src", "alt"], G = {
-	key: 1,
-	class: "mwnf-sibling-galleries__image mwnf-sibling-galleries__image--empty"
-}, K = { class: "mwnf-sibling-galleries__name" }, q = {
-	key: 1,
-	class: "mwnf-sibling-galleries__museums"
-}, J = { class: "mwnf-sibling-galleries__heading" }, Y = { class: "mwnf-sibling-galleries__museums-grid" }, X = ["href"], Z = { class: "mwnf-sibling-galleries__museum-image" }, Q = { class: "mwnf-sibling-galleries__museum-name" }, ne = {
-	__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", L, [n.galleries.length ? (f(), a("div", R, [o("div", z, [o("p", B, 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, V)) : i("", !0)]), o("div", H, [(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", U, [o("img", {
-				src: t.image,
-				alt: t.name
-			}, null, 8, W)])) : (f(), a("span", G)), o("p", K, h(t.name), 1)]),
-			_: 2
-		}, 1032, ["to", "class"]))), 128))])])) : i("", !0), n.museums.length ? (f(), a("div", q, [o("div", J, h(s.$t(n.museumsHeadingEntry)), 1), o("div", Y, [(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", Z, h(e.name.split(" ").map((e) => e[0]).join("")), 1), o("p", Q, h(e.name), 1)], 12, X))), 128))])])) : i("", !0)]));
-	}
-}, re = {
-	key: 0,
-	class: "mwnf-popup-logo"
-}, ie = ["aria-label"], ae = ["innerHTML"], oe = ["innerHTML"], se = {
-	__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", re, [o("button", {
-			class: "mwnf-popup-logo__close",
-			"aria-label": t.$t(e.closeLabel),
-			onClick: n[0] ||= (e) => r.value = !0
-		}, "✕", 8, ie), e.rawHtml ? (f(), a("div", {
-			key: 0,
-			class: "mwnf-popup-logo__content",
-			innerHTML: s.value
-		}, null, 8, ae)) : (f(), a("div", {
-			key: 1,
-			class: "mwnf-popup-logo__content",
-			innerHTML: s.value
-		}, null, 8, oe))])) : i("", !0);
-	}
-}, ce = { class: "mwnf-picture-gallery" }, le = {
-	key: 0,
-	class: "mwnf-picture-gallery__selected"
-}, ue = { class: "mwnf-picture-gallery__image" }, de = ["src", "alt"], fe = { class: "mwnf-picture-gallery__details" }, pe = { class: "mwnf-picture-gallery__detail mwnf-picture-gallery__detail--title" }, me = { key: 0 }, he = ["innerHTML"], ge = {
-	key: 0,
-	class: "mwnf-picture-gallery__label"
-}, _e = ["innerHTML"], ve = {
-	key: 0,
-	class: "mwnf-picture-gallery__detail"
-}, ye = {
-	key: 2,
-	class: "mwnf-picture-gallery__unresolved"
-}, be = {
-	key: 1,
-	class: "mwnf-picture-gallery__empty"
-}, xe = {
-	key: 2,
-	class: "mwnf-picture-gallery__strip"
-}, Se = { class: "mwnf-picture-gallery__thumbs" }, Ce = ["onClick"], we = ["src", "alt"], Te = { class: "mwnf-picture-gallery__thumb-text" }, Ee = { key: 0 }, De = ["innerHTML"], Oe = { key: 1 }, ke = {
-	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(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", ce, [C.value ? (f(), a("div", le, [o("div", ue, [o("img", {
-			src: C.value.image,
-			alt: C.value.imageAlt ?? ""
-		}, null, 8, de)]), o("div", fe, [
-			o("div", pe, [C.value.imageCaption ? (f(), a("span", me, h(C.value.imageCaption) + ", ", 1)) : i("", !0), o("span", { innerHTML: C.value.name }, null, 8, he)]),
-			(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", ge, h(e.label), 1)) : i("", !0), o("span", { innerHTML: e.value }, null, 8, _e)]))), 128)),
-			C.value.detail ? (f(), a("div", ve, 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", ye, h(g(S)(l.unresolvedEntry)), 1))
-		])])) : (f(), a("div", be, h(g(S)(l.emptyEntry)), 1)), l.pictures.length ? (f(), a("div", xe, [o("ul", Se, [(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, we)], 8, Ce), o("div", Te, [
-			e.imageCaption ? (f(), a("span", Ee, h(e.imageCaption) + ", ", 1)) : i("", !0),
-			o("span", {
-				class: "mwnf-picture-gallery__thumb-name",
-				innerHTML: e.name
-			}, null, 8, De),
-			e.detail ? (f(), a("span", Oe, ", " + h(e.detail), 1)) : i("", !0)
-		])], 2))), 128))]), T.value ? (f(), a("label", ke, [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)]));
-	}
-}, je = {
-	key: 0,
-	class: "mwnf-picture-narrative"
-}, Me = ["innerHTML"], Ne = {
-	key: 1,
-	class: "mwnf-picture-narrative__related"
-}, Pe = { class: "mwnf-picture-narrative__heading" }, Fe = { class: "mwnf-picture-narrative__images" }, Ie = { class: "mwnf-picture-narrative__image mwnf-picture-narrative__image--main" }, Le = ["src", "alt"], Re = { class: "mwnf-picture-narrative__thumb-text" }, ze = ["innerHTML"], Be = { key: 0 }, Ve = ["onClick"], $ = ["src", "alt"], He = { class: "mwnf-picture-narrative__thumb-text" }, Ue = ["innerHTML"], We = { key: 0 }, Ge = {
-	key: 0,
-	class: "mwnf-picture-narrative__relation"
-}, Ke = {
-	key: 2,
-	class: "mwnf-picture-narrative__related"
-}, qe = { class: "mwnf-picture-narrative__heading" }, Je = { class: "mwnf-picture-narrative__text mwnf-picture-narrative__text--reciprocal" }, Ye = { class: "mwnf-picture-narrative__image" }, Xe = ["src", "alt"], Ze = { class: "mwnf-picture-narrative__thumb-text" }, Qe = ["innerHTML"], $e = { key: 0 }, et = {
-	__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", je, [
-			u.value ? (f(), a("div", {
-				key: 0,
-				class: "mwnf-picture-narrative__text mwnf-sheet__block",
-				innerHTML: u.value
-			}, null, 8, Me)) : i("", !0),
-			d.value.length ? (f(), a("div", Ne, [o("div", Pe, h(g(l)(e.relatedHeadingEntry)), 1), o("div", Fe, [o("div", Ie, [o("img", {
-				src: e.picture.image,
-				alt: e.picture.imageAlt ?? ""
-			}, null, 8, Le), o("div", Re, [o("span", { innerHTML: e.picture.name }, null, 8, ze), e.picture.detail ? (f(), a("span", Be, ", " + 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, $)], 8, Ve),
-				o("div", He, [o("span", { innerHTML: e.picture.name }, null, 8, Ue), e.picture.detail ? (f(), a("span", We, ", " + h(e.picture.detail), 1)) : i("", !0)]),
-				e.text ? (f(), a("div", Ge, h(e.text), 1)) : i("", !0)
-			]))), 128))])])) : i("", !0),
-			p.value ? (f(), a("div", Ke, [
-				o("div", qe, h(g(l)(e.relatedHeadingEntry)), 1),
-				o("p", Je, h(p.value.reciprocalText || g(l)(e.reciprocalFallbackEntry)), 1),
-				o("div", Ye, [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, Xe)]), o("div", Ze, [o("span", { innerHTML: p.value.picture.name }, null, 8, Qe), p.value.picture.detail ? (f(), a("span", $e, ", " + h(p.value.picture.detail), 1)) : i("", !0)])])
-			])) : i("", !0)
-		])) : i("", !0);
-	}
-};
-//#endregion
-export { I as a, ne as i, Ae as n, se as r, et as t };