@museumwnf/viewer-layout 3.3.0 → 3.4.0

package/README.md

@@ -138,23 +138,25 @@ section — the mark in the header, the active view — not for rebuilding the
 section. A website that needs something no prop expresses adds the prop
 here, so the next website has it too.
 
-Sections render top to bottom in this fixed order. Every section is optional: it renders nothing unless its slot or driving props are set. The default slot (→ `AppContent`) is where the router-view goes.
+Sections render top to bottom in this fixed order, except that `navigation-placement="before-banner"` puts the navigation above the banner. Every section is optional: it renders nothing unless its slot or driving props are set. The default slot (→ `AppContent`) is where the router-view goes.
 
 | Section | Slot | Props (on PageShell) | Events |
 |---|---|---|---|
-| `AppHeader` | `#header`, `#header-brand` | `header-home`, `header-brand`, `header-eyebrow`, `header-title`, `header-title-href`, `header-subtitle`, `header-logos`, `header-logos-title`, `header-links`, `search`, `languages`, `language`, `language-placement`, `language-style` | `search`, `update:language` |
+| `AppHeader` | `#header`, `#header-brand` | `header-home`, `header-brand`, `header-brand-logo`, `header-eyebrow`, `header-title`, `header-title-href`, `header-subtitle`, `header-logos`, `header-logos-title`, `header-links`, `search`, `languages`, `language`, `language-placement`, `language-style` | `search`, `update:language` |
 | `AppBanner` | `#banner` | `banner-variant`, `banner-image`, `banner-image-alt`, `banner-text`, `banner-caption`, `banner-caption-label`, `banner-eyebrow`, `banner-title`, `banner-title-href`, `banner-subtitle`, `banner-headline`, `banner-enter`, `banner-strapline` | — |
-| `AppNavigation` | `#navigation` | `nav-links`, `notice`, `languages`, `language` | `update:language` |
+| `AppNavigation` | `#navigation` | `nav-links`, `notice`, `languages`, `language`, `navigation-placement` | `update:language` |
 | `AppContent` | default | — | — |
 | `AppHyperlinks` | `#hyperlinks` | `hyperlinks-variant`, `hyperlinks-title`, `hyperlinks-title-href`, `hyperlinks-subtitle`, `hyperlinks` | — |
 | `AppSponsors` | `#sponsors` | `sponsors-title`, `sponsors`, `sponsor-groups` | — |
-| `AppFooter` | `#footer` | `footer-text`, `footer-links`, `footer-attribution-label`, `footer-attribution-text`, `footer-terms-href`, `footer-terms-label` | — |
+| `AppFooter` | `#footer` | `footer-text`, `footer-links`, `footer-social`, `footer-attribution-label`, `footer-attribution-text`, `footer-terms-href`, `footer-terms-label` | — |
 
 ### The language switcher
 
 `languages` is `['en']` or `[{ code, label }]`, `language` the active code.
 `language-placement` says where the switcher renders: `navigation` (the
-default, a select at the end of the navigation bar) or `header`;
+default, a select at the end of the navigation bar), `header`, or `none` (no
+site-language switcher at all: legacy's galleries had only the record's own
+bar);
 `language-style` says how, `select` or `buttons`. Whichever renders emits
 `update:language` with the code chosen.
 
@@ -241,13 +243,122 @@ renders before the routed content, `#after-content` after it (a dismissible
 sponsor notice next to the router-view, say); `#header`, `#navigation`,
 `#hyperlinks`, `#sponsors`, `#footer` pass straight through to `PageShell`.
 
-Once the loaded package's `manifest.rights` names a holder (`useSiteRights()`),
-the footer also renders the attribution sentence — `rights.attribution`, or
+The footer is legacy's unless the site says otherwise: MWNF's five portal
+links and "© Museum With No Frontiers (MWNF) 2004–<year>" (since 3.4.0). With
+`config.footer.rightsHolder: true`, and once the loaded package's
+`manifest.rights` names a holder (`useSiteRights()`), it also renders the
+attribution sentence — `rights.attribution`, or
 the holder's name when the package carries no separate attribution text —
 labelled `record.source.rightsHolder`, with a link labelled
-`record.source.termsOfUse` to `rights.termsUrl`. A package built before the
-`rights` block existed carries no holder, so the footer renders exactly as
-it did before: `footer-text` alone.
+`record.source.termsOfUse` to `rights.termsUrl`. Legacy printed no such line,
+so it is off by default.
+
+### Site chrome: the logo, the chrome pictures, the social links
+
+Since 3.4.0 a site supplies its own chrome files (decision D7 of
+inventory-app#2233: logos, banners, tiles and backgrounds belong to their
+website, not to the inventory nor to `images.museumwnf.org`). It keeps them
+in its repository under `theme/assets/` and hands the layout one map of
+them, built by Vite so every file is fingerprinted with the build:
+
+```js
+// src/dataset.config.js
+const chrome = import.meta.glob('../theme/assets/**/*.{jpg,jpeg,png,gif,svg}', {
+  eager: true, query: '?url', import: 'default',
+})
+
+export default { /* … */ chrome, brand: { logo: 'logo.png', alt: 'MWNF Logo' } }
+// a DXA site: galleryConfig({ …, chrome }) / exhibitionConfig({ …, chrome })
+```
+
+The map's keys are normalised to the path after `theme/assets/`, so
+`'../theme/assets/chrome/thematic_gallery/thg_galleries/9/banner.jpg'` is
+`chrome/thematic_gallery/thg_galleries/9/banner.jpg`. Two kinds of key:
+
+| Key | What reads it |
+| --- | --- |
+| a file name at the root (`logo.png`, `dia.jpg`, …) | the part of the layout that names it (`brand.logo`, the DXA keys below) |
+| `chrome/<path>` | an image the data package names by its legacy path (`banner_image_path`, `image_path`, `homepage_image_path`, a sibling gallery's `image_path`): the file is the package's path under `theme/assets/chrome/`. One file per path, whatever size the layout asks for |
+
+A key a site doesn't supply falls back to what the layout drew before:
+the package path on `config.media.legacyHost`, the "MWNF" text mark for the
+logo, nothing for a background. So a site that supplies nothing renders as
+it did on 3.3.
+
+| Config | Shape | Notes |
+| --- | --- | --- |
+| `config.chrome` | `{ [path]: url }` | the map above |
+| `config.brand` | `{ logo, alt }` | `logo` a key of `chrome` (or a URL), drawn in the header's brand cell; `alt` an entry name or text. The DXA configs set it (below) |
+| `config.navigation.placement` | `'after-banner'` (default) \| `'before-banner'` \| `({ section }) => …` | where the menu goes: PageShell's `navigation-placement` |
+| `config.navigation.socialLinks` | `[{ label, href, icon }]` | the footer's social-network icons, opt-in for any site; `mwnfSocialLinks` (package root) is legacy's six. `icon` is one of `youtube`, `x`, `facebook`, `instagram`, `weibo`, `linkedin` |
+| `config.footer` | `{ rightsHolder }` | the footer is legacy's by default on every site: MWNF's five portal links (`config.navigation.footerLinks` replaces them) and "© Museum With No Frontiers (MWNF) 2004–<year>" (a `footer-text` the caller passes replaces it). `rightsHolder: true` adds the package's rights-holder attribution, which legacy never printed |
+
+`SocialLinks` (package root, prop `links`) draws the icon links on their own,
+for a site that writes its own `#footer`:
+`<SocialLinks :links="mwnfSocialLinks" />`.
+
+The favicon is not the layout's: every site ships `public/favicon.ico` and
+declares it in its own `index.html` (`<link rel="icon" href="%BASE_URL%favicon.ico">`).
+
+**DXA families.** `galleryConfig` sets `brand.logo` to `logo.png` (legacy
+dxa-client's white mark), `exhibitionConfig` to `logo_black.png`. Besides
+the logo, the family reads:
+
+| Key | Family | Where | Legacy source |
+| --- | --- | --- | --- |
+| `logo.png` | gallery (and the hub) | the header | `dxa-client/src/assets/logo.png` |
+| `logo_black.png` | exhibition | the header | `exhibitions-client/src/assets/logo_black.png` |
+| `dia.jpg`, `dba.jpg`, `sh.jpg` | gallery | the home's Other Virtual Museums banners (flat colour blocks without them) | `dxa-client/src/assets/` |
+| `world.png` | gallery | the glossary entry's header on the item sheet | `dxa-client/src/sites/<site>/world.png` (one per gallery) |
+| `chrome/<gallery.banner_image_path>` | gallery | the banner, every page | `images.museumwnf.org/hi_res/<path>` |
+| `chrome/<sibling_galleries[].image_path>` | gallery | the "Visit MWNF Galleries" tiles | `images.museumwnf.org/zoom/<path>` (legacy's tile size) |
+| `chrome/<exhibition.banner_image_path>` | exhibition | the banner on inner pages | `images.museumwnf.org/hi_res/<path>` |
+| `chrome/<exhibition.homepage_image_path>` | exhibition | the home banner (`home_image.jpg`) | `images.museumwnf.org/full/<path>` |
+| `chrome/<exhibition.logos[].legacy_path>` | exhibition | the sponsors' logos (header and footer strip), unless `sponsorLogos` lists the site's own | `images.museumwnf.org/full/<path>` |
+| `chrome/<homeLogos[].image>` | gallery (Glass) | the home's "Set up on the occasion of" logos | `images.museumwnf.org/gallery_logo/<path>` |
+
+**Exhibition sponsors.** The sponsors' logos are the site's, not the
+inventory's. `exhibitionConfig({ sponsorLogos })` takes the site's own list,
+`[{ image, href, alt, category_id, display_order }]` (`image` a chrome key or a
+URL, `alt` an entry name or text), in place of the package's. Without it each
+entry of `exhibition.json`'s `logos` draws `chrome/<legacy_path>`, else legacy's
+media host at that path; never the inventory's `image_url`. A picture in the
+popup notice whose legacy address the site keeps a copy of
+(`chrome/<the path after legacy's size segment>`, e.g. `chrome/upload/toronto.jpg`
+for `…/full/upload/toronto.jpg`) is drawn from that copy.
+
+Glass's home logo slot is the one gallery-specific block, declared by the
+site because no package carries it:
+
+```js
+galleryConfig({
+  // …
+  homeLogos: [
+    { image: 'thematic_gallery/thg_logos/dga/1.jpg', href: 'https://iyog2022.org/', alt: 'glass.home.iyogLogo' },
+  ],
+})
+```
+
+`image` is a `chrome/` path (the file at
+`theme/assets/chrome/thematic_gallery/thg_logos/dga/1.jpg`), `alt` an entry
+name in the site's own locales; the strip's heading is viewer-i18n's
+`gallery.home.logosLabel` ("Set up on the occasion of").
+
+A gallery shell for a site without a gallery package (the galleries hub,
+legacy's gallery 45) takes its chrome from `config.galleryShell` instead,
+each field optional and each winning over the package:
+
+| `config.galleryShell` field | Shape |
+| --- | --- |
+| `headerEyebrow`, `headerTitle` | entry name or text: the header's title cell on inner pages |
+| `bannerEyebrow`, `bannerTitle` | entry name or text: the line over the home banner's title ("Welcome to") and the title ("MWNF Galleries") |
+| `bannerImage` | a `chrome` key or a URL |
+| `bannerCaption` | `{ name, partner, location, country }` or a string, after "Detail from" |
+| `notice` | `false` drops the menu's tip about the search bar (a site with no search) |
+
+An empty string is "no line" (`bannerEyebrow: ''` drops "Discover MWNF
+Galleries"); a field left out keeps the gallery's own. The header fields
+apply on inner pages only, as the home page's header has no title.
 
 ## Sections (standalone use)
 

package/dist/ItemDetailView-I__hm63H.js

@@ -0,0 +1,298 @@
+import { t as e } from "./chrome-DPuPeWzV.js";
+import { n as t, o as n } from "./TimelineEventList-COjkXEzS.js";
+import { i as r, n as i, o as a, r as o, t as s } from "./OnDisplayIn-Dv8i7uvH.js";
+import { s as c } from "./TimelineResultsView-ChkBn27W.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as ee, createTextVNode as h, createVNode as g, guardReactiveProps as _, normalizeClass as v, normalizeProps as y, normalizeStyle as te, openBlock as b, renderList as x, renderSlot as S, toDisplayString as C, unref as w, useSlots as ne, withCtx as T } from "vue";
+import { NotFoundView as re, byId as E, loadEntities as ie, mdInline as D, mdStrip as ae, mwnfLinks as O, partnerView as oe, useDataPackage as se, useI18n as ce, useProjects as le, useSiteConfig as ue } from "@museumwnf/viewer-core";
+//#region src/dxa/ItemDetailView.vue
+var k = {
+	key: 0,
+	class: "mwnf-sheet-source"
+}, A = {
+	key: 0,
+	class: "mwnf-sheet-source__line"
+}, j = {
+	key: 1,
+	class: "mwnf-sheet-source__collection"
+}, M = ["href"], N = {
+	key: 1,
+	class: "mwnf-sheet-notice"
+}, P = {
+	key: "museum",
+	class: "mwnf-sheet-museum"
+}, F = ["innerHTML"], I = {
+	key: 0,
+	class: "mwnf-sheet-related"
+}, L = {
+	key: 0,
+	class: "mwnf-sheet-related__heading mwnf-sheet-related__heading--caps"
+}, R = {
+	key: 1,
+	class: "mwnf-sheet-related__description"
+}, z = {
+	key: 0,
+	class: "mwnf-sheet-related__references"
+}, B = {
+	key: 2,
+	class: "mwnf-sheet-related__unresolved"
+}, V = {
+	key: 3,
+	class: "mwnf-sheet-related__line"
+}, H = ["href"], U = { key: 7 }, de = { class: "mwnf-sheet-related__heading" }, fe = { key: 8 }, pe = { class: "mwnf-sheet-related__heading" }, me = { class: "mwnf-sheet-related__line" }, he = ["href"], ge = { key: 9 }, _e = { class: "mwnf-sheet-related__heading" }, ve = { class: "mwnf-sheet-related__line" }, ye = ["href"], be = { key: 10 }, xe = { class: "mwnf-sheet-related__heading" }, Se = "sheet.field.", W = {
+	__name: "ItemDetailView",
+	props: {
+		spec: {
+			type: Object,
+			required: !0
+		},
+		id: {
+			type: String,
+			required: !0
+		},
+		entity: {
+			type: String,
+			default: ""
+		},
+		dataGetter: {
+			type: Function,
+			default: null
+		}
+	},
+	setup(W) {
+		let G = W, Ce = ne(), we = /* @__PURE__ */ new Set([
+			"before-sheet",
+			"museum",
+			"related",
+			"aside"
+		]), Te = u(() => Object.keys(Ce).filter((e) => !we.has(e))), Ee = u(() => !G.dataGetter || G.dataGetter(G.id) != null), { t: K } = ce();
+		function De(e) {
+			if (typeof e != "string" || !e.startsWith(Se)) return e;
+			let t = `sheet.dxa.${e.slice(12)}`;
+			return K(t) === t ? e : t;
+		}
+		let q = u(() => Array.isArray(G.spec.fields) ? {
+			...G.spec,
+			fields: G.spec.fields.map((e) => ({
+				...e,
+				label: De(e.label)
+			}))
+		} : G.spec), J = le(), Y = (e, t) => (e.name ?? "").localeCompare(t.name ?? ""), Oe = (e) => (e.gallery_references ?? []).filter((e) => e.kind === "gallery").sort(Y), X = (e) => (e.gallery_references ?? []).filter((e) => e.kind === "exhibition").sort(Y), Z = (e) => J.links(e.project_id)?.artisticIntroductionUrl ?? null, Q = (e) => J.links(e.project_id)?.relatedDatabaseUrl ?? null;
+		function ke(e, t) {
+			if (!e) return null;
+			let n = q.value.sourceDatabase === !1 ? null : q.value.sourceDatabase ?? null, r = null;
+			if (n) {
+				let i = n.chipClass ? n.chipClass(e, t) : null, a = J.label(e.project_id);
+				(i || a) && (r = {
+					chipClass: i,
+					name: a,
+					label: K(n.label ?? "record.sheet.sourceDatabase")
+				});
+			}
+			let i = n && n.addToCollection !== !1 ? K(n.addToCollection?.label ?? "record.action.addToCollection") : null, a = q.value.notice === !1 ? null : q.value.notice ?? null, o = a && a.show(e, t) ? K(a.label) : null;
+			return {
+				source: r,
+				addToCollectionLabel: i,
+				notice: o
+			};
+		}
+		let $ = se(), Ae = E("partners"), je = E("countries");
+		ie(["partners", "countries"]), $.loadTranslations("countries", "en");
+		function Me(e, t) {
+			let n = $.tr("countries", e, t, "en");
+			return ae(n.name ?? je.value?.get(e)?.internal_name ?? "");
+		}
+		function Ne(e) {
+			let t = e.text?.holder ? D(String(e.text.holder)) : "", n = q.value.museum === !1 ? null : q.value.museum ?? null, r = n ? Ae.value?.get(e.record?.partner_id) : null;
+			return {
+				holder: t,
+				view: r ? oe(r, $.tr("partners", r.id, e.language, "en"), {
+					countryLabel: (t) => Me(t, e.language),
+					route: (t) => n.route ? n.route(t.id, e) : null
+				}) : null
+			};
+		}
+		function Pe(e, t) {
+			if (!e) return null;
+			let n = q.value.related ?? {}, r = t.records ?? [], i = t.outside ?? [], a = G.dataGetter ? r.filter((e) => G.dataGetter(e.id) != null) : r, o = G.dataGetter ? r.filter((e) => G.dataGetter(e.id) == null).map((t) => (e.related_items ?? []).find((e) => e.id === t.id)).filter(Boolean) : [], s = [...i, ...o].map((e) => ({
+				...e,
+				name: e.project_id ? J.label(e.project_id) : null,
+				chipClass: n.outsideChip ? n.outsideChip(e, t) : null
+			})), c = (e) => ({
+				id: e.id,
+				label: D(e.name ?? ""),
+				href: e.legacy_host || "",
+				external: !!e.legacy_host
+			}), l = n.onDisplayIn && n.onDisplayIn !== !1 ? {
+				pendingLabel: n.onDisplayIn.linkPendingLabel ?? "",
+				groups: [{
+					heading: "record.related.exhibitions",
+					links: X(e).map(c)
+				}, {
+					heading: "record.related.galleries",
+					links: Oe(e).map(c)
+				}].filter((e) => e.links.length)
+			} : null, u = n.databaseLabel && Q(e) ? {
+				url: Q(e),
+				label: K(n.databaseLabel),
+				name: J.label(e.project_id)
+			} : null, d = n.overallDatabase && n.overallDatabase !== !1 ? {
+				label: K(n.overallDatabase.label),
+				linkLabel: K(n.overallDatabase.linkLabel)
+			} : null;
+			return {
+				title: n.title ? K(n.title) : "",
+				description: n.description ? K(n.description) : "",
+				heading: K(n.heading ?? "record.related.items"),
+				variant: n.variant ?? "grid",
+				actionLabel: n.actionLabel ? K(n.actionLabel) : "",
+				inPackage: a,
+				references: s,
+				notInPackageLabel: n.notInPackageLabel ? K(n.notInPackageLabel) : "",
+				artisticIntroduction: n.artisticIntroductionLabel && Z(e) ? {
+					url: Z(e),
+					label: K(n.artisticIntroductionLabel)
+				} : null,
+				timeline: n.timeline ? n.timeline(e, t) : null,
+				glossary: n.glossary !== !1,
+				dynasties: n.dynasties ? n.dynasties(e, t.language, t) : null,
+				media: n.media === !1 ? [] : e.media ?? [],
+				onDisplayIn: l,
+				database: u,
+				overallDatabase: d,
+				download: n.download === !1 ? null : {
+					label: K("record.action.download"),
+					pdfLabel: K("record.action.downloadPdf")
+				}
+			};
+		}
+		let Fe = ue(), Ie = u(() => {
+			let t = e(Fe.chrome, "world.png");
+			return t ? { "--mwnf-dxa-glossary-image": `url("${t}")` } : null;
+		});
+		function Le() {
+			window.print();
+		}
+		return (e, u) => Ee.value ? (b(), d(c, {
+			key: 0,
+			spec: q.value,
+			id: W.id,
+			entity: W.entity,
+			style: te(Ie.value)
+		}, ee({
+			"before-sheet": T((t) => [S(e.$slots, "before-sheet", y(_(t)), () => [(b(!0), p(l, null, x([ke(t.record, t)], (e) => (b(), p(l, { key: "before-sheet" }, [e?.source || e?.addToCollectionLabel ? (b(), p("div", k, [e.source ? (b(), p("p", A, [e.source.chipClass ? (b(), p("span", {
+				key: 0,
+				class: v(["mwnf-chip", e.source.chipClass]),
+				"aria-hidden": "true"
+			}, null, 2)) : f("", !0), e.source.name ? (b(), p(l, { key: 1 }, [h(C(e.source.label) + ": " + C(e.source.name), 1)], 64)) : f("", !0)])) : f("", !0), e.addToCollectionLabel ? (b(), p("p", j, [m("a", {
+				href: w(O).myCollection,
+				target: "_blank",
+				rel: "noopener"
+			}, "↗ " + C(e.addToCollectionLabel), 9, M)])) : f("", !0)])) : f("", !0), e?.notice ? (b(), p("div", N, [h(C(e.notice) + " ", 1), m("strong", null, [m("em", null, C(t.languages.map((e) => e.label).join(", ")), 1)])])) : f("", !0)], 64))), 128))])]),
+			museum: T((n) => [S(e.$slots, "museum", y(_(n)), () => [(b(!0), p(l, null, x([Ne(n)], (e) => (b(), p("div", P, [e.holder ? (b(), p("p", {
+				key: 0,
+				class: "mwnf-sheet-museum__holder",
+				innerHTML: e.holder
+			}, null, 8, F)) : f("", !0), e.view ? (b(), d(t, {
+				key: 1,
+				variant: "summary",
+				partner: e.view,
+				label: "partner.info.about",
+				dir: n.dir
+			}, null, 8, ["partner", "dir"])) : f("", !0)]))), 128))])]),
+			related: T(() => []),
+			aside: T((t) => [S(e.$slots, "related", y(_(t)), () => [(b(!0), p(l, null, x([Pe(t.record, t)], (e) => (b(), p(l, { key: t.record?.id ?? "related" }, [e ? (b(), p("div", I, [
+				e.title ? (b(), p("p", L, C(e.title), 1)) : f("", !0),
+				e.description ? (b(), p("p", R, C(e.description), 1)) : f("", !0),
+				e.inPackage.length || e.references.length ? (b(), d(n, {
+					key: 2,
+					heading: e.heading,
+					records: e.inPackage,
+					variant: e.variant,
+					"action-label": e.actionLabel
+				}, {
+					default: T(() => [e.references.length ? (b(), p("ul", z, [(b(!0), p(l, null, x(e.references, (t) => (b(), p("li", { key: t.id }, [
+						t.chipClass ? (b(), p("span", {
+							key: 0,
+							class: v(["mwnf-chip", t.chipClass]),
+							"aria-hidden": "true"
+						}, null, 2)) : f("", !0),
+						t.name ? (b(), p(l, { key: 1 }, [h(C(t.name), 1)], 64)) : f("", !0),
+						e.notInPackageLabel ? (b(), p("span", B, C(e.notInPackageLabel), 1)) : f("", !0)
+					]))), 128))])) : f("", !0)]),
+					_: 2
+				}, 1032, [
+					"heading",
+					"records",
+					"variant",
+					"action-label"
+				])) : f("", !0),
+				e.artisticIntroduction ? (b(), p("p", V, [m("a", {
+					href: e.artisticIntroduction.url,
+					target: "_blank",
+					rel: "noopener"
+				}, "↗ " + C(e.artisticIntroduction.label), 9, H)])) : f("", !0),
+				e.timeline ? (b(), d(o, {
+					key: t.record.id,
+					info: e.timeline
+				}, null, 8, ["info"])) : f("", !0),
+				e.glossary ? (b(), d(a, {
+					key: 5,
+					language: t.language,
+					dir: t.dir
+				}, null, 8, ["language", "dir"])) : f("", !0),
+				e.dynasties?.records?.length ? (b(), d(r, {
+					key: 6,
+					heading: w(K)("record.dynasty.list"),
+					dynasties: e.dynasties.records,
+					tr: e.dynasties.tr,
+					dir: t.dir
+				}, null, 8, [
+					"heading",
+					"dynasties",
+					"tr",
+					"dir"
+				])) : f("", !0),
+				g(i, {
+					media: e.media,
+					descriptions: !1,
+					dir: t.dir
+				}, null, 8, ["media", "dir"]),
+				e.onDisplayIn?.groups.length ? (b(), p("div", U, [m("p", de, C(w(K)("record.related.onDisplayIn")), 1), g(s, {
+					heading: "",
+					groups: e.onDisplayIn.groups,
+					"pending-label": e.onDisplayIn.pendingLabel,
+					dir: t.dir
+				}, null, 8, [
+					"groups",
+					"pending-label",
+					"dir"
+				])])) : f("", !0),
+				e.database ? (b(), p("div", fe, [m("p", pe, C(e.database.label), 1), m("p", me, [m("a", {
+					href: e.database.url,
+					target: "_blank",
+					rel: "noopener"
+				}, "↗ " + C(e.database.name), 9, he)])])) : f("", !0),
+				e.overallDatabase ? (b(), p("div", ge, [m("p", _e, C(e.overallDatabase.label), 1), m("p", ve, [m("a", {
+					href: w(O).overallDatabase,
+					target: "_blank",
+					rel: "noopener"
+				}, "↗ " + C(e.overallDatabase.linkLabel), 9, ye)])])) : f("", !0),
+				e.download ? (b(), p("div", be, [m("p", xe, C(e.download.label), 1), m("p", {
+					class: "mwnf-sheet-related__line mwnf-sheet-related__line--action",
+					onClick: Le
+				}, "➤ " + C(e.download.pdfLabel), 1)])) : f("", !0)
+			])) : f("", !0)], 64))), 128))])]),
+			_: 2
+		}, [x(Te.value, (t) => ({
+			name: t,
+			fn: T((n) => [S(e.$slots, t, y(_(n)))])
+		}))]), 1032, [
+			"spec",
+			"id",
+			"entity",
+			"style"
+		])) : (b(), d(w(re), { key: 1 }));
+	}
+};
+//#endregion
+export { W as t };

package/dist/SiteShell-4vV2jIzf.js

@@ -0,0 +1,192 @@
+import { a as e, r as t } from "./chrome-DPuPeWzV.js";
+import { computed as n, createBlock as r, createSlots as i, mergeProps as a, openBlock as o, renderSlot as s, useAttrs as c, withCtx as l } from "vue";
+import { mwnfLinks as u, useI18n as d, useSection as f, useSiteConfig as p, useSiteRights as m } from "@museumwnf/viewer-core";
+import { useRouter as h } from "vue-router";
+//#region src/components/SiteShell.vue
+var g = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+	__name: "SiteShell",
+	props: {
+		config: {
+			type: Object,
+			default: null
+		},
+		logos: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(g) {
+		let _ = g, { t: v, locale: y } = d(), b = h(), x = f(), S = p(), C = n(() => ({
+			...S,
+			..._.config ?? {}
+		})), w = n(() => C.value.navigation ?? {}), T = n(() => C.value.logos ?? null), E = n(() => C.value.banner ?? null), D = c(), O = [
+			{
+				label: "core.footer.aboutMwnf",
+				href: u.about,
+				external: !0
+			},
+			{
+				label: "core.footer.contact",
+				href: u.contact,
+				external: !0
+			},
+			{
+				label: "core.footer.legalNotice",
+				href: u.legalNotice,
+				external: !0
+			},
+			{
+				label: "core.footer.credits",
+				href: u.credits,
+				external: !0
+			},
+			{
+				label: "core.footer.cookies",
+				href: u.cookies,
+				external: !0
+			}
+		], k = (/* @__PURE__ */ new Date()).getFullYear(), A = n(() => D.footerText === void 0 && D["footer-text"] === void 0 ? `${v("core.footer.copyright")} 2004–${k}` : null), j = m(), M = n(() => C.value.footer?.rightsHolder !== !0 || !j.holder ? null : {
+			label: v("record.source.rightsHolder"),
+			text: j.attribution ?? j.holder,
+			termsHref: j.termsUrl,
+			termsLabel: v("record.source.termsOfUse")
+		});
+		function N(e) {
+			return e.href ? e.href : e.to ? b.resolve(e.to).href : "";
+		}
+		function P(e) {
+			return typeof e.when != "function" || !!e.when({
+				section: x.value,
+				locale: y.value
+			});
+		}
+		function F(e, { active: t = !1 } = {}) {
+			let n = {
+				label: v(e.label),
+				href: N(e),
+				external: !!e.external
+			};
+			return t && (n.active = e.section === x.value), n;
+		}
+		let I = n(() => Array.isArray(w.value.links) ? w.value.links.filter(P).map((e) => F(e, { active: !0 })) : null), L = n(() => Array.isArray(w.value.headerLinks) ? w.value.headerLinks.map((e) => F(e)) : null), R = n(() => (Array.isArray(w.value.footerLinks) ? w.value.footerLinks : O).map((e) => F(e))), z = n(() => {
+			let e = w.value.search;
+			return e ? {
+				placeholder: e.placeholder ? v(e.placeholder) : "",
+				submitLabel: e.submitLabel ? v(e.submitLabel) : ""
+			} : null;
+		});
+		function B(e) {
+			let t = w.value.search;
+			t?.route && b.push({
+				name: t.route,
+				query: { [t.key ?? "q"]: e || t.empty || "" }
+			});
+		}
+		function V(e) {
+			return typeof e == "function" ? e({
+				section: x.value,
+				locale: y.value,
+				t: v
+			}) : typeof e == "string" ? v(e) : e;
+		}
+		let H = n(() => {
+			let e = E.value ? V(E.value.title) : "";
+			if (e) return e;
+			let t = w.value.sectionTitles?.[x.value];
+			return t ? v(t) : "";
+		}), U = [
+			"variant",
+			"image",
+			"imageAlt",
+			"caption",
+			"captionLabel",
+			"subtitle",
+			"headline",
+			"enter",
+			"strapline"
+		], W = n(() => {
+			let e = {};
+			H.value && (e.bannerTitle = H.value);
+			for (let t of U) {
+				let n = E.value ? V(E.value[t]) : "";
+				n && (e[`banner${t[0].toUpperCase()}${t.slice(1)}`] = n);
+			}
+			return e;
+		}), G = n(() => {
+			let e = C.value.brand, n = e ? t(C.value.chrome, e.logo) : null;
+			return n ? {
+				src: n,
+				alt: e.alt ? v(e.alt) : ""
+			} : null;
+		}), K = n(() => {
+			let e = w.value.placement;
+			return typeof e == "function" ? e({
+				section: x.value,
+				locale: y.value
+			}) : e;
+		}), q = n(() => Array.isArray(w.value.socialLinks) ? w.value.socialLinks : null), J = n(() => {
+			let e = T.value?.header;
+			return typeof e == "function" ? _.logos.filter(e) : null;
+		}), Y = n(() => {
+			let e = T.value?.headerTitle;
+			return e && J.value?.length ? v(e) : "";
+		}), X = n(() => {
+			let e = T.value?.sponsorGroups;
+			return typeof e == "function" ? e(_.logos, v) : null;
+		}), Z = n(() => {
+			let e = { ...W.value };
+			return Array.isArray(w.value.languages) && (e.languages = w.value.languages), I.value && (e.navLinks = I.value), L.value && (e.headerLinks = L.value), R.value && (e.footerLinks = R.value), A.value && (e.footerText = A.value), z.value && (e.search = z.value), J.value && (e.headerLogos = J.value, Y.value && (e.headerLogosTitle = Y.value)), X.value && (e.sponsorGroups = X.value), G.value && (e.headerBrandLogo = G.value), K.value && (e.navigationPlacement = K.value), q.value && (e.footerSocial = q.value), M.value && (e.footerAttributionLabel = M.value.label, e.footerAttributionText = M.value.text, e.footerTermsHref = M.value.termsHref, e.footerTermsLabel = M.value.termsLabel), e;
+		});
+		return (t, n) => (o(), r(e, a({
+			...t.$attrs,
+			...Z.value
+		}, { onSearch: B }), i({ _: 2 }, [
+			t.$slots.header ? {
+				name: "header",
+				fn: l(() => [s(t.$slots, "header")]),
+				key: "0"
+			} : void 0,
+			t.$slots.brand ? {
+				name: "header-brand",
+				fn: l(() => [s(t.$slots, "brand")]),
+				key: "1"
+			} : void 0,
+			t.$slots.banner ? {
+				name: "banner",
+				fn: l(() => [s(t.$slots, "banner")]),
+				key: "2"
+			} : void 0,
+			t.$slots.navigation ? {
+				name: "navigation",
+				fn: l(() => [s(t.$slots, "navigation")]),
+				key: "3"
+			} : void 0,
+			t.$slots.default || t.$slots.notice || t.$slots["after-content"] ? {
+				name: "default",
+				fn: l(() => [
+					s(t.$slots, "notice"),
+					s(t.$slots, "default"),
+					s(t.$slots, "after-content")
+				]),
+				key: "4"
+			} : void 0,
+			t.$slots.hyperlinks ? {
+				name: "hyperlinks",
+				fn: l(() => [s(t.$slots, "hyperlinks")]),
+				key: "5"
+			} : void 0,
+			t.$slots.sponsors ? {
+				name: "sponsors",
+				fn: l(() => [s(t.$slots, "sponsors")]),
+				key: "6"
+			} : void 0,
+			t.$slots.footer ? {
+				name: "footer",
+				fn: l(() => [s(t.$slots, "footer")]),
+				key: "7"
+			} : void 0
+		]), 1040));
+	}
+});
+//#endregion
+export { g as t };

package/dist/{Theme-Db88mckV.js → Theme-B5J0XRe1.js}

@@ -1,7 +1,7 @@
 import { s as e, y as t } from "./TimelineEventList-COjkXEzS.js";
-import { o as n } from "./TimelineResultsView-CmHomvV_.js";
-import { A as r, F as i, h as a, m as o } from "./data-BfyYB8ff.js";
-import { n as s, r as c, t as l } from "./themeSpecs-C_uGarTs.js";
+import { o as n } from "./TimelineResultsView-ChkBn27W.js";
+import { A as r, F as i, h as a, m as o } from "./data-CJlLA-Mf.js";
+import { n as s, r as c, t as l } from "./themeSpecs-B885l456.js";
 import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, normalizeClass as v, onMounted as ee, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, vModelCheckbox as w, watch as T, withCtx as E, withDirectives as D } from "vue";
 import { renderBlock as O, useI18n as k } from "@museumwnf/viewer-core";
 import { RouterLink as A, useRoute as te, useRouter as ne } from "vue-router";

package/dist/{TimelineResultsView-CmHomvV_.js → TimelineResultsView-ChkBn27W.js}

@@ -448,7 +448,11 @@ var Ne = {
 					"variant",
 					"action-label"
 				])) : v("", !0)])
-			]), e.$slots.aside ? (k(), y("aside", Xe, [N(e.$slots, "aside", O(w(Q.value)))])) : v("", !0)]),
+			]), e.$slots.aside ? (k(), y("aside", Xe, [N(e.$slots, "aside", O(w({
+				...Q.value,
+				records: Pe.value,
+				outside: I(Ne).outside
+			})))])) : v("", !0)]),
 			N(e.$slots, "after", O(w(Q.value))),
 			C(s, {
 				term: I(J),