@museumwnf/viewer-layout 2.14.0 → 2.15.1

package/dist/content-DUXrQ-l8.js

@@ -0,0 +1,353 @@
+import "./TimelineLookup-DRc43FkL.js";
+import { g as e } from "./TimelineEventList-BmfLBaTT.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"
+}, ee = ["src", "alt"], te = { class: "mwnf-featured-partners__body" }, k = { class: "mwnf-featured-partners__name" }, A = { 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: () => []
+		},
+		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;
+			}, F));
+		}
+		return d(S), u(() => _ && clearInterval(_)), (l, u) => n.records.length ? (f(), a("section", T, [
+			o("h2", E, h(l.$t(n.headingEntry)), 1),
+			o("div", D, [(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", O, [o("img", {
+					src: t.logo,
+					alt: t.name,
+					class: "mwnf-featured-partners__logo"
+				}, null, 8, ee)])) : i("", !0), o("span", te, [
+					o("span", k, h(t.name), 1),
+					o("span", A, [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 === g.value]])), 128))]),
+			n.records.length > 1 ? (f(), a("div", N, [(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, 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 };

package/dist/content.js

@@ -1,3 +1,5 @@
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./TimelineLookup-D8qr1tmY.js";
-import { a as x, i as S, n as C, o as w, r as T, s as E, t as D } from "./content-G-g7U3_2.js";
-export { T as BackLink, m as DynastyList, c as DynastyPopout, o as FacetSelect, w as FeaturedPartners, n as FeaturedRecord, s as FilterPanel, f as GlossaryPopover, t as GlossaryTool, h as MediaGallery, e as Pagination, E as PartnerMap, C as PictureGallery, D as PictureNarrative, S as PopupLogo, _ as RecordCredits, v as RecordGrid, p as RecordLanguages, b as RecordList, a as RecordSheet, r as RelatedRecords, u as ResultsSummary, y as SectionCards, i as SheetSection, x as SiblingGalleries, l as SourceCredit, d as TimelineEventList, g as TimelineLookup };
+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 };