@museumwnf/viewer-layout 2.15.2 → 2.17.0

package/dist/content-CvUktO-g.js

@@ -0,0 +1,454 @@
+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 };

package/dist/content.js

@@ -1,5 +1,5 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./TimelineLookup-DRc43FkL.js";
-import { a as o, c as s, d as c, f as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b } from "./TimelineEventList-BmfLBaTT.js";
-import { n as x, t as S } from "./BackLink-BJ16COHd.js";
-import { a as C, i as w, n as T, r as E, t as D } from "./content-DUXrQ-l8.js";
-export { S as BackLink, n as DynastyList, i as DynastyPopout, l as FacetSelect, C as FeaturedPartners, e as FeaturedRecord, c as FilterPanel, m as GlossaryPopover, t as GlossaryTool, _ as MediaGallery, g as Pagination, x as PartnerMap, T as PictureGallery, D as PictureNarrative, E as PopupLogo, h as RecordCredits, p as RecordGrid, f as RecordLanguages, u as RecordList, s as RecordSheet, d as RelatedRecords, b as ResultsSummary, r as SectionCards, v as SheetSection, w as SiblingGalleries, o as SourceCredit, y as TimelineEventList, a as TimelineLookup };
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./OnDisplayIn-ZfRUtPd1.js";
+import { _ as c, a as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w } from "./TimelineEventList-D5Hot788.js";
+import { a as T, i as E, n as D, o as O, r as k, t as A } from "./content-CvUktO-g.js";
+import { t as j } from "./BackLink-CYgmd0iX.js";
+export { j as BackLink, n as DynastyList, e as DynastyPopout, _ as FacetSelect, O as FeaturedPartners, o as FeaturedRecord, b as FilterPanel, h as GlossaryPopover, i as GlossaryTool, l as MediaGallery, s as OnDisplayIn, m as Pagination, x as PartnerMap, v as PartnerPanel, k as PictureGallery, D as PictureNarrative, E as PopupLogo, u as RecordCredits, p as RecordGrid, d as RecordLanguages, c as RecordList, w as RecordSheet, r as RelatedMedia, y as RelatedRecords, f as ResultsSummary, t as SectionCards, g as SheetSection, T as SiblingGalleries, S as SourceCredit, A as SpecialFeatures, C as TimelineEventList, a as TimelineLookup };