@museumwnf/viewer-layout 2.17.0 → 2.18.0

package/dist/content-CvUktO-g.js

@@ -1,454 +0,0 @@
-import "./OnDisplayIn-ZfRUtPd1.js";
-import { a as e, l as t, v as n } from "./TimelineEventList-D5Hot788.js";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, onMounted as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, vModelCheckbox as y, vShow as b, watch as x, withCtx as S, withDirectives as C } from "vue";
-import { useI18n as w } from "@museumwnf/viewer-core/i18n";
-import { md as T, mdInline as E, renderBlock as D, renderInline as ee, useI18n as O } from "@museumwnf/viewer-core";
-//#region src/content/FeaturedPartners.vue
-var te = {
-	key: 0,
-	class: "mwnf-featured-partners"
-}, k = { class: "mwnf-featured-partners__heading" }, A = { class: "mwnf-featured-partners__carousel" }, j = {
-	key: 0,
-	class: "mwnf-featured-partners__image"
-}, M = ["src", "alt"], N = { class: "mwnf-featured-partners__body" }, P = { class: "mwnf-featured-partners__name" }, F = { class: "mwnf-featured-partners__location" }, I = { key: 0 }, L = { class: "mwnf-featured-partners__description" }, R = {
-	key: 0,
-	class: "mwnf-featured-partners__controls"
-}, z = ["aria-label", "onClick"], B = 8e3, V = {
-	__name: "FeaturedPartners",
-	props: {
-		records: {
-			type: Array,
-			default: () => []
-		},
-		partners: {
-			type: Array,
-			default: () => []
-		},
-		descriptionLength: {
-			type: Number,
-			default: 420
-		},
-		headingEntry: {
-			type: String,
-			default: "partner.featured"
-		}
-	},
-	setup(e) {
-		let t = e;
-		function d(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 y = i(() => t.partners.length ? t.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(d(e.description), t.descriptionLength),
-			route: e.route
-		})) : t.records), x = h(0), w = null;
-		function T(e) {
-			x.value = e, E();
-		}
-		function E() {
-			w && clearInterval(w), y.value.length > 0 && (w = setInterval(() => {
-				x.value = (x.value + 1) % y.value.length;
-			}, B));
-		}
-		return p(E), f(() => w && clearInterval(w)), (t, i) => y.value.length ? (m(), s("section", te, [
-			c("h2", k, _(t.$t(e.headingEntry)), 1),
-			c("div", A, [(m(!0), s(r, null, g(y.value, (e, t) => C((m(), a(n, {
-				key: e.id,
-				to: e.route,
-				class: "mwnf-featured-partners__card"
-			}, {
-				default: S(() => [e.logo ? (m(), s("span", j, [c("img", {
-					src: e.logo,
-					alt: e.name,
-					class: "mwnf-featured-partners__logo"
-				}, null, 8, M)])) : o("", !0), c("span", N, [
-					c("span", P, _(e.name), 1),
-					c("span", F, [e.city ? (m(), s("span", I, _(e.city) + ", ", 1)) : o("", !0), l(_(e.country), 1)]),
-					c("span", L, _(e.description), 1)
-				])]),
-				_: 2
-			}, 1032, ["to"])), [[b, t === x.value]])), 128))]),
-			y.value.length > 1 ? (m(), s("div", R, [(m(!0), s(r, null, g(y.value, (e, n) => (m(), s("button", {
-				key: e.id,
-				class: u(["mwnf-featured-partners__bullet", { "mwnf-featured-partners__bullet--active": n === x.value }]),
-				"aria-label": `${t.$t("core.action.show")} ${e.name}`,
-				onClick: (e) => T(n)
-			}, null, 10, z))), 128))])) : o("", !0)
-		])) : o("", !0);
-	}
-}, H = { class: "mwnf-sibling-galleries" }, U = {
-	key: 0,
-	class: "mwnf-sibling-galleries__galleries"
-}, W = { class: "mwnf-sibling-galleries__header" }, G = { class: "mwnf-sibling-galleries__heading" }, K = ["href"], q = { class: "mwnf-sibling-galleries__grid" }, J = {
-	key: 0,
-	class: "mwnf-sibling-galleries__image"
-}, Y = ["src", "alt"], X = {
-	key: 1,
-	class: "mwnf-sibling-galleries__image mwnf-sibling-galleries__image--empty"
-}, Z = { class: "mwnf-sibling-galleries__name" }, Q = {
-	key: 1,
-	class: "mwnf-sibling-galleries__museums"
-}, ne = { class: "mwnf-sibling-galleries__heading" }, re = { class: "mwnf-sibling-galleries__museums-grid" }, ie = ["href"], ae = { class: "mwnf-sibling-galleries__museum-image" }, oe = { class: "mwnf-sibling-galleries__museum-name" }, se = {
-	__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(e) {
-		return (t, i) => (m(), s("section", H, [e.galleries.length ? (m(), s("div", U, [c("div", W, [c("p", G, _(t.$t(e.galleriesHeadingEntry)), 1), e.seeMoreGalleriesHref ? (m(), s("a", {
-			key: 0,
-			href: e.seeMoreGalleriesHref,
-			target: "_blank",
-			rel: "noopener",
-			class: "mwnf-sibling-galleries__see-more"
-		}, _(t.$t(e.seeMoreGalleriesEntry)) + " » ", 9, K)) : o("", !0)]), c("div", q, [(m(!0), s(r, null, g(e.galleries, (e) => (m(), a(n, {
-			key: e.id,
-			to: e.route,
-			class: u(["mwnf-sibling-galleries__gallery", { "mwnf-sibling-galleries__gallery--no-link": !e.route }])
-		}, {
-			default: S(() => [e.image ? (m(), s("span", J, [c("img", {
-				src: e.image,
-				alt: e.name
-			}, null, 8, Y)])) : (m(), s("span", X)), c("p", Z, _(e.name), 1)]),
-			_: 2
-		}, 1032, ["to", "class"]))), 128))])])) : o("", !0), e.museums.length ? (m(), s("div", Q, [c("div", ne, _(t.$t(e.museumsHeadingEntry)), 1), c("div", re, [(m(!0), s(r, null, g(e.museums, (e) => (m(), s("a", {
-			key: e.name,
-			href: e.href || e.to,
-			target: "_blank",
-			rel: "noopener",
-			class: "mwnf-sibling-galleries__museum",
-			style: d({
-				"--mwnf-museum-bg": e.accent || "var(--mwnf-color-border)",
-				"--mwnf-museum-text": e.textColor || "inherit"
-			})
-		}, [c("div", ae, _(e.name.split(" ").map((e) => e[0]).join("")), 1), c("p", oe, _(e.name), 1)], 12, ie))), 128))])])) : o("", !0)]));
-	}
-}, ce = {
-	key: 0,
-	class: "mwnf-popup-logo"
-}, le = ["aria-label"], ue = ["innerHTML"], de = ["innerHTML"], fe = {
-	__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, n = h(!1), r = i(() => t.rawHtml ? t.content : ee(t.content)), a = i(() => t.enabled && !!t.content && !n.value);
-		return (t, i) => a.value ? (m(), s("div", ce, [c("button", {
-			class: "mwnf-popup-logo__close",
-			"aria-label": t.$t(e.closeLabel),
-			onClick: i[0] ||= (e) => n.value = !0
-		}, "✕", 8, le), e.rawHtml ? (m(), s("div", {
-			key: 0,
-			class: "mwnf-popup-logo__content",
-			innerHTML: r.value
-		}, null, 8, ue)) : (m(), s("div", {
-			key: 1,
-			class: "mwnf-popup-logo__content",
-			innerHTML: r.value
-		}, null, 8, de))])) : o("", !0);
-	}
-}, pe = { class: "mwnf-picture-gallery" }, me = {
-	key: 0,
-	class: "mwnf-picture-gallery__selected"
-}, he = { class: "mwnf-picture-gallery__image" }, ge = ["src", "alt"], _e = { class: "mwnf-picture-gallery__details" }, ve = { class: "mwnf-picture-gallery__detail mwnf-picture-gallery__detail--title" }, ye = { key: 0 }, be = ["innerHTML"], xe = {
-	key: 0,
-	class: "mwnf-picture-gallery__label"
-}, Se = ["innerHTML"], Ce = {
-	key: 0,
-	class: "mwnf-picture-gallery__detail"
-}, we = {
-	key: 2,
-	class: "mwnf-picture-gallery__unresolved"
-}, Te = {
-	key: 1,
-	class: "mwnf-picture-gallery__empty"
-}, Ee = {
-	key: 2,
-	class: "mwnf-picture-gallery__strip"
-}, De = { class: "mwnf-picture-gallery__thumbs" }, Oe = ["onClick"], ke = ["src", "alt"], Ae = { class: "mwnf-picture-gallery__thumb-text" }, je = { key: 0 }, Me = ["innerHTML"], Ne = { key: 1 }, Pe = {
-	key: 0,
-	class: "mwnf-picture-gallery__toggle"
-}, Fe = {
-	__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: t }) {
-		let d = e, f = t, { t: p } = O(), b = i(() => d.pictures.find((e) => e.id === d.selectedId) ?? null), w = i(() => d.pictures.some((e) => e.backRelated?.length)), T = h(!1);
-		x(() => d.pictures, () => {
-			T.value = !1;
-		});
-		let E = i(() => T.value ? d.pictures : d.pictures.filter((e) => !e.backRelated?.length));
-		function D(e) {
-			f("update:selectedId", e.id);
-		}
-		return (t, i) => (m(), s("div", pe, [b.value ? (m(), s("div", me, [c("div", he, [c("img", {
-			src: b.value.image,
-			alt: b.value.imageAlt ?? ""
-		}, null, 8, ge)]), c("div", _e, [
-			c("div", ve, [b.value.imageCaption ? (m(), s("span", ye, _(b.value.imageCaption) + ", ", 1)) : o("", !0), c("span", { innerHTML: b.value.name }, null, 8, be)]),
-			(m(!0), s(r, null, g(b.value.fields ?? [], (e, t) => (m(), s("div", {
-				key: t,
-				class: "mwnf-picture-gallery__detail"
-			}, [e.label ? (m(), s("span", xe, _(e.label), 1)) : o("", !0), c("span", { innerHTML: e.value }, null, 8, Se)]))), 128)),
-			b.value.detail ? (m(), s("div", Ce, _(b.value.detail), 1)) : o("", !0),
-			b.value.to ? (m(), a(n, {
-				key: 1,
-				class: "mwnf-picture-gallery__link",
-				to: b.value.to
-			}, {
-				default: S(() => [l(_(v(p)(e.seeItemEntry)) + " →", 1)]),
-				_: 1
-			}, 8, ["to"])) : (m(), s("div", we, _(v(p)(e.unresolvedEntry)), 1))
-		])])) : (m(), s("div", Te, _(v(p)(e.emptyEntry)), 1)), e.pictures.length ? (m(), s("div", Ee, [c("ul", De, [(m(!0), s(r, null, g(E.value, (t) => (m(), s("li", {
-			key: t.id,
-			class: u(["mwnf-picture-gallery__thumb", {
-				"mwnf-picture-gallery__thumb--active": t.id === e.selectedId,
-				"mwnf-picture-gallery__thumb--related": t.backRelated?.length
-			}])
-		}, [c("button", {
-			type: "button",
-			onClick: (e) => D(t)
-		}, [c("img", {
-			src: t.image,
-			alt: t.imageAlt ?? "",
-			loading: "lazy"
-		}, null, 8, ke)], 8, Oe), c("div", Ae, [
-			t.imageCaption ? (m(), s("span", je, _(t.imageCaption) + ", ", 1)) : o("", !0),
-			c("span", {
-				class: "mwnf-picture-gallery__thumb-name",
-				innerHTML: t.name
-			}, null, 8, Me),
-			t.detail ? (m(), s("span", Ne, ", " + _(t.detail), 1)) : o("", !0)
-		])], 2))), 128))]), w.value ? (m(), s("label", Pe, [C(c("input", {
-			"onUpdate:modelValue": i[0] ||= (e) => T.value = e,
-			type: "checkbox"
-		}, null, 512), [[y, T.value]]), c("span", null, _(T.value ? v(p)(e.hideRelatedEntry) : v(p)(e.addRelatedEntry)), 1)])) : o("", !0)])) : o("", !0)]));
-	}
-}, Ie = {
-	key: 0,
-	class: "mwnf-picture-narrative"
-}, Le = ["innerHTML"], Re = {
-	key: 1,
-	class: "mwnf-picture-narrative__related"
-}, ze = { class: "mwnf-picture-narrative__heading" }, Be = { class: "mwnf-picture-narrative__images" }, Ve = { class: "mwnf-picture-narrative__image mwnf-picture-narrative__image--main" }, He = ["src", "alt"], Ue = { class: "mwnf-picture-narrative__thumb-text" }, We = ["innerHTML"], Ge = { key: 0 }, Ke = ["onClick"], qe = ["src", "alt"], Je = { class: "mwnf-picture-narrative__thumb-text" }, $ = ["innerHTML"], Ye = { key: 0 }, Xe = {
-	key: 0,
-	class: "mwnf-picture-narrative__relation"
-}, Ze = {
-	key: 2,
-	class: "mwnf-picture-narrative__related"
-}, Qe = { class: "mwnf-picture-narrative__heading" }, $e = { class: "mwnf-picture-narrative__text mwnf-picture-narrative__text--reciprocal" }, et = { class: "mwnf-picture-narrative__image" }, tt = ["src", "alt"], nt = { class: "mwnf-picture-narrative__thumb-text" }, rt = ["innerHTML"], it = { key: 0 }, at = {
-	__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, a = t, { t: l } = O(), u = i(() => n.contextualDescription ? D(n.contextualDescription, { breaks: !0 }) : ""), d = i(() => n.picture?.related ?? []), f = i(() => n.picture?.backRelated?.[0] ?? null);
-		function p(e) {
-			a("select", e.id);
-		}
-		return (t, n) => e.picture ? (m(), s("div", Ie, [
-			u.value ? (m(), s("div", {
-				key: 0,
-				class: "mwnf-picture-narrative__text mwnf-sheet__block",
-				innerHTML: u.value
-			}, null, 8, Le)) : o("", !0),
-			d.value.length ? (m(), s("div", Re, [c("div", ze, _(v(l)(e.relatedHeadingEntry)), 1), c("div", Be, [c("div", Ve, [c("img", {
-				src: e.picture.image,
-				alt: e.picture.imageAlt ?? ""
-			}, null, 8, He), c("div", Ue, [c("span", { innerHTML: e.picture.name }, null, 8, We), e.picture.detail ? (m(), s("span", Ge, ", " + _(e.picture.detail), 1)) : o("", !0)])]), (m(!0), s(r, null, g(d.value, (e) => (m(), s("div", {
-				key: e.picture.id,
-				class: "mwnf-picture-narrative__image"
-			}, [
-				c("button", {
-					type: "button",
-					onClick: (t) => p(e.picture)
-				}, [c("img", {
-					src: e.picture.image,
-					alt: e.picture.imageAlt ?? ""
-				}, null, 8, qe)], 8, Ke),
-				c("div", Je, [c("span", { innerHTML: e.picture.name }, null, 8, $), e.picture.detail ? (m(), s("span", Ye, ", " + _(e.picture.detail), 1)) : o("", !0)]),
-				e.text ? (m(), s("div", Xe, _(e.text), 1)) : o("", !0)
-			]))), 128))])])) : o("", !0),
-			f.value ? (m(), s("div", Ze, [
-				c("div", Qe, _(v(l)(e.relatedHeadingEntry)), 1),
-				c("p", $e, _(f.value.reciprocalText || v(l)(e.reciprocalFallbackEntry)), 1),
-				c("div", et, [c("button", {
-					type: "button",
-					onClick: n[0] ||= (e) => p(f.value.picture)
-				}, [c("img", {
-					src: f.value.picture.image,
-					alt: f.value.picture.imageAlt ?? ""
-				}, null, 8, tt)]), c("div", nt, [c("span", { innerHTML: f.value.picture.name }, null, 8, rt), f.value.picture.detail ? (m(), s("span", it, ", " + _(f.value.picture.detail), 1)) : o("", !0)])])
-			])) : o("", !0)
-		])) : o("", !0);
-	}
-}, ot = ["innerHTML"], st = ["innerHTML"], ct = {
-	__name: "SpecialFeatures",
-	props: {
-		features: {
-			type: Array,
-			default: () => []
-		},
-		tr: {
-			type: Function,
-			default: () => ({})
-		},
-		language: {
-			type: String,
-			default: ""
-		},
-		glossary: { default: void 0 },
-		heading: {
-			type: String,
-			default: "sheet.field.specialFeatures"
-		},
-		dir: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(n) {
-		let l = n, { t: u } = w(), d = i(() => [...l.features].sort((e, t) => (e.display_order ?? Infinity) - (t.display_order ?? Infinity)).map((e) => {
-			let t = l.tr(e) ?? {};
-			return {
-				id: e.id,
-				name: E(t.name ?? e.internal_name ?? e.id),
-				meta: [
-					t.location,
-					t.dates,
-					(e.artist_names ?? []).join(", ")
-				].filter(Boolean),
-				description: T(t.description, { glossary: l.glossary }),
-				images: (e.images ?? []).map((e) => ({
-					url: e.url,
-					alt: e.captions?.[l.language] ?? ""
-				}))
-			};
-		}));
-		return (i, l) => d.value.length ? (m(), a(t, {
-			key: 0,
-			heading: n.heading ? v(u)(n.heading) : "",
-			dir: n.dir,
-			class: "mwnf-special-features"
-		}, {
-			default: S(() => [(m(!0), s(r, null, g(d.value, (t) => (m(), s("div", {
-				key: t.id,
-				class: "mwnf-special-features__item"
-			}, [
-				c("h3", {
-					class: "mwnf-special-features__name",
-					innerHTML: t.name
-				}, null, 8, ot),
-				(m(!0), s(r, null, g(t.meta, (e, t) => (m(), s("p", {
-					key: t,
-					class: "mwnf-special-features__meta"
-				}, _(e), 1))), 128)),
-				t.description ? (m(), s("div", {
-					key: 0,
-					class: "mwnf-special-features__description mwnf-sheet__block",
-					innerHTML: t.description
-				}, null, 8, st)) : o("", !0),
-				t.images.length ? (m(), a(e, {
-					key: 1,
-					images: t.images,
-					variant: "row"
-				}, null, 8, ["images"])) : o("", !0)
-			]))), 128))]),
-			_: 1
-		}, 8, ["heading", "dir"])) : o("", !0);
-	}
-};
-//#endregion
-export { se as a, fe as i, at as n, V as o, Fe as r, ct as t };