@museumwnf/viewer-layout 2.15.2 → 2.17.0

package/dist/OnDisplayIn-ZfRUtPd1.js

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