@museumwnf/viewer-layout 2.17.0 → 2.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@museumwnf/viewer-layout",
-  "version": "2.17.0",
+  "version": "2.18.0",
   "description": "Page structure for MWNF websites: PageShell composing seven optional, token-styled sections, the content components a page is made of, and the composed views a website names instead of writing a page.",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -35,12 +35,12 @@
     "test": "vitest run"
   },
   "peerDependencies": {
-    "@museumwnf/viewer-core": "^2.1.0",
+    "@museumwnf/viewer-core": "^2.3.0",
     "vue": "^3.5.0",
     "vue-router": "^4.5.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@museumwnf/viewer-core": "^2.2.0",
+    "@museumwnf/viewer-core": "^2.3.0",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/test-utils": "^2.4.11",
     "jsdom": "^30.0.1",

package/src/tokens.reference.css

@@ -758,19 +758,21 @@
   /* --mwnf-chip-background: #1c1c1c;                Chip background color (default fallback) */
   /* --mwnf-chip-radius: 0;                          Chip corner radius */
   /* --mwnf-project-ISLandEPM: #ffcc00;               Discover Islamic Art / Exhibitions colours chip */
-  /* --mwnf-project-ISLandEPM-text: #222222;         Discover Islamic Art / Exhibitions chip text */
+  /* --mwnf-project-ISLandEPM-text: #000000;         Discover Islamic Art / Exhibitions chip text */
   /* --mwnf-project-DBA: #001d66;                    Discover Baroque Art chip colour */
   /* --mwnf-project-DBA-text: #ffffff;               Discover Baroque Art chip text */
   /* --mwnf-project-AWE: #900000;                    Sharing History chip colour */
   /* --mwnf-project-AWE-text: #ffffff;               Sharing History chip text */
   /* --mwnf-project-DCA: #6b612b;                    Discover Carpets chip colour */
   /* --mwnf-project-DCA-text: #ffffff;               Discover Carpets chip text */
-  /* --mwnf-project-DGA: #263238;                    Discover Galleries chip colour */
-  /* --mwnf-project-DGA-text: #ffffff;               Discover Galleries chip text */
+  /* --mwnf-project-DGA: #0059bf;                    Discover Glass Art chip colour */
+  /* --mwnf-project-DGA-text: #ffffff;               Discover Glass Art chip text */
   /* --mwnf-project-EXH: #7f01d4;                    Exhibitions chip colour */
   /* --mwnf-project-EXH-text: #ffffff;               Exhibitions chip text */
   /* --mwnf-project-Galleries: #263238;              Galleries chip colour */
   /* --mwnf-project-Galleries-text: #ffffff;         Galleries chip text */
+  /* --mwnf-project-Explore: #006950;                Explore chip colour (a record no project claims) */
+  /* --mwnf-project-Explore-text: #ffffff;           Explore chip text */
 
   /* --mwnf-popout-padding: 1rem;                    Popout box padding */
   /* --mwnf-popout-background: #ffffff;              Popout box background color */
@@ -785,4 +787,11 @@
   /* ---------- DXA family pages (src/dxa/) ---------- */
   /* --mwnf-dxa-heading-color: #1c1c1c;              Partner name / profile heading color */
   /* --mwnf-dxa-band-background: #f0f0f0;            Language switcher / tab strip / timeline-link box background */
+  /* --mwnf-dxa-item-background: #ffffff;            Item page ground (white on a gallery's tinted page) */
+  /* --mwnf-dxa-item-link: var(--mwnf-color-accent); Item sheet value links */
+  /* --mwnf-dxa-theme-background: #ffffff;           Exhibition theme pages: the ground (legacy's secondary colour) */
+  /* --mwnf-dxa-theme-text: #000000;                 Their text and tour links (secondary text colour) */
+  /* --mwnf-dxa-theme-contrast: #64bfd9;             The heading band and link hover (contrast colour) */
+  /* --mwnf-dxa-theme-contrast-text: #000000;        The heading band's text (contrast text colour) */
+  /* --mwnf-dxa-theme-main: #000000;                 The themes page's left half (main colour) */
 }

package/dist/BackLink-CYgmd0iX.js

@@ -1,73 +0,0 @@
-import { v as e } from "./TimelineEventList-D5Hot788.js";
-import { computed as t, createBlock as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, openBlock as o, renderSlot as s, toDisplayString as c, withCtx as l } from "vue";
-import { useRouter as u } from "vue-router";
-//#region src/content/BackLink.vue
-var d = ["href"], f = {
-	class: "mwnf-back-bar__arrow",
-	"aria-hidden": "true"
-}, p = {
-	key: 1,
-	class: "mwnf-back-link"
-}, m = {
-	__name: "BackLink",
-	props: {
-		label: {
-			type: String,
-			default: "core.action.back"
-		},
-		to: {
-			type: [String, Object],
-			default: null
-		},
-		href: {
-			type: String,
-			default: ""
-		},
-		variant: {
-			type: String,
-			default: "button",
-			validator: (e) => ["button", "bar"].includes(e)
-		},
-		arrow: {
-			type: String,
-			default: "←"
-		}
-	},
-	setup(m) {
-		let h = u(), g = m, _ = t(() => !!(g.to || g.href));
-		function v() {
-			return window.history.state?.back != null || !_.value && window.history.length > 1;
-		}
-		function y() {
-			v() && h.back();
-		}
-		let b = t(() => g.to && h ? h.resolve(g.to).href : g.href || (typeof g.to == "string" ? g.to : "") || "#");
-		function x(e) {
-			e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || (v() ? (e.preventDefault(), h.back()) : g.to && h ? (e.preventDefault(), h.push(g.to)) : _.value || e.preventDefault());
-		}
-		return (t, u) => m.variant === "bar" ? (o(), r("a", {
-			key: 0,
-			href: b.value,
-			class: "mwnf-back-bar mwnf-back-bar--link",
-			onClick: x
-		}, [
-			i("span", f, c(m.arrow), 1),
-			u[0] ||= a(),
-			s(t.$slots, "default", {}, () => [a(c(t.$t(m.label)), 1)])
-		], 8, d)) : (o(), r("div", p, [_.value && !v() ? (o(), n(e, {
-			key: 0,
-			to: m.to,
-			href: m.href,
-			class: "mwnf-back-link__button"
-		}, {
-			default: l(() => [a(" ↩ " + c(t.$t(m.label)), 1)]),
-			_: 1
-		}, 8, ["to", "href"])) : (o(), r("button", {
-			key: 1,
-			class: "mwnf-back-link__button",
-			onClick: y
-		}, " ↩ " + c(t.$t(m.label)), 1))]));
-	}
-};
-//#endregion
-export { m as t };

package/dist/OnDisplayIn-ZfRUtPd1.js

@@ -1,547 +0,0 @@
-import { l as e, v as t } from "./TimelineEventList-D5Hot788.js";
-import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, mergeProps as u, normalizeClass as d, openBlock as f, ref as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useSlots as y, vModelSelect as b, vModelText as x, watch as S, withCtx as C, withDirectives as w, withKeys as T } from "vue";
-import { useI18n as E } from "@museumwnf/viewer-core/i18n";
-import { md as D, mdInline as O, searchGlossary as ee } from "@museumwnf/viewer-core";
-//#region src/content/SectionCards.vue
-var k = ["innerHTML"], A = ["innerHTML"], te = {
-	key: 1,
-	class: "mwnf-cards__action"
-}, ne = {
-	key: 0,
-	class: "mwnf-cards__image-container"
-}, j = ["src", "alt"], M = { class: "mwnf-cards__content" }, N = {
-	key: 0,
-	class: "mwnf-cards__number"
-}, P = ["innerHTML"], F = ["innerHTML"], I = {
-	key: 0,
-	class: "mwnf-cards__image-container"
-}, L = ["src", "alt"], R = {
-	key: 1,
-	class: "mwnf-cards__number"
-}, z = ["innerHTML"], B = {
-	key: 3,
-	class: "mwnf-cards__details"
-}, V = { class: "mwnf-cards__summary" }, H = {
-	key: 0,
-	class: "mwnf-cards__number"
-}, U = ["innerHTML"], W = {
-	key: 0,
-	class: "mwnf-cards__children"
-}, G = {
-	__name: "SectionCards",
-	props: {
-		cards: {
-			type: Array,
-			default: () => []
-		},
-		variant: {
-			type: String,
-			default: "cards",
-			validate: (e) => [
-				"cards",
-				"rows",
-				"covers",
-				"accordion"
-			].includes(e)
-		}
-	},
-	setup(e) {
-		return (r, u) => e.cards.length ? (f(), o("ul", {
-			key: 0,
-			class: d(["mwnf-cards", `mwnf-cards--${e.variant}`])
-		}, [(f(!0), o(n, null, m(e.cards, (r) => (f(), o("li", {
-			key: r.href ?? r.title,
-			class: d(["mwnf-cards__card"])
-		}, [e.variant === "cards" ? (f(), i(t, {
-			key: 0,
-			class: "mwnf-cards__link",
-			to: r.to,
-			href: r.href
-		}, {
-			default: C(() => [
-				s("span", {
-					class: "mwnf-cards__title",
-					innerHTML: v(O)(r.title)
-				}, null, 8, k),
-				r.description ? (f(), o("span", {
-					key: 0,
-					class: "mwnf-cards__text",
-					innerHTML: v(O)(r.description)
-				}, null, 8, A)) : a("", !0),
-				r.action ? (f(), o("span", te, _(r.action) + " →", 1)) : a("", !0)
-			]),
-			_: 2
-		}, 1032, ["to", "href"])) : e.variant === "rows" ? (f(), i(t, {
-			key: 1,
-			class: "mwnf-cards__link",
-			to: r.to,
-			href: r.href
-		}, {
-			default: C(() => [r.image ? (f(), o("div", ne, [s("img", {
-				class: "mwnf-cards__image",
-				src: r.image,
-				alt: r.alt || ""
-			}, null, 8, j)])) : a("", !0), s("div", M, [
-				r.number ? (f(), o("span", N, _(r.number), 1)) : a("", !0),
-				s("span", {
-					class: "mwnf-cards__title",
-					innerHTML: v(O)(r.title)
-				}, null, 8, P),
-				r.description ? (f(), o("span", {
-					key: 1,
-					class: "mwnf-cards__text",
-					innerHTML: v(O)(r.description)
-				}, null, 8, F)) : a("", !0)
-			])]),
-			_: 2
-		}, 1032, ["to", "href"])) : e.variant === "covers" ? (f(), i(t, {
-			key: 2,
-			class: "mwnf-cards__link",
-			to: r.to,
-			href: r.href
-		}, {
-			default: C(() => [
-				r.image ? (f(), o("div", I, [s("img", {
-					class: "mwnf-cards__image",
-					src: r.image,
-					alt: r.alt || ""
-				}, null, 8, L)])) : a("", !0),
-				r.number ? (f(), o("span", R, _(r.number), 1)) : a("", !0),
-				s("span", {
-					class: "mwnf-cards__title",
-					innerHTML: v(O)(r.title)
-				}, null, 8, z)
-			]),
-			_: 2
-		}, 1032, ["to", "href"])) : e.variant === "accordion" ? (f(), o("details", B, [s("summary", V, [r.number ? (f(), o("span", H, _(r.number), 1)) : a("", !0), s("span", {
-			class: "mwnf-cards__title",
-			innerHTML: v(O)(r.title)
-		}, null, 8, U)]), r.children?.length ? (f(), o("ul", W, [(f(!0), o(n, null, m(r.children, (e) => (f(), o("li", {
-			key: e.href ?? e.title,
-			class: "mwnf-cards__child"
-		}, [l(t, {
-			class: "mwnf-cards__child-link",
-			to: e.to,
-			href: e.href
-		}, {
-			default: C(() => [c(_(e.title), 1)]),
-			_: 2
-		}, 1032, ["to", "href"])]))), 128))])) : a("", !0)])) : a("", !0)]))), 128))], 2)) : a("", !0);
-	}
-}, K = {
-	key: 0,
-	class: "mwnf-featured"
-}, q = {
-	key: 0,
-	class: "mwnf-featured__heading"
-}, J = {
-	key: 0,
-	class: "mwnf-featured__media"
-}, Y = ["src", "alt"], X = { class: "mwnf-featured__body" }, Z = {
-	key: 0,
-	class: "mwnf-featured__eyebrow"
-}, re = ["innerHTML"], ie = {
-	key: 1,
-	class: "mwnf-featured__action"
-}, ae = {
-	__name: "FeaturedRecord",
-	props: {
-		image: {
-			type: String,
-			default: ""
-		},
-		imageAlt: {
-			type: String,
-			default: ""
-		},
-		eyebrow: {
-			type: String,
-			default: ""
-		},
-		name: {
-			type: String,
-			default: ""
-		},
-		meta: {
-			type: Array,
-			default: () => []
-		},
-		action: {
-			type: String,
-			default: ""
-		},
-		to: {
-			type: [String, Object],
-			default: null
-		},
-		href: {
-			type: String,
-			default: ""
-		},
-		heading: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(e) {
-		let i = e, c = y(), u = r(() => !!(i.name || i.image || c.default));
-		return (r, i) => u.value ? (f(), o("section", K, [e.heading ? (f(), o("h2", q, _(e.heading), 1)) : a("", !0), h(r.$slots, "default", {}, () => [l(t, {
-			class: "mwnf-featured__link",
-			to: e.to,
-			href: e.href
-		}, {
-			default: C(() => [e.image ? (f(), o("span", J, [s("img", {
-				class: "mwnf-featured__image",
-				src: e.image,
-				alt: e.imageAlt,
-				loading: "eager"
-			}, null, 8, Y)])) : a("", !0), s("span", X, [
-				e.eyebrow ? (f(), o("span", Z, _(e.eyebrow), 1)) : a("", !0),
-				s("span", {
-					class: "mwnf-featured__name",
-					innerHTML: e.name
-				}, null, 8, re),
-				(f(!0), o(n, null, m(e.meta, (e, t) => (f(), o("span", {
-					key: t,
-					class: "mwnf-featured__meta"
-				}, _(e), 1))), 128)),
-				e.action ? (f(), o("span", ie, _(e.action) + " →", 1)) : a("", !0)
-			])]),
-			_: 1
-		}, 8, ["to", "href"])])])) : a("", !0);
-	}
-}, oe = ["dir"], se = { class: "mwnf-glossary-tool__toggle" }, ce = { class: "mwnf-glossary-tool__panel" }, le = { class: "mwnf-glossary-tool__heading" }, ue = { class: "mwnf-glossary-tool__instructions" }, de = ["aria-expanded", "aria-label"], fe = {
-	key: 0,
-	class: "mwnf-glossary-tool__hits",
-	role: "listbox"
-}, pe = [
-	"aria-selected",
-	"onClick",
-	"onKeydown"
-], me = {
-	key: 1,
-	class: "mwnf-glossary-tool__no-results"
-}, he = {
-	key: 2,
-	class: "mwnf-glossary-tool__definition"
-}, ge = { class: "mwnf-glossary-tool__definition-label" }, _e = ["innerHTML"], ve = {
-	__name: "GlossaryTool",
-	props: {
-		language: {
-			type: String,
-			default: ""
-		},
-		entity: {
-			type: String,
-			default: "glossary"
-		},
-		labels: {
-			type: Object,
-			default: () => ({})
-		},
-		dir: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(e) {
-		let t = e, i = {
-			tool: "record.glossary.tool",
-			heading: "record.glossary.heading",
-			instructions: "record.glossary.instructions",
-			definition: "record.glossary.definition",
-			close: "record.glossary.close",
-			...t.labels
-		}, { t: c } = E(), l = p(""), u = p(null), h = p(-1), g = r(() => l.value.trim() ? ee(l.value, t.language, { entity: t.entity }) : []), y = r(() => g.value.length > 0 && !u.value), b = r(() => u.value ? D(u.value.definition) : ""), S = r(() => i.noResults ? c(i.noResults) : ""), C = r(() => !!S.value && l.value.trim() && !u.value && g.value.length === 0);
-		function O() {
-			u.value = null, h.value = -1;
-		}
-		function k(e) {
-			u.value = e, l.value = e.spelling, h.value = -1;
-		}
-		function A(e) {
-			y.value && (e.key === "ArrowDown" ? (e.preventDefault(), h.value = (h.value + 1) % g.value.length) : e.key === "ArrowUp" ? (e.preventDefault(), h.value = (h.value - 1 + g.value.length) % g.value.length) : e.key === "Enter" && h.value >= 0 ? (e.preventDefault(), k(g.value[h.value])) : e.key === "Escape" && (h.value = -1));
-		}
-		return (t, r) => (f(), o("details", {
-			class: "mwnf-glossary-tool",
-			dir: e.dir || void 0
-		}, [s("summary", se, _(v(c)(i.tool)), 1), s("div", ce, [
-			s("p", le, _(v(c)(i.heading)), 1),
-			s("p", ue, _(v(c)(i.instructions)), 1),
-			w(s("input", {
-				"onUpdate:modelValue": r[0] ||= (e) => l.value = e,
-				type: "text",
-				class: "mwnf-glossary-tool__input",
-				role: "combobox",
-				"aria-autocomplete": "list",
-				"aria-expanded": y.value,
-				"aria-label": v(c)(i.heading),
-				onInput: O,
-				onKeydown: A
-			}, null, 40, de), [[x, l.value]]),
-			y.value ? (f(), o("ul", fe, [(f(!0), o(n, null, m(g.value, (e, t) => (f(), o("li", {
-				key: e.id,
-				role: "option",
-				"aria-selected": t === h.value,
-				tabindex: "0",
-				class: d(["mwnf-glossary-tool__hit", { "mwnf-glossary-tool__hit--active": t === h.value }]),
-				onClick: (t) => k(e),
-				onKeydown: T((t) => k(e), ["enter"])
-			}, _(e.spelling), 43, pe))), 128))])) : C.value ? (f(), o("p", me, _(S.value), 1)) : a("", !0),
-			u.value ? (f(), o("div", he, [s("p", ge, _(v(c)(i.definition)), 1), s("div", {
-				class: "mwnf-sheet__block",
-				innerHTML: b.value
-			}, null, 8, _e)])) : a("", !0)
-		])], 8, oe));
-	}
-}, ye = ["dir"], be = ["innerHTML"], xe = { class: "mwnf-dynasty__body" }, Se = { class: "mwnf-dynasty__eyebrow" }, Ce = {
-	key: 0,
-	class: "mwnf-dynasty__field"
-}, we = { class: "mwnf-dynasty__label" }, Te = {
-	key: 1,
-	class: "mwnf-dynasty__field"
-}, Ee = { class: "mwnf-dynasty__label" }, De = {
-	key: 2,
-	class: "mwnf-dynasty__dates"
-}, Oe = {
-	key: 3,
-	class: "mwnf-dynasty__history"
-}, ke = { class: "mwnf-dynasty__label" }, Ae = ["innerHTML"], Q = {
-	__name: "DynastyPopout",
-	props: {
-		dynasty: {
-			type: Object,
-			required: !0
-		},
-		text: {
-			type: Object,
-			default: () => ({})
-		},
-		dir: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(e) {
-		let t = e, { t: n } = E(), i = r(() => {
-			let { from_ad: e, to_ad: n, from_ah: r, to_ah: i } = t.dynasty ?? {};
-			return e == null && n == null ? "" : `${r != null || i != null ? `AH ${r ?? "?"}–${i ?? "?"} / ` : ""}AD ${e ?? "?"}–${n ?? "?"}`;
-		});
-		return (t, r) => (f(), o("details", {
-			class: "mwnf-dynasty",
-			dir: e.dir || void 0
-		}, [s("summary", {
-			class: "mwnf-dynasty__summary",
-			innerHTML: v(O)(e.text.name || e.dynasty.id)
-		}, null, 8, be), s("div", xe, [
-			s("p", Se, _(v(n)("record.dynasty.heading")), 1),
-			e.text.also_known_as ? (f(), o("p", Ce, [s("span", we, _(v(n)("sheet.field.alsoKnownAs")) + ":", 1), c(" " + _(e.text.also_known_as), 1)])) : a("", !0),
-			e.text.area ? (f(), o("p", Te, [s("span", Ee, _(v(n)("sheet.field.area")) + ":", 1), c(" " + _(e.text.area), 1)])) : a("", !0),
-			i.value ? (f(), o("p", De, _(i.value), 1)) : a("", !0),
-			e.text.history ? (f(), o("div", Oe, [s("p", ke, _(v(n)("sheet.field.history")), 1), s("div", {
-				class: "mwnf-sheet__block",
-				innerHTML: v(D)(e.text.history)
-			}, null, 8, Ae)])) : a("", !0)
-		])], 8, ye));
-	}
-}, je = ["dir"], Me = {
-	key: 0,
-	class: "mwnf-dynasty-list__heading"
-}, Ne = {
-	__name: "DynastyList",
-	props: {
-		heading: {
-			type: String,
-			default: ""
-		},
-		dynasties: {
-			type: Array,
-			default: () => []
-		},
-		tr: {
-			type: Function,
-			default: null
-		},
-		dir: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(e) {
-		return (t, r) => e.dynasties.length ? (f(), o("section", {
-			key: 0,
-			class: "mwnf-dynasty-list",
-			dir: e.dir || void 0
-		}, [e.heading ? (f(), o("h2", Me, _(e.heading), 1)) : a("", !0), (f(!0), o(n, null, m(e.dynasties, (t) => (f(), i(Q, {
-			key: t.id,
-			dynasty: t,
-			text: e.tr ? e.tr(t) : t,
-			dir: e.dir
-		}, null, 8, [
-			"dynasty",
-			"text",
-			"dir"
-		]))), 128))], 8, je)) : a("", !0);
-	}
-}, Pe = { class: "mwnf-sheet-timeline" }, Fe = {
-	key: 0,
-	class: "mwnf-sheet-timeline__popout",
-	dir: "ltr"
-}, Ie = ["aria-label"], Le = { class: "mwnf-sheet-timeline__title" }, Re = { class: "mwnf-sheet-timeline__option" }, ze = ["value"], Be = { class: "mwnf-sheet-timeline__scroll" }, Ve = { class: "mwnf-sheet-timeline__subheader" }, $ = {
-	key: 0,
-	class: "mwnf-sheet-timeline__empty"
-}, He = { class: "mwnf-sheet-timeline__date" }, Ue = ["innerHTML"], We = {
-	__name: "TimelineLookup",
-	props: { info: {
-		type: Object,
-		required: !0
-	} },
-	setup(e) {
-		let i = e, { t: u } = E(), d = p(!1), h = p(i.info.defaultCountry ? i.info.defaultCountry() : "all");
-		S(() => i.info, (e) => {
-			h.value = e.defaultCountry ? e.defaultCountry() : "all";
-		});
-		let g = r(() => i.info.range ?? [null, null]), y = r(() => i.info.events(h.value)), x = r(() => i.info.countries.find((e) => e.value === h.value)?.label ?? ""), T = (e) => i.info.era ? i.info.era(e) : String(e ?? "");
-		return (r, i) => (f(), o("div", Pe, [s("p", {
-			class: "mwnf-sheet-timeline__trigger",
-			onClick: i[0] ||= (e) => d.value = !d.value
-		}, "➤ " + _(v(u)(e.info.trigger ?? "record.related.timelineForItem")), 1), d.value ? (f(), o("div", Fe, [
-			s("button", {
-				type: "button",
-				class: "mwnf-sheet-timeline__close",
-				"aria-label": v(u)("core.action.close"),
-				onClick: i[1] ||= (e) => d.value = !1
-			}, "✕", 8, Ie),
-			s("p", Le, _(v(u)(e.info.heading)), 1),
-			s("div", Re, [w(s("select", {
-				"onUpdate:modelValue": i[2] ||= (e) => h.value = e,
-				class: "mwnf-sheet-timeline__select"
-			}, [(f(!0), o(n, null, m(e.info.countries, (e) => (f(), o("option", {
-				key: e.value,
-				value: e.value
-			}, _(e.label), 9, ze))), 128))], 512), [[b, h.value]]), l(t, {
-				class: "mwnf-sheet-timeline__link",
-				to: e.info.searchTo(h.value, g.value)
-			}, {
-				default: C(() => [c("➤ " + _(v(u)("timeline.action.beginFullSearch")), 1)]),
-				_: 1
-			}, 8, ["to"])]),
-			s("div", Be, [
-				s("p", Ve, _(x.value) + ", " + _(T(g.value[0])) + " – " + _(T(g.value[1])), 1),
-				y.value.length ? a("", !0) : (f(), o("p", $, _(v(u)("timeline.results.noEvents")), 1)),
-				(f(!0), o(n, null, m(y.value, (e, t) => (f(), o("div", {
-					key: e.id ?? t,
-					class: "mwnf-sheet-timeline__event"
-				}, [s("div", He, _(T(e.year_from)), 1), s("div", {
-					class: "mwnf-sheet-timeline__description",
-					innerHTML: v(D)(e.text.description)
-				}, null, 8, Ue)]))), 128))
-			])
-		])) : a("", !0)]));
-	}
-}, Ge = ["href"], Ke = {
-	key: 0,
-	class: "mwnf-related-media__description"
-}, qe = {
-	__name: "RelatedMedia",
-	props: {
-		media: {
-			type: Array,
-			default: () => []
-		},
-		language: {
-			type: String,
-			default: ""
-		},
-		descriptions: {
-			type: Boolean,
-			default: !0
-		},
-		heading: {
-			type: String,
-			default: "record.related.audioVideo"
-		},
-		dir: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(t) {
-		let c = t, { t: l } = E(), u = r(() => {
-			let e = c.media.filter((e) => e?.url);
-			if (!c.language) return e;
-			let t = e.filter((e) => e.language === c.language);
-			return t.length ? t : e;
-		});
-		return (r, c) => u.value.length ? (f(), i(e, {
-			key: 0,
-			heading: t.heading ? v(l)(t.heading) : "",
-			dir: t.dir,
-			class: "mwnf-related-media"
-		}, {
-			default: C(() => [(f(!0), o(n, null, m(u.value, (e) => (f(), o("div", {
-				key: e.url,
-				class: "mwnf-related-media__entry"
-			}, [s("a", {
-				href: e.url,
-				target: "_blank",
-				rel: "noopener",
-				class: "mwnf-related-media__link"
-			}, "↗ " + _(e.title || e.url), 9, Ge), t.descriptions && e.description ? (f(), o("p", Ke, _(e.description), 1)) : a("", !0)]))), 128))]),
-			_: 1
-		}, 8, ["heading", "dir"])) : a("", !0);
-	}
-}, Je = {
-	key: 0,
-	class: "mwnf-on-display__subheading"
-}, Ye = { class: "mwnf-on-display__list" }, Xe = ["innerHTML"], Ze = ["innerHTML"], Qe = { class: "mwnf-on-display__pending" }, $e = {
-	__name: "OnDisplayIn",
-	props: {
-		groups: {
-			type: Array,
-			default: () => []
-		},
-		heading: {
-			type: String,
-			default: "record.related.onDisplayIn"
-		},
-		pendingLabel: {
-			type: String,
-			default: ""
-		},
-		dir: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(l) {
-		let d = l, { t: p } = E(), h = r(() => d.groups.filter((e) => e.links?.length));
-		return (r, d) => h.value.length ? (f(), i(g(l.heading ? e : "div"), u({ key: 0 }, l.heading ? { heading: v(p)(l.heading) } : {}, {
-			dir: l.dir || void 0,
-			class: "mwnf-on-display"
-		}), {
-			default: C(() => [(f(!0), o(n, null, m(h.value, (e, r) => (f(), o("div", {
-				key: e.heading ?? r,
-				class: "mwnf-on-display__group"
-			}, [e.heading ? (f(), o("p", Je, _(v(p)(e.heading)), 1)) : a("", !0), s("ul", Ye, [(f(!0), o(n, null, m(e.links, (e, r) => (f(), o("li", {
-				key: e.id ?? r,
-				class: "mwnf-on-display__item"
-			}, [e.to || e.href ? (f(), i(t, {
-				key: 0,
-				to: e.to,
-				href: e.href,
-				external: !!e.external
-			}, {
-				default: C(() => [e.external ? (f(), o(n, { key: 0 }, [c("↗ ")], 64)) : a("", !0), s("span", { innerHTML: e.label }, null, 8, Xe)]),
-				_: 2
-			}, 1032, [
-				"to",
-				"href",
-				"external"
-			])) : (f(), o(n, { key: 1 }, [s("span", { innerHTML: e.label }, null, 8, Ze), l.pendingLabel ? (f(), o(n, { key: 0 }, [d[0] ||= c(_(" "), -1), s("span", Qe, _(v(p)(l.pendingLabel)), 1)], 64)) : a("", !0)], 64))]))), 128))])]))), 128))]),
-			_: 1
-		}, 16, ["dir"])) : a("", !0);
-	}
-};
-//#endregion
-export { Q as a, G as c, Ne as i, qe as n, ve as o, We as r, ae as s, $e as t };