@museumwnf/viewer-layout 2.16.0 → 2.17.0

package/README.md

@@ -322,7 +322,7 @@ the application registered, without any router coupling here.
 | `FeaturedPartners` | `records: [{ id, name, logo, city, country, description, route }]`, or `partners` (view-models from viewer-core's `partnerView()`: the first picture or logo, "city, country", the description as plain text cut at `descriptionLength`, 420), `headingEntry` ('partner.featured') | a carousel of partners with bullet controls, rotated on an 8-second timer; the site provides filtered/shuffled records and routes |
 | `SiblingGalleries` | `galleries: [{ id, name, image?, route }]`, `museums: [{ name, to \| href, accent?, textColor? }]`, `galleriesHeadingEntry`, `seeMoreGalleriesEntry`, `seeMoreGalleriesHref`, `museumsHeadingEntry` | two blocks of links: sibling galleries (may be unresolved, rendering as non-clickable tiles) and MWNF virtual museums (text initials over a coloured background) |
 | `PopupLogo` | `content` (Markdown or raw HTML), `rawHtml` (false), `enabled` (true), `closeLabel` ('core.action.close') | a dismissible fixed modal for sponsor notices; renders content through `renderInline` by default (escaping, Markdown); when `rawHtml: true`, passes content as-is (for trusted HTML from the importer) |
-| `BackLink` | `label` ('core.action.back'), `to \| href` (fallback when history is unavailable) | a "back" link that calls `router.back()` when browser history is available (length > 1); falls back to the provided route |
+| `BackLink` | `label` ('core.action.back'), `to \| href` (the fallback), `variant: 'button' \| 'bar'`, `arrow` ('←', the bar's leading mark) | a "back" link: `router.back()` when the previous page is one of this website's own (vue-router's `history.state.back`), the fallback otherwise, so a visitor who arrived from another site stays on this one; with no fallback, back through whatever history the tab has. The default is a button (`.mwnf-back-link`); `bar` is a link carrying `.mwnf-back-bar`, addressed to the fallback so it also opens in a new tab, whose default slot replaces the label |
 | `GlossaryTool` | `language`, `entity` ('glossary'), `labels` (entry-name overrides), `dir` | the search box four item sheets and a theme page each wrote for themselves: an input, the hits viewer-core's `searchGlossary` finds, the chosen definition as Markdown; a native `<details>` toggle |
 | `DynastyPopout` | `dynasty` (record: `from_ah`/`to_ah`/`from_ad`/`to_ad`), `text` (its translation: `name`, `also_known_as`, `area`, `history`), `dir` | one dynasty, collapsed behind a native `<details>` toggle: name, also known as, area, AH/AD dates, history as Markdown |
 | `DynastyList` | `heading`, `dynasties`, `tr` (dynasty → its translation), `dir` | one `DynastyPopout` per dynasty of a record, `RelatedRecords`'s shape |
@@ -330,7 +330,9 @@ the application registered, without any router coupling here.
 | `PictureGallery` | `pictures: [{ id, image, imageAlt?, name (inline HTML), imageCaption?, detail?, fields?: [{ label, value }], to (route \| null), backRelated?: [{ picture, reciprocalText }] }]`, `selectedId` (v-model), `seeItemEntry`/`unresolvedEntry`/`emptyEntry`/`addRelatedEntry`/`hideRelatedEntry` (entry names) | a DXA exhibition theme page's curated-picture side panel + thumbnail strip: the selected picture large, its fields, a link to the parent record (or the "not in this exhibition" message when `to` is `null`); a picture that is the target of some other picture's related link (`backRelated`) starts hidden behind an "Add related works" toggle |
 | `PictureNarrative` | `picture` (the selected picture, `PictureGallery`'s shape plus `related: [{ picture, text }]` and `backRelated: [{ picture, reciprocalText }]`), `contextualDescription` (Markdown), `relatedHeadingEntry`/`reciprocalFallbackEntry` (entry names); emits `select(id)` | the same page's narrative body, below `EssayView`'s own prose: the selected picture's own curated text, then the pictures it relates to (forward) and, when one points at it, the one it is related to (backward) — either direction may cross a theme boundary, which is why the website resolves the target/source picture rather than this component |
 | `TimelineLookup` | `info: { trigger? (entry, default `record.related.timelineForItem`), heading (entry), countries: [{ value, label }], defaultCountry?() => value, events(value) => [{ id?, year_from, text: { description } }], range: [from, to], era?(year) => string, searchTo(value, range) => to }` | the timeline popout `RecordSheetView`'s related block opens onto (see below): a trigger line, a country select, the events for the chosen country within the record's own date range (rendered through `md()`), and a "begin a full search" link — the DXA gallery/exhibition pair's shared shape, parameterized by the site's own timeline composable |
-
+| `SpecialFeatures` | `features` (the record's `details`: `{ id, internal_name, display_order, images, artist_names }`), `tr` (feature → its translation: `name`, `location`, `dates`, `description`), `language` (the pictures' captions), `glossary` (`RecordView`'s), `heading` ('sheet.field.specialFeatures'), `dir` | a monument's sub-details, as the data package embeds them on it: each one's name, location, dates and artists, its description as Markdown with the record's glossary terms, its pictures in a row; `DynastyList`'s shape |
+| `RelatedMedia` | `media` (the record's `media`: `{ title, description, url, language }`), `language` (the entries in it when there are any, all otherwise), `descriptions` (true), `heading` ('record.related.audioVideo'), `dir` | a record's audio and video, each a ↗ link opening elsewhere, its description under it |
+| `OnDisplayIn` | `groups: [{ heading? (entry), links: [{ id?, label (inline HTML), to? \| href?, external? }] }]`, `heading` ('record.related.onDisplayIn'; '' renders the groups alone), `pendingLabel` (entry, after a name with no address), `dir` | the exhibitions, chapters and galleries that show a record: a route links inside the site, an `external` address opens elsewhere marked ↗, a name with neither is plain text |
 The record contract `RecordList`, `RecordGrid` and `RelatedRecords` share:
 `{ id, image?, imageAlt?, name (inline HTML), meta: [string], badge?, href? | to? }`.
 `PictureGallery` and `PictureNarrative` share a narrower one — a curated
@@ -345,7 +347,7 @@ every bundle of `@museumwnf/viewer-i18n` from 1.7.0. `GlossaryTool` also reads
 `record.glossary.instructions`, `.definition` (1.7.0) and `record.glossary.tool`
 (2.3.0); `PartnerPanel` reads `partner.info.about`, `.contact`, `.logo`,
 `.addresses`, `.phone`, `.fax`, `partner.nav.homepage`,
-`partner.item.objectsInSite` and `partner.action.readMore`, `.viewObjects` (4.2.0); `DynastyPopout` reads `record.dynasty.heading` (2.3.0) and
+`partner.item.objectsInSite` and `partner.action.readMore`, `.viewObjects` (4.2.0); `SpecialFeatures`, `RelatedMedia` and `OnDisplayIn` default to `sheet.field.specialFeatures`, `record.related.audioVideo` and `record.related.onDisplayIn`; `DynastyPopout` reads `record.dynasty.heading` (2.3.0) and
 `sheet.field.alsoKnownAs`, `.area`, `.history`. `SourceCredit` reads
 `record.source.label` (2.5.0); the footer attribution (`SiteShell`) reads
 `record.source.rightsHolder` and `.termsOfUse` (2.5.0). `PictureGallery`/
@@ -373,7 +375,7 @@ Building blocks copied from the legacy sites' own `site.css` files, available as
 | `.mwnf-form-table` | Table layout for label/value pairs in search and filter forms; header cells left-aligned, data cells right-padded |
 | `.mwnf-button` | Styled button for primary actions; variant `.mwnf-button--secondary` for secondary/destructive actions |
 | `.mwnf-select` | Legacy-styled select element with fixed height and padding |
-| `.mwnf-back-bar` | Container for back-link buttons with standard padding and hover styling |
+| `.mwnf-back-bar` | Container for back-link buttons with standard padding and hover styling; `.mwnf-back-bar--link` is `BackLink`'s `bar` variant, the link itself as the bar (`--mwnf-back-bar-margin`) |
 | `.mwnf-chip` | Inline project/source chip; variants `.mwnf-chip--<family>` where family is one of `ISLandEPM`, `DBA`, `AWE`, `DCA`, `DGA`, `EXH`, or `Galleries`, each with its own project-colour token |
 | `.mwnf-popout` | Detail box for sheet data; used in record detail popups and panels |
 | `.mwnf-loader` | Loading/spinner message container with centered text and standard padding |
@@ -425,7 +427,7 @@ export default {
 
 | View | Declaration | Slots |
 |---|---|---|
-| `HomeView` | `config.home` or the same as props: `title`, `intro` (Markdown), `cards: [{ title, description, action, to \| href }]`, `featured: { entity, heading, action, route, eyebrow, meta, seed }` — the pick is `useFeaturedRecord` | `before`, default, `after` |
+| `HomeView` | `config.home` or the same as props: `title`, `intro` (Markdown), `cards: [{ title, description, action, to \| href }]`, `featured: { entity, heading, action, route, eyebrow, meta, seed, filter }` — the pick is `useFeaturedRecord`, among the records `filter` keeps (viewer-core 2.2.0) — `panels` (the welcome and the record as `.mwnf-panel` boxes) | `before`, default, `after` |
 | `CatalogueResultsView` | `spec`: `entity`, `keys`, `facets` (viewer-core's facet spec), `facetScope: 'all' \| 'matching'`, `controls: [{ key, type: 'select' \| 'year' \| 'query' \| 'checkbox', label, placeholder, anyLabel, hideEmpty }]`, `filterMode: 'apply' \| 'immediate'`, `scope(record, filters)`, `match(record, filters)`, `narrow(list, filters, helpers)` (a rule over the whole list — a keyword index, say), `dates: { mode, begin, end }`, `sort`, `pageSize`, `variant: 'list' \| 'grid'`, `record(record, helpers)`, `recordRoute`, `summary(context)`, `title`, `filterTitle`, `empty`, `actionLabel`, `pagination` | `before`, `filters`, `actions`, `aside`, `empty`, `after` — each given `{ filters, active, apply, reset, goToPage, matching, pageInfo, options }`, enough to compose the panel in the aside or a second pagination |
 | `RecordView` | `spec` and `id`: `entity`, `translations`, `attribution`, `fields` (viewer-core's `sheetRows` spec, or a function of the context), `sections`, `layout`, `shortDescription`, `media(record, ctx)`, `mediaVariant`, `credits`, `workingNumber`, `citation: { project, permalink: true \| false \| string, heading } \| false` (the permalink is `sourceUrl(currentRoute)` — null, so no address, until the website declares `site.origin` — unless the spec disables it with `false` or overrides it with a string), `related: { variant, heading, record, route } \| false`, `back: { label, to \| href }`, `title(ctx)` | `header`, `before-sheet`, `after-sheet`, `aside`, `source` (under the citation; default `SourceCredit`), `related`, `after`, and one named after every `custom` or `link` row — each given `{ record, text, language, languages, select, dir, glossary, ready, attribution, t, tr }`; `related` also `records` (the rows) and `outside` (the related records the package does not carry) |
 | `RecordSheetView` | Every `RecordView` prop (`spec`, `id`, `entity`) plus `dataGetter(id) => record \| null \| undefined` — a website's own language-subset record lookup (an exhibition's per-build `itemById.get`); omitted, every `id` `RecordView` itself finds is treated as present (the gallery shape); supplied and it reports `id` missing, `NotFoundView` renders before `RecordView` ever mounts (the exhibition shape's per-language-build 404), and it also narrows the related block's `records`/outside-reference split the same way. The DXA gallery/exhibition item sheet's own blocks, on top of `spec`: `sourceDatabase: { label?, chipClass(record, ctx), addToCollection: { label? } \| false } \| false` (the source-database line + `backward_compatibility` code + "add to my collection" link — `chipClass` is a site's own project→colour map, the name comes from `useProjects()`), `notice: { show(record, ctx), label } \| false` (the Explore-partner notice), `museum: { route(partnerId, ctx) } \| false` (the holding-museum row: the item's holder text, then the partner as `PartnerPanel`'s `summary` — "About {name}, {city}, {country}" — linked through `route`; `route` returning null keeps the name without a link, for a hidden partner; `false` keeps the holder text alone; decision D3), and on `spec.related`: `title`, `description` (entries, above the block), `notInPackageLabel`, `outsideChip(ref, ctx)` (an outside reference's chip — `TODO(#1727)`, no `project_id` on a stub yet), `artisticIntroductionLabel` (with `useProjects().links(record.project_id).artisticIntroductionUrl`), `databaseLabel` (ditto, `.relatedDatabaseUrl`), `overallDatabase: { label, linkLabel } \| false` (`mwnfLinks.overallDatabase`), `onDisplayIn: { linkPendingLabel } \| false` (`record.gallery_references`, by `kind`), `download: false` (default on, `record.action.download`/`.downloadPdf`, prints), `glossary: false` (default on, `GlossaryTool`), `dynasties(record, language, ctx) => { records, tr } \| null` (`DynastyList`), `media: false` (default on, `record.media`, a `SheetSection`), `timeline(record, ctx) => TimelineInfo \| null` (`TimelineLookup` — see `docs/slot-catalogue.md`) | Every `RecordView` slot, forwarded straight through by name, unmodified, **except** `before-sheet`/`museum`/`related`: each always has this view's own default content (above), which a website's own slot still replaces entirely — "a slot fills, the default content renders otherwise" |

package/dist/BackLink-CYgmd0iX.js

@@ -0,0 +1,73 @@
+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

@@ -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 };