@museumwnf/viewer-layout 2.14.0 → 2.15.1

package/dist/TimelineEventList-BmfLBaTT.js

@@ -0,0 +1,967 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, getCurrentInstance as c, mergeProps as l, normalizeClass as u, onBeforeUnmount as d, openBlock as f, ref as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useId as y, useSlots as b, vModelText as x, watch as S, withCtx as C, withDirectives as w, withKeys as T, withModifiers as E } from "vue";
+import { useI18n as D } from "@museumwnf/viewer-core/i18n";
+import { sourceUrl as ee } from "@museumwnf/viewer-core";
+import { useRoute as O } from "vue-router";
+//#region src/content/SmartLink.vue
+var te = [
+	"href",
+	"target",
+	"rel"
+], k = {
+	__name: "SmartLink",
+	props: {
+		to: {
+			type: [String, Object],
+			default: null
+		},
+		href: {
+			type: String,
+			default: ""
+		},
+		external: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let r = e, a = c()?.appContext.components.RouterLink ?? null, o = t(() => !!(r.to && a)), s = t(() => r.href || (typeof r.to == "string" ? r.to : ""));
+		return (t, r) => o.value ? (f(), n(g(v(a)), l({
+			key: 0,
+			to: e.to
+		}, t.$attrs), {
+			default: C(() => [h(t.$slots, "default")]),
+			_: 3
+		}, 16, ["to"])) : (f(), i("a", l({
+			key: 1,
+			href: s.value || void 0,
+			target: e.external ? "_blank" : void 0,
+			rel: e.external ? "noopener" : void 0
+		}, t.$attrs), [h(t.$slots, "default")], 16, te));
+	}
+}, ne = ["aria-busy"], A = {
+	key: 0,
+	class: "mwnf-list__status"
+}, j = {
+	key: 1,
+	class: "mwnf-list__rows"
+}, M = { class: "mwnf-list__thumb" }, N = ["src", "alt"], P = { class: "mwnf-list__body" }, F = ["innerHTML"], I = {
+	key: 0,
+	class: "mwnf-list__meta"
+}, L = {
+	key: 0,
+	class: "mwnf-list__badge"
+}, R = {
+	key: 2,
+	class: "mwnf-list__empty"
+}, z = {
+	__name: "RecordList",
+	props: {
+		records: {
+			type: Array,
+			default: () => []
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		loadingText: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(t) {
+		let n = !!b().empty;
+		return (o, c) => (f(), i("div", {
+			class: u(["mwnf-list", { "mwnf-list--loading": t.loading }]),
+			"aria-busy": t.loading ? "true" : void 0
+		}, [t.loading && t.loadingText ? (f(), i("p", A, _(t.loadingText), 1)) : t.records.length ? (f(), i("ul", j, [(f(!0), i(e, null, m(t.records, (t) => (f(), i("li", {
+			key: t.id,
+			class: "mwnf-list__row"
+		}, [s(k, {
+			class: "mwnf-list__link",
+			to: t.to,
+			href: t.href
+		}, {
+			default: C(() => [a("span", M, [t.image ? (f(), i("img", {
+				key: 0,
+				src: t.image,
+				alt: t.imageAlt ?? "",
+				loading: "lazy"
+			}, null, 8, N)) : r("", !0)]), a("span", P, [a("span", {
+				class: "mwnf-list__name",
+				innerHTML: t.name
+			}, null, 8, F), t.meta?.length || t.badge ? (f(), i("span", I, [(f(!0), i(e, null, m(t.meta ?? [], (e, t) => (f(), i("span", {
+				key: t,
+				class: "mwnf-list__meta-item"
+			}, _(e), 1))), 128)), t.badge ? (f(), i("span", L, _(t.badge), 1)) : r("", !0)])) : r("", !0)])]),
+			_: 2
+		}, 1032, ["to", "href"])]))), 128))])) : v(n) ? (f(), i("div", R, [h(o.$slots, "empty")])) : r("", !0)], 10, ne));
+	}
+}, B = ["aria-busy"], V = {
+	key: 0,
+	class: "mwnf-grid__status"
+}, H = {
+	key: 1,
+	class: "mwnf-grid__tiles"
+}, U = ["onMouseenter", "onFocusin"], W = { class: "mwnf-grid__media" }, G = ["src", "alt"], K = {
+	key: 1,
+	class: "mwnf-grid__image mwnf-grid__image--empty",
+	"aria-hidden": "true"
+}, q = { class: "mwnf-grid__card" }, J = ["src"], Y = { class: "mwnf-grid__card-body" }, X = ["innerHTML"], Z = {
+	key: 0,
+	class: "mwnf-grid__badge"
+}, re = {
+	key: 2,
+	class: "mwnf-grid__empty"
+}, Q = {
+	__name: "RecordGrid",
+	props: {
+		records: {
+			type: Array,
+			default: () => []
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		loadingText: {
+			type: String,
+			default: ""
+		},
+		actionLabel: {
+			type: String,
+			default: ""
+		},
+		dateCutoff: {
+			type: Number,
+			default: 80
+		}
+	},
+	setup(t) {
+		let n = t, c = !!b().empty, l = p(null);
+		function d(e) {
+			let t = String(e ?? "");
+			return t.length > n.dateCutoff ? `${t.slice(0, n.dateCutoff - 1)}[...]` : t;
+		}
+		return (n, p) => (f(), i("div", {
+			class: u(["mwnf-grid", { "mwnf-grid--loading": t.loading }]),
+			"aria-busy": t.loading ? "true" : void 0
+		}, [t.loading && t.loadingText ? (f(), i("p", V, _(t.loadingText), 1)) : t.records.length ? (f(), i("ul", H, [(f(!0), i(e, null, m(t.records, (n) => (f(), i("li", {
+			key: n.id,
+			class: u(["mwnf-grid__tile", { "mwnf-grid__tile--hover": l.value === n.id }]),
+			onMouseenter: (e) => l.value = n.id,
+			onMouseleave: p[0] ||= (e) => l.value = null,
+			onFocusin: (e) => l.value = n.id,
+			onFocusout: p[1] ||= (e) => l.value = null
+		}, [a("span", W, [n.image ? (f(), i("img", {
+			key: 0,
+			class: "mwnf-grid__image",
+			src: n.image,
+			alt: n.imageAlt ?? "",
+			loading: "lazy"
+		}, null, 8, G)) : (f(), i("span", K))]), a("div", q, [s(k, {
+			class: "mwnf-grid__card-media",
+			to: n.to,
+			href: n.href,
+			tabindex: "-1",
+			"aria-hidden": "true"
+		}, {
+			default: C(() => [n.image ? (f(), i("img", {
+				key: 0,
+				src: n.image,
+				alt: ""
+			}, null, 8, J)) : r("", !0)]),
+			_: 2
+		}, 1032, ["to", "href"]), a("div", Y, [
+			a("p", {
+				class: "mwnf-grid__name",
+				innerHTML: n.name
+			}, null, 8, X),
+			(f(!0), i(e, null, m(n.meta ?? [], (e, t) => (f(), i("p", {
+				key: t,
+				class: "mwnf-grid__meta"
+			}, _(d(e)), 1))), 128)),
+			n.badge ? (f(), i("p", Z, _(n.badge), 1)) : r("", !0),
+			s(k, {
+				class: "mwnf-grid__action",
+				to: n.to,
+				href: n.href
+			}, {
+				default: C(() => [o(_(t.actionLabel || n.name.replace(/<[^>]+>/g, "")) + " › ", 1)]),
+				_: 2
+			}, 1032, ["to", "href"])
+		])])], 42, U))), 128))])) : v(c) ? (f(), i("div", re, [h(n.$slots, "empty")])) : r("", !0)], 10, B));
+	}
+}, ie = ["aria-label"], ae = ["disabled"], oe = ["disabled"], se = ["aria-current", "onClick"], ce = ["disabled"], le = ["disabled"], ue = { class: "mwnf-pagination__position" }, de = { class: "mwnf-pagination__jump" }, fe = ["max"], pe = {
+	__name: "Pagination",
+	props: {
+		pageInfo: {
+			type: Object,
+			required: !0
+		},
+		window: {
+			type: Number,
+			default: 5
+		},
+		jump: {
+			type: Boolean,
+			default: !1
+		},
+		ends: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["navigate"],
+	setup(n, { emit: s }) {
+		let c = n, l = s, { t: d } = D(), h = t(() => c.pageInfo?.currentPage ?? 1), g = t(() => c.pageInfo?.lastPage ?? 1), y = t(() => {
+			let e = Math.max(1, c.window), t = Math.max(1, h.value - Math.floor(e / 2)), n = Math.min(g.value, t + e - 1);
+			t = Math.max(1, n - e + 1);
+			let r = [];
+			for (let e = t; e <= n; e++) r.push(e);
+			return r;
+		}), b = p(String(h.value));
+		S(h, (e) => {
+			b.value = String(e);
+		});
+		function C(e) {
+			let t = Math.min(Math.max(1, Number.parseInt(e, 10) || 1), g.value);
+			t !== h.value && l("navigate", t);
+		}
+		return (t, s) => g.value > 1 ? (f(), i("nav", {
+			key: 0,
+			class: "mwnf-pagination",
+			"aria-label": v(d)("catalogue.pagination.page")
+		}, [
+			n.ends ? (f(), i("button", {
+				key: 0,
+				type: "button",
+				class: "mwnf-pagination__button",
+				disabled: h.value === 1,
+				onClick: s[0] ||= (e) => C(1)
+			}, " « " + _(v(d)("catalogue.pagination.first")), 9, ae)) : r("", !0),
+			a("button", {
+				type: "button",
+				class: "mwnf-pagination__button",
+				disabled: h.value === 1,
+				onClick: s[1] ||= (e) => C(h.value - 1)
+			}, " ‹ " + _(v(d)("core.pagination.previous")), 9, oe),
+			(f(!0), i(e, null, m(y.value, (e) => (f(), i("button", {
+				key: e,
+				type: "button",
+				class: u(["mwnf-pagination__button mwnf-pagination__number", { "mwnf-pagination__button--active": e === h.value }]),
+				"aria-current": e === h.value ? "page" : void 0,
+				onClick: (t) => C(e)
+			}, _(e), 11, se))), 128)),
+			a("button", {
+				type: "button",
+				class: "mwnf-pagination__button",
+				disabled: h.value === g.value,
+				onClick: s[2] ||= (e) => C(h.value + 1)
+			}, _(v(d)("core.pagination.next")) + " › ", 9, ce),
+			n.ends ? (f(), i("button", {
+				key: 1,
+				type: "button",
+				class: "mwnf-pagination__button",
+				disabled: h.value === g.value,
+				onClick: s[3] ||= (e) => C(g.value)
+			}, _(v(d)("catalogue.pagination.last")) + " » ", 9, le)) : r("", !0),
+			a("span", ue, [n.jump ? (f(), i(e, { key: 0 }, [
+				a("label", de, [a("span", null, _(v(d)("catalogue.pagination.page")), 1), w(a("input", {
+					"onUpdate:modelValue": s[4] ||= (e) => b.value = e,
+					class: "mwnf-pagination__jump-field",
+					type: "number",
+					min: "1",
+					max: g.value,
+					onKeyup: s[5] ||= T((e) => C(b.value), ["enter"])
+				}, null, 40, fe), [[x, b.value]])]),
+				a("span", null, "/ " + _(g.value), 1),
+				a("button", {
+					type: "button",
+					class: "mwnf-pagination__button",
+					onClick: s[6] ||= (e) => C(b.value)
+				}, _(v(d)("catalogue.pagination.go")), 1)
+			], 64)) : (f(), i(e, { key: 1 }, [o(_(h.value) + " / " + _(g.value), 1)], 64))])
+		], 8, ie)) : r("", !0);
+	}
+}, me = ["for"], he = {
+	key: 0,
+	class: "mwnf-facet__label"
+}, ge = [
+	"id",
+	"value",
+	"disabled"
+], _e = {
+	key: 0,
+	value: "",
+	disabled: ""
+}, ve = {
+	key: 1,
+	value: ""
+}, ye = ["value"], be = {
+	__name: "FacetSelect",
+	props: {
+		label: {
+			type: String,
+			default: ""
+		},
+		options: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: {
+			type: [String, Number],
+			default: ""
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		},
+		anyLabel: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		hideEmpty: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: o }) {
+		let s = n, c = o, l = y(), u = t(() => !s.hideEmpty || s.options.length > 0);
+		return (t, o) => u.value ? (f(), i("label", {
+			key: 0,
+			class: "mwnf-facet",
+			for: v(l)
+		}, [n.label ? (f(), i("span", he, _(n.label), 1)) : r("", !0), a("select", {
+			id: v(l),
+			class: "mwnf-facet__select",
+			value: String(n.modelValue ?? ""),
+			disabled: n.disabled,
+			onChange: o[0] ||= (e) => c("update:modelValue", e.target.value)
+		}, [
+			n.placeholder ? (f(), i("option", _e, _(n.placeholder), 1)) : r("", !0),
+			n.anyLabel ? (f(), i("option", ve, _(n.anyLabel), 1)) : r("", !0),
+			(f(!0), i(e, null, m(n.options, (e) => (f(), i("option", {
+				key: e.value,
+				value: String(e.value)
+			}, _(e.label), 9, ye))), 128))
+		], 40, ge)], 8, me)) : r("", !0);
+	}
+}, xe = {
+	key: 0,
+	class: "mwnf-filter__title"
+}, Se = ["disabled"], Ce = { class: "mwnf-filter__actions" }, we = {
+	key: 0,
+	type: "submit",
+	class: "mwnf-filter__button mwnf-filter__button--apply"
+}, Te = {
+	__name: "FilterPanel",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		mode: {
+			type: String,
+			default: "apply"
+		},
+		applyLabel: {
+			type: String,
+			default: ""
+		},
+		resetLabel: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["apply", "reset"],
+	setup(e, { emit: t }) {
+		let n = t, { t: o } = D();
+		return (t, s) => (f(), i("form", {
+			class: u(["mwnf-filter", `mwnf-filter--${e.mode}`]),
+			onSubmit: s[1] ||= E((e) => n("apply"), ["prevent"])
+		}, [
+			e.title ? (f(), i("p", xe, _(e.title), 1)) : r("", !0),
+			a("fieldset", {
+				class: "mwnf-filter__controls",
+				disabled: e.disabled
+			}, [h(t.$slots, "default")], 8, Se),
+			a("div", Ce, [e.mode === "apply" ? (f(), i("button", we, _(e.applyLabel || v(o)("core.action.apply")), 1)) : r("", !0), a("button", {
+				type: "button",
+				class: "mwnf-filter__button mwnf-filter__button--reset",
+				onClick: s[0] ||= (e) => n("reset")
+			}, _(e.resetLabel || v(o)("core.action.reset")), 1)])
+		], 34));
+	}
+}, Ee = {
+	key: 0,
+	class: "mwnf-summary"
+}, De = {
+	key: 0,
+	class: "mwnf-summary__parts"
+}, Oe = {
+	key: 0,
+	class: "mwnf-summary__label"
+}, ke = {
+	key: 1,
+	class: "mwnf-summary__count"
+}, Ae = {
+	key: 2,
+	class: "mwnf-summary__value"
+}, je = {
+	key: 1,
+	class: "mwnf-summary__actions"
+}, Me = {
+	__name: "ResultsSummary",
+	props: { parts: {
+		type: Array,
+		default: () => []
+	} },
+	setup(t) {
+		let n = !!b().actions;
+		return (a, s) => t.parts.length || a.$slots.default || v(n) ? (f(), i("div", Ee, [
+			t.parts.length ? (f(), i("p", De, [(f(!0), i(e, null, m(t.parts, (e, t) => (f(), i("span", {
+				key: t,
+				class: "mwnf-summary__part"
+			}, [
+				e.label ? (f(), i("span", Oe, _(e.label), 1)) : r("", !0),
+				s[0] ||= o(_(" "), -1),
+				e.count == null ? r("", !0) : (f(), i("span", ke, _(e.count), 1)),
+				s[1] ||= o(_(" "), -1),
+				e.value ? (f(), i("span", Ae, _(e.value), 1)) : r("", !0)
+			]))), 128))])) : r("", !0),
+			h(a.$slots, "default"),
+			v(n) ? (f(), i("div", je, [h(a.$slots, "actions")])) : r("", !0)
+		])) : r("", !0);
+	}
+}, Ne = ["aria-label"], Pe = [
+	"aria-pressed",
+	"lang",
+	"onClick"
+], Fe = {
+	__name: "RecordLanguages",
+	props: {
+		languages: {
+			type: Array,
+			default: () => []
+		},
+		language: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["select"],
+	setup(n, { emit: a }) {
+		let o = n, s = a, { t: c } = D(), l = t(() => o.languages.map((e) => typeof e == "string" ? {
+			code: e,
+			label: e.toUpperCase()
+		} : e));
+		return (t, a) => l.value.length > 1 ? (f(), i("div", {
+			key: 0,
+			class: "mwnf-languages",
+			role: "group",
+			"aria-label": v(c)("record.sheet.languages")
+		}, [(f(!0), i(e, null, m(l.value, (e) => (f(), i("button", {
+			key: e.code,
+			type: "button",
+			class: u(["mwnf-languages__button", { "mwnf-languages__button--active": e.code === n.language }]),
+			"aria-pressed": e.code === n.language ? "true" : "false",
+			lang: e.code,
+			onClick: (t) => s("select", e.code)
+		}, _(e.label), 11, Pe))), 128))], 8, Ne)) : r("", !0);
+	}
+}, Ie = ["dir"], Le = { key: 0 }, Re = {
+	class: "mwnf-sheet__label",
+	scope: "row"
+}, ze = { class: "mwnf-sheet__value" }, Be = ["href"], Ve = ["innerHTML"], He = {
+	key: 0,
+	class: "mwnf-sheet__row mwnf-sheet__row--short"
+}, Ue = {
+	class: "mwnf-sheet__label",
+	scope: "row"
+}, We = ["aria-expanded"], Ge = { class: "mwnf-sheet__value" }, Ke = ["innerHTML"], qe = { class: "mwnf-sheet__value" }, Je = ["href"], Ye = ["innerHTML"], Xe = { class: "mwnf-sheet__label mwnf-sheet__label--short" }, Ze = ["aria-expanded"], Qe = { class: "mwnf-sheet__value" }, $e = ["innerHTML"], et = {
+	__name: "RecordSheet",
+	props: {
+		rows: {
+			type: Array,
+			default: () => []
+		},
+		layout: {
+			type: String,
+			default: "table"
+		},
+		dir: {
+			type: String,
+			default: ""
+		},
+		shortDescription: {
+			type: Object,
+			default: null
+		},
+		shortDescriptionAfter: {
+			type: String,
+			default: "description"
+		},
+		shortDescriptionOpen: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		let o = t, { t: s } = D(), c = p(o.shortDescriptionOpen);
+		S(() => o.shortDescription, () => {
+			c.value = o.shortDescriptionOpen;
+		});
+		let l = (e) => e.render === "custom" || e.render === "link";
+		return (o, d) => (f(), i("div", {
+			class: u(["mwnf-sheet", `mwnf-sheet--${t.layout}`]),
+			dir: t.dir || void 0
+		}, [(f(), n(g(t.layout === "list" ? "dl" : "table"), { class: "mwnf-sheet__rows" }, {
+			default: C(() => [t.layout === "list" ? (f(!0), i(e, { key: 1 }, m(t.rows, (n) => (f(), i(e, { key: n.key }, [
+				a("dt", { class: u(["mwnf-sheet__label", `mwnf-sheet__label--${n.key}`]) }, _(n.label), 3),
+				a("dd", qe, [l(n) ? h(o.$slots, n.key, { row: n }, () => [n.render === "link" ? (f(), i("a", {
+					key: 0,
+					href: n.value,
+					target: "_blank",
+					rel: "noopener"
+				}, _(n.value), 9, Je)) : r("", !0)], void 0, 0) : (f(), i("span", {
+					key: 1,
+					class: u(`mwnf-sheet__${n.render}`),
+					innerHTML: n.html
+				}, null, 10, Ye))]),
+				t.shortDescription && n.key === t.shortDescriptionAfter ? (f(), i(e, { key: 0 }, [a("dt", Xe, [a("button", {
+					type: "button",
+					class: "mwnf-sheet__toggle",
+					"aria-expanded": c.value ? "true" : "false",
+					onClick: d[1] ||= (e) => c.value = !c.value
+				}, _(c.value ? v(s)("record.action.hideShortDescription") : v(s)("record.action.viewShortDescription")), 9, Ze)]), a("dd", Qe, [c.value ? (f(), i("div", {
+					key: 0,
+					class: "mwnf-sheet__block",
+					innerHTML: t.shortDescription.html
+				}, null, 8, $e)) : r("", !0)])], 64)) : r("", !0)
+			], 64))), 128)) : (f(), i("tbody", Le, [(f(!0), i(e, null, m(t.rows, (n) => (f(), i(e, { key: n.key }, [a("tr", { class: u(["mwnf-sheet__row", `mwnf-sheet__row--${n.key}`]) }, [a("th", Re, _(n.label), 1), a("td", ze, [l(n) ? h(o.$slots, n.key, { row: n }, () => [n.render === "link" ? (f(), i("a", {
+				key: 0,
+				href: n.value,
+				target: "_blank",
+				rel: "noopener"
+			}, _(n.value), 9, Be)) : r("", !0)], void 0, 0) : (f(), i("span", {
+				key: 1,
+				class: u(`mwnf-sheet__${n.render}`),
+				innerHTML: n.html
+			}, null, 10, Ve))])], 2), t.shortDescription && n.key === t.shortDescriptionAfter ? (f(), i("tr", He, [a("th", Ue, [a("button", {
+				type: "button",
+				class: "mwnf-sheet__toggle",
+				"aria-expanded": c.value ? "true" : "false",
+				onClick: d[0] ||= (e) => c.value = !c.value
+			}, _(c.value ? v(s)("record.action.hideShortDescription") : v(s)("record.action.viewShortDescription")), 9, We)]), a("td", Ge, [c.value ? (f(), i("div", {
+				key: 0,
+				class: "mwnf-sheet__block",
+				innerHTML: t.shortDescription.html
+			}, null, 8, Ke)) : r("", !0)])])) : r("", !0)], 64))), 128))]))]),
+			_: 3
+		}))], 10, Ie));
+	}
+}, tt = ["dir"], nt = {
+	key: 0,
+	class: "mwnf-sheet-section__heading"
+}, rt = ["innerHTML"], it = {
+	__name: "SheetSection",
+	props: {
+		heading: {
+			type: String,
+			default: ""
+		},
+		html: {
+			type: String,
+			default: ""
+		},
+		dir: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(e) {
+		return (t, n) => (f(), i("section", {
+			class: "mwnf-sheet-section",
+			dir: e.dir || void 0
+		}, [
+			e.heading ? (f(), i("h2", nt, _(e.heading), 1)) : r("", !0),
+			e.html ? (f(), i("div", {
+				key: 1,
+				class: "mwnf-sheet-section__body mwnf-sheet__block",
+				innerHTML: e.html
+			}, null, 8, rt)) : r("", !0),
+			h(t.$slots, "default")
+		], 8, tt));
+	}
+}, at = {
+	key: 0,
+	class: "mwnf-credits"
+}, ot = {
+	key: 0,
+	class: "mwnf-credits__heading"
+}, st = {
+	key: 1,
+	class: "mwnf-credits__list"
+}, ct = { class: "mwnf-credits__label" }, lt = { class: "mwnf-credits__value" }, ut = {
+	key: 2,
+	class: "mwnf-credits__number"
+}, dt = {
+	key: 0,
+	class: "mwnf-credits__label"
+}, ft = { class: "mwnf-credits__heading" }, pt = { class: "mwnf-credits__citation" }, mt = {
+	__name: "RecordCredits",
+	props: {
+		credits: {
+			type: Array,
+			default: () => []
+		},
+		workingNumber: {
+			type: String,
+			default: ""
+		},
+		workingNumberLabel: {
+			type: String,
+			default: ""
+		},
+		citation: {
+			type: String,
+			default: ""
+		},
+		heading: {
+			type: String,
+			default: ""
+		},
+		citationHeading: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(n) {
+		let o = n, { t: s } = D(), c = t(() => o.credits.length > 0 || o.workingNumber || o.citation);
+		return (t, o) => c.value ? (f(), i("section", at, [
+			n.credits.length || n.workingNumber ? (f(), i("h2", ot, _(n.heading || v(s)("record.sheet.credits")), 1)) : r("", !0),
+			n.credits.length ? (f(), i("dl", st, [(f(!0), i(e, null, m(n.credits, (t) => (f(), i(e, { key: t.label }, [a("dt", ct, _(t.label), 1), a("dd", lt, _(t.value), 1)], 64))), 128))])) : r("", !0),
+			n.workingNumber ? (f(), i("p", ut, [n.workingNumberLabel ? (f(), i("span", dt, _(n.workingNumberLabel), 1)) : r("", !0), a("strong", null, _(n.workingNumber), 1)])) : r("", !0),
+			n.citation ? (f(), i(e, { key: 3 }, [a("h2", ft, _(n.citationHeading || v(s)("record.citation.heading")), 1), a("p", pt, _(n.citation), 1)], 64)) : r("", !0)
+		])) : r("", !0);
+	}
+}, ht = {
+	key: 0,
+	class: "mwnf-source-credit"
+}, gt = { class: "mwnf-source-credit__label" }, _t = ["href"], vt = {
+	__name: "SourceCredit",
+	props: {
+		route: {
+			type: [Object, String],
+			default: null
+		},
+		labelEntry: {
+			type: String,
+			default: "record.source.label"
+		}
+	},
+	setup(e) {
+		let n = e, { t: s } = D(), c = O(), l = t(() => ee(n.route ?? c));
+		return (t, n) => l.value ? (f(), i("p", ht, [
+			a("span", gt, _(v(s)(e.labelEntry)), 1),
+			n[0] ||= o(),
+			a("a", { href: l.value }, _(l.value), 9, _t)
+		])) : r("", !0);
+	}
+}, yt = {
+	key: 0,
+	class: "mwnf-related"
+}, bt = {
+	key: 0,
+	class: "mwnf-related__heading"
+}, xt = {
+	__name: "RelatedRecords",
+	props: {
+		heading: {
+			type: String,
+			default: ""
+		},
+		records: {
+			type: Array,
+			default: () => []
+		},
+		variant: {
+			type: String,
+			default: "list"
+		},
+		actionLabel: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(e) {
+		return (t, a) => e.records.length || t.$slots.default ? (f(), i("section", yt, [
+			e.heading ? (f(), i("h2", bt, _(e.heading), 1)) : r("", !0),
+			e.variant === "grid" ? (f(), n(Q, {
+				key: 1,
+				records: e.records,
+				"action-label": e.actionLabel
+			}, null, 8, ["records", "action-label"])) : (f(), n(z, {
+				key: 2,
+				records: e.records
+			}, null, 8, ["records"])),
+			h(t.$slots, "default")
+		])) : r("", !0);
+	}
+}, St = ["src", "alt"], Ct = {
+	key: 0,
+	class: "mwnf-media__caption"
+}, wt = { key: 0 }, Tt = {
+	key: 1,
+	class: "mwnf-media__credit"
+}, Et = {
+	key: 2,
+	class: "mwnf-media__credit"
+}, Dt = ["src", "alt"], Ot = {
+	key: 0,
+	class: "mwnf-media__thumbs"
+}, kt = [
+	"aria-pressed",
+	"title",
+	"onClick"
+], At = ["src", "alt"], jt = {
+	key: 1,
+	class: "mwnf-media__caption"
+}, Mt = { key: 0 }, Nt = {
+	key: 1,
+	class: "mwnf-media__credit"
+}, Pt = ["aria-label"], Ft = ["aria-label"], It = ["src", "alt"], Lt = ["aria-label"], Rt = {
+	__name: "MediaGallery",
+	props: {
+		images: {
+			type: Array,
+			default: () => []
+		},
+		start: {
+			type: Number,
+			default: 0
+		},
+		variant: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(n) {
+		let o = n, { t: s } = D(), c = p(Math.min(o.start, Math.max(0, o.images.length - 1)));
+		S(() => o.images, () => {
+			c.value = 0;
+		});
+		let l = t(() => o.images[c.value] ?? null), h = t(() => {
+			let e = [];
+			return l.value?.photographer && e.push(`${s("record.media.photograph")}: ${l.value.photographer}`), l.value?.copyright && e.push(`© ${l.value.copyright}`), e.join(" — ");
+		}), g = p(!1), y = null, b = p(null);
+		function x(e) {
+			c.value = (e + o.images.length) % o.images.length;
+		}
+		function C() {
+			l.value && (y = document.activeElement, g.value = !0, document.addEventListener("keydown", T), requestAnimationFrame(() => b.value?.focus?.()));
+		}
+		function w() {
+			g.value = !1, document.removeEventListener("keydown", T), y?.focus?.(), y = null;
+		}
+		function T(e) {
+			e.key === "Escape" ? w() : e.key === "ArrowRight" ? x(c.value + 1) : e.key === "ArrowLeft" && x(c.value - 1);
+		}
+		return d(() => document.removeEventListener("keydown", T)), (t, o) => n.images.length ? (f(), i("div", {
+			key: 0,
+			class: u(["mwnf-media", n.variant ? `mwnf-media--${n.variant}` : ""])
+		}, [n.variant === "row" ? (f(!0), i(e, { key: 0 }, m(n.images, (e, t) => (f(), i("figure", {
+			key: e.url ?? t,
+			class: "mwnf-media__figure"
+		}, [a("img", {
+			class: "mwnf-media__image",
+			src: e.url,
+			alt: e.alt ?? "",
+			loading: "lazy"
+		}, null, 8, St), e.caption || e.photographer || e.copyright ? (f(), i("figcaption", Ct, [
+			e.caption ? (f(), i("span", wt, _(e.caption), 1)) : r("", !0),
+			e.photographer ? (f(), i("span", Tt, _(v(s)("record.media.photograph")) + ": " + _(e.photographer), 1)) : r("", !0),
+			e.copyright ? (f(), i("span", Et, "© " + _(e.copyright), 1)) : r("", !0)
+		])) : r("", !0)]))), 128)) : (f(), i(e, { key: 1 }, [
+			a("button", {
+				type: "button",
+				class: "mwnf-media__main",
+				onClick: C
+			}, [a("img", {
+				class: "mwnf-media__image",
+				src: l.value.url,
+				alt: l.value.alt ?? ""
+			}, null, 8, Dt)]),
+			n.images.length > 1 ? (f(), i("ul", Ot, [(f(!0), i(e, null, m(n.images, (e, t) => (f(), i("li", { key: e.url ?? t }, [a("button", {
+				type: "button",
+				class: u(["mwnf-media__thumb", { "mwnf-media__thumb--active": t === c.value }]),
+				"aria-pressed": t === c.value ? "true" : "false",
+				title: [e.photographer, e.copyright].filter(Boolean).join(" — ") || void 0,
+				onClick: (e) => x(t)
+			}, [a("img", {
+				src: e.url,
+				alt: e.alt ?? "",
+				loading: "lazy"
+			}, null, 8, At)], 10, kt)]))), 128))])) : r("", !0),
+			l.value.caption || h.value ? (f(), i("p", jt, [l.value.caption ? (f(), i("span", Mt, _(l.value.caption), 1)) : r("", !0), h.value ? (f(), i("span", Nt, _(h.value), 1)) : r("", !0)])) : r("", !0),
+			g.value ? (f(), i("div", {
+				key: 2,
+				class: "mwnf-lightbox",
+				role: "dialog",
+				"aria-modal": "true",
+				onClick: E(w, ["self"])
+			}, [
+				a("button", {
+					ref_key: "closeButton",
+					ref: b,
+					type: "button",
+					class: "mwnf-lightbox__close",
+					"aria-label": v(s)("core.action.close"),
+					onClick: w
+				}, "✕", 8, Pt),
+				n.images.length > 1 ? (f(), i("button", {
+					key: 0,
+					type: "button",
+					class: "mwnf-lightbox__control mwnf-lightbox__control--previous",
+					"aria-label": v(s)("core.pagination.previous"),
+					onClick: o[0] ||= E((e) => x(c.value - 1), ["stop"])
+				}, "‹", 8, Ft)) : r("", !0),
+				a("img", {
+					class: "mwnf-lightbox__image",
+					src: l.value.url,
+					alt: l.value.alt ?? ""
+				}, null, 8, It),
+				n.images.length > 1 ? (f(), i("button", {
+					key: 1,
+					type: "button",
+					class: "mwnf-lightbox__control mwnf-lightbox__control--next",
+					"aria-label": v(s)("core.pagination.next"),
+					onClick: o[1] ||= E((e) => x(c.value + 1), ["stop"])
+				}, "›", 8, Lt)) : r("", !0)
+			])) : r("", !0)
+		], 64))], 2)) : r("", !0);
+	}
+}, zt = ["aria-label", "dir"], Bt = { class: "mwnf-popover__title" }, $ = ["aria-label"], Vt = { class: "mwnf-popover__body" }, Ht = { class: "mwnf-popover__term" }, Ut = ["innerHTML"], Wt = {
+	key: 1,
+	class: "mwnf-popover__definition"
+}, Gt = {
+	__name: "GlossaryPopover",
+	props: {
+		term: {
+			type: Object,
+			default: null
+		},
+		html: {
+			type: String,
+			default: ""
+		},
+		dir: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = e, o = t, { t: s } = D(), c = p(null), l = null;
+		function u() {
+			o("close");
+		}
+		function m(e) {
+			e.key === "Escape" && u();
+		}
+		return S(() => n.term, (e, t) => {
+			e && !t ? (l = document.activeElement, document.addEventListener("keydown", m), requestAnimationFrame(() => c.value?.focus?.())) : !e && t && (document.removeEventListener("keydown", m), l?.focus?.(), l = null);
+		}, { immediate: !0 }), d(() => document.removeEventListener("keydown", m)), (t, n) => e.term ? (f(), i("aside", {
+			key: 0,
+			class: "mwnf-popover",
+			role: "dialog",
+			"aria-label": v(s)("record.glossary.heading"),
+			dir: e.dir || void 0
+		}, [a("div", Bt, [a("span", null, _(v(s)("record.glossary.heading")), 1), a("button", {
+			ref_key: "closeButton",
+			ref: c,
+			type: "button",
+			class: "mwnf-popover__close",
+			"aria-label": v(s)("record.glossary.close"),
+			onClick: u
+		}, "✕", 8, $)]), a("div", Vt, [a("p", Ht, _(e.term.spelling || e.term.word), 1), e.html ? (f(), i("div", {
+			key: 0,
+			class: "mwnf-popover__definition mwnf-sheet__block",
+			innerHTML: e.html
+		}, null, 8, Ut)) : e.term.definition ? (f(), i("p", Wt, _(e.term.definition), 1)) : r("", !0)])], 8, zt)) : r("", !0);
+	}
+}, Kt = {
+	key: 0,
+	class: "mwnf-timeline__rows"
+}, qt = { class: "mwnf-timeline__date" }, Jt = { class: "mwnf-timeline__body" }, Yt = {
+	key: 0,
+	class: "mwnf-timeline__caption"
+}, Xt = ["innerHTML"], Zt = ["innerHTML"], Qt = {
+	key: 2,
+	class: "mwnf-timeline__media"
+}, $t = ["src", "alt"], en = ["innerHTML"], tn = {
+	key: 3,
+	class: "mwnf-timeline__actions"
+}, nn = {
+	key: 1,
+	class: "mwnf-timeline__empty"
+}, rn = {
+	__name: "TimelineEventList",
+	props: { events: {
+		type: Array,
+		default: () => []
+	} },
+	setup(t) {
+		let s = !!b().empty;
+		return (c, l) => t.events.length ? (f(), i("ul", Kt, [(f(!0), i(e, null, m(t.events, (t) => (f(), i("li", {
+			key: t.id,
+			class: "mwnf-timeline__row"
+		}, [a("div", qt, [h(c.$slots, "date", { event: t }, () => [o(_(t.date), 1)])]), a("div", Jt, [
+			t.caption || c.$slots.caption ? (f(), i("div", Yt, [h(c.$slots, "caption", { event: t }, () => [a("span", { innerHTML: t.caption }, null, 8, Xt)])])) : r("", !0),
+			t.description ? (f(), i("div", {
+				key: 1,
+				class: "mwnf-timeline__description mwnf-sheet__block",
+				innerHTML: t.description
+			}, null, 8, Zt)) : r("", !0),
+			t.media?.length || c.$slots.media ? (f(), i("div", Qt, [h(c.$slots, "media", { event: t }, () => [(f(!0), i(e, null, m(t.media ?? [], (e, t) => (f(), n(k, {
+				key: t,
+				class: "mwnf-timeline__media-item",
+				to: e.to,
+				href: e.href
+			}, {
+				default: C(() => [e.image ? (f(), i("img", {
+					key: 0,
+					src: e.image,
+					alt: e.alt ?? "",
+					loading: "lazy"
+				}, null, 8, $t)) : r("", !0), e.caption ? (f(), i("span", {
+					key: 1,
+					class: "mwnf-timeline__media-caption",
+					innerHTML: e.caption
+				}, null, 8, en)) : r("", !0)]),
+				_: 2
+			}, 1032, ["to", "href"]))), 128))])])) : r("", !0),
+			t.actions?.length || c.$slots.actions ? (f(), i("div", tn, [h(c.$slots, "actions", { event: t }, () => [(f(!0), i(e, null, m(t.actions ?? [], (e, t) => (f(), n(k, {
+				key: t,
+				class: "mwnf-timeline__action",
+				to: e.to,
+				href: e.href
+			}, {
+				default: C(() => [o(_(e.label) + " →", 1)]),
+				_: 2
+			}, 1032, ["to", "href"]))), 128))])])) : r("", !0)
+		])]))), 128))])) : v(s) ? (f(), i("div", nn, [h(c.$slots, "empty")])) : r("", !0);
+	}
+};
+//#endregion
+export { vt as a, et as c, Te as d, be as f, k as g, z as h, xt as i, Fe as l, Q as m, Gt as n, mt as o, pe as p, Rt as r, it as s, rn as t, Me as u };