@museumwnf/viewer-layout 3.3.0 → 3.4.0

package/src/styles/dxa-exhibition.css

@@ -48,7 +48,7 @@
   --mwnf-header-padding: 0;
   --mwnf-header-background: #ffffff;
   --mwnf-header-text: #000000;
-  --mwnf-header-title-size: 1.375rem;
+  --mwnf-header-title-size: 1.875rem;
   --mwnf-header-subtitle-size: 0.875rem;
   --mwnf-header-subtitle-color: #000000;
 
@@ -231,6 +231,10 @@
      box. */
   --mwnf-dxa-heading-color: var(--secondary-text-color);
   --mwnf-dxa-band-background: #e0e0e0;
+  /* The item sheet's Related Content sidebar, in the contrast colour. */
+  --mwnf-dxa-related-background: var(--contrast-color);
+  --mwnf-dxa-related-text: var(--contrast-text-color);
+  --mwnf-dxa-related-heading-color: var(--contrast-text-color);
 
   /* ---------- PartnerListView group heading ---------- */
   --mwnf-partner-list-group-title-size: 1.25rem;
@@ -352,6 +356,15 @@ a { color: inherit; }
   padding-inline: 0;
 }
 
+/* The header's "A MWNF Online Exhibition": bold, in the contrast colour,
+   outlined by legacy's dark shadow. */
+.mwnf-header__title {
+  font-weight: 700;
+  line-height: 1;
+  color: var(--contrast-color);
+  text-shadow: -1px 0 2px #000000;
+}
+
 /* The footer: one centred line of links and the copyright. */
 .mwnf-footer {
   justify-content: center;
@@ -363,3 +376,14 @@ a { color: inherit; }
   .mwnf-nav--open .mwnf-nav__links { display: grid; }
   .mwnf-nav__toggle { width: 100%; justify-content: center; font-size: 20px; }
 }
+
+/* Legacy's language select in the header: the codes alone, no visible
+   label (it stays for a screen reader). */
+.mwnf-header__language-label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}

package/src/styles/dxa-gallery.css

@@ -125,12 +125,12 @@
   --mwnf-banner-section-title-size: 190%;
 
   /* ---------- Content: the record page ---------- */
-  /* The sheet as the legacy gallery set it: bold labels in the dark tone over
+  /* The sheet as the legacy gallery set it: bold labels in the text colour over
      plain values, no cell borders, the photo gallery on the page ground. */
   --mwnf-sheet-text-size: 0.9375rem;
   --mwnf-sheet-label-size: 0.9375rem;
   --mwnf-sheet-label-weight: 700;
-  --mwnf-sheet-label-color: var(--theme-dark);
+  --mwnf-sheet-label-color: inherit;
   --mwnf-sheet-gap: 0.75rem;
   --mwnf-sheet-toggle-color: var(--theme-dark);
   --mwnf-sheet-term-color: var(--theme-medium-dark);
@@ -223,6 +223,11 @@
      on the page ground. */
   --mwnf-dxa-heading-color: var(--theme-dark);
   --mwnf-dxa-band-background: var(--background-color);
+  /* The item sheet's Related Content sidebar: white on the light tone, its
+     headings underlined in the dark tone (legacy's `$theme-light`). */
+  --mwnf-dxa-related-background: var(--theme-light);
+  --mwnf-dxa-related-text: #ffffff;
+  --mwnf-dxa-related-heading-color: var(--theme-dark);
 }
 
 /* ── Page reset ──────────────────────────────────────────────────────────── */
@@ -340,3 +345,245 @@ a { color: inherit; }
   .mwnf-nav--open .mwnf-nav__links { display: grid; grid-template-columns: 1fr; }
   .mwnf-nav__toggle { width: 100%; justify-content: center; font-size: 20px; }
 }
+
+/* ── The header mark and tools, the footer's icons (inventory-app#2233) ──── */
+
+/* The tools keep to the row's end whether or not a title cell sits between
+   them and the mark (the home page has none). Legacy's logo is drawn at its
+   own size. */
+.mwnf-header__tools {
+  margin-inline-start: auto;
+}
+.mwnf-header__brand-logo {
+  height: auto;
+}
+.mwnf-footer__social-link {
+  color: #ffffff;
+}
+
+/* ── The home page: legacy's FeaturedPartners, LogosComponent and
+   FeaturedGalleries ───────────────────────────────────────────────────── */
+
+/* Featured Partners: white on the medium tone, the picture and the text
+   side by side in the middle 60% of the column, the bullets under them. */
+.mwnf-dxa-home .mwnf-featured-partners {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 0;
+  background: var(--theme-medium);
+  color: #ffffff;
+}
+.mwnf-dxa-home .mwnf-featured-partners__heading {
+  width: calc(60% + 20px);
+  margin: 40px 0 20px;
+  font-size: 125%;
+  font-weight: 400;
+  color: inherit;
+}
+.mwnf-dxa-home .mwnf-featured-partners__carousel {
+  width: calc(60% + 20px);
+  height: 32vh;
+  max-height: 275px;
+  min-height: 0;
+}
+.mwnf-dxa-home .mwnf-featured-partners__card {
+  height: 100%;
+  gap: 20px;
+}
+.mwnf-dxa-home .mwnf-featured-partners__image {
+  flex: 0 0 calc(50% - 10px);
+  height: 100%;
+}
+.mwnf-dxa-home .mwnf-featured-partners__logo {
+  height: 100%;
+}
+.mwnf-dxa-home .mwnf-featured-partners__body {
+  flex: 1;
+  gap: 0;
+  height: 100%;
+}
+.mwnf-dxa-home .mwnf-featured-partners__name {
+  font-size: inherit;
+  color: inherit;
+}
+.mwnf-dxa-home .mwnf-featured-partners__location {
+  font-size: inherit;
+  font-style: italic;
+  color: inherit;
+}
+.mwnf-dxa-home .mwnf-featured-partners__description {
+  height: 6em;
+  overflow: hidden;
+  margin-top: 20px;
+  line-height: 1.2em;
+  font-size: inherit;
+}
+.mwnf-dxa-home .mwnf-featured-partners__more {
+  margin-top: 5px;
+  text-align: end;
+  color: #ffffff;
+  text-decoration: none;
+}
+.mwnf-dxa-home .mwnf-featured-partners__more + .mwnf-featured-partners__more {
+  margin-top: 0;
+}
+.mwnf-dxa-home .mwnf-featured-partners__more:hover {
+  text-decoration: underline;
+}
+.mwnf-dxa-home .mwnf-featured-partners__controls {
+  justify-content: flex-start;
+  width: calc(60% + 20px);
+  margin: 20px 0 40px;
+  padding: 0;
+  gap: 18px;
+}
+.mwnf-dxa-home .mwnf-featured-partners__bullet {
+  width: 14px;
+  height: 14px;
+  background: var(--theme-dark);
+}
+.mwnf-dxa-home .mwnf-featured-partners__bullet--active {
+  background: var(--theme-light);
+}
+
+/* The logos strip (Glass's "Set up on the occasion of"). */
+.mwnf-dxa-home-logos {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px 50px;
+  background: #ffffff;
+}
+.mwnf-dxa-home-logos__label {
+  font-weight: 700;
+  color: var(--theme-dark);
+}
+.mwnf-dxa-home-logos__list {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  list-style: none;
+}
+.mwnf-dxa-home-logos__logo {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 90px;
+  min-height: 90px;
+  margin: 10px 20px;
+}
+.mwnf-dxa-home-logos__logo img {
+  max-width: 100%;
+  object-fit: contain;
+}
+
+/* Visit MWNF Galleries and Other Virtual Museums, side by side on white:
+   four tiles named in capitals on a dark band over the picture, and the
+   three virtual museums' picture banners, each named in its colour. */
+.mwnf-dxa-home .mwnf-sibling-galleries {
+  display: grid;
+  grid-template-columns: 75% 25%;
+  background: #ffffff;
+}
+.mwnf-dxa-home .mwnf-sibling-galleries__galleries,
+.mwnf-dxa-home .mwnf-sibling-galleries__museums {
+  display: flex;
+  flex-direction: column;
+  padding: 20px 30px;
+  background: transparent;
+}
+.mwnf-dxa-home .mwnf-sibling-galleries__header {
+  margin-bottom: 12px;
+}
+.mwnf-dxa-home .mwnf-sibling-galleries__heading,
+.mwnf-dxa-home .mwnf-sibling-galleries__see-more {
+  align-self: flex-start;
+  margin-bottom: 12px;
+  padding: 2px 0;
+  border-bottom: 1px solid var(--theme-medium-dark);
+  font-size: 115%;
+  font-weight: 400;
+  color: var(--theme-medium-dark);
+}
+.mwnf-dxa-home .mwnf-sibling-galleries__header .mwnf-sibling-galleries__heading,
+.mwnf-dxa-home .mwnf-sibling-galleries__see-more {
+  margin-bottom: 0;
+}
+.mwnf-dxa-home .mwnf-sibling-galleries__grid {
+  gap: 24px;
+}
+.mwnf-dxa-home .mwnf-sibling-galleries__gallery {
+  position: relative;
+}
+.mwnf-dxa-home .mwnf-sibling-galleries__image {
+  height: auto;
+  aspect-ratio: 1;
+  margin: 0;
+}
+.mwnf-dxa-home .mwnf-sibling-galleries__name {
+  position: absolute;
+  inset-inline: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 3em;
+  padding: 0 4px;
+  background: rgba(0, 0, 0, 0.6);
+  color: #ffffff;
+  font-weight: 400;
+  font-size: inherit;
+  text-align: center;
+  text-transform: uppercase;
+}
+.mwnf-dxa-home .mwnf-sibling-galleries__museums-grid {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+  gap: 10px;
+}
+.mwnf-dxa-home .mwnf-sibling-galleries__museum {
+  position: relative;
+  flex: 1;
+}
+.mwnf-dxa-home .mwnf-sibling-galleries__museum-image--picture {
+  height: 100%;
+  background: none;
+}
+.mwnf-dxa-home .mwnf-sibling-galleries__museum-image--picture img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.mwnf-dxa-home .mwnf-sibling-galleries__museum-image--picture + .mwnf-sibling-galleries__museum-name {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  font-size: 150%;
+  font-weight: 700;
+  color: var(--mwnf-museum-bg);
+  text-shadow: 0 0 10px var(--mwnf-museum-text);
+}
+
+@media only screen and (max-width: 974px) {
+  .mwnf-dxa-home .mwnf-sibling-galleries {
+    display: flex;
+    flex-direction: column;
+  }
+  .mwnf-dxa-home .mwnf-sibling-galleries__museums-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    column-gap: 24px;
+  }
+  .mwnf-dxa-home .mwnf-featured-partners__heading,
+  .mwnf-dxa-home .mwnf-featured-partners__carousel,
+  .mwnf-dxa-home .mwnf-featured-partners__controls {
+    width: calc(80% + 20px);
+  }
+}

package/src/tokens.reference.css

@@ -57,6 +57,7 @@
   /* --mwnf-header-button-active-background: #1c1c1c; The active language button */
   /* --mwnf-header-button-active-text: #ffffff;      Its text color */
   /* --mwnf-header-language-gap: 0.25rem;            Gap between language buttons */
+  /* --mwnf-header-brand-logo-height: 3rem;          The logo image in the brand cell */
 
   /* ---------- AppBanner ---------- */
   /* --mwnf-banner-padding: 0;                       Vertical padding */
@@ -158,6 +159,10 @@
   /* --mwnf-footer-link-color: inherit;              Footer link color */
   /* --mwnf-footer-attribution-gap: 0.25rem;         Gap before the rights-holder label */
   /* --mwnf-footer-terms-color: inherit;             Terms-of-use link color */
+  /* --mwnf-footer-social-gap: 1rem;                 Gap between the social-network icons */
+  /* --mwnf-footer-social-offset: 1.5rem;            Space before them */
+  /* --mwnf-footer-social-color: inherit;            Their colour (else the footer link colour) */
+  /* --mwnf-footer-social-size: 1rem;                Their height */
 
   /* ---------- Content: SectionCards ---------- */
   /* --mwnf-card-columns: 3;                         Cards per row */
@@ -795,6 +800,13 @@
   /* --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-link-text);   Item sheet value links */
+  /* --mwnf-dxa-item-padding: 3.125rem 1.25rem;      Item page: the photo and sheet columns' side padding */
+  /* --mwnf-dxa-related-width: 25%;                  Item page: the Related Content sidebar's width */
+  /* --mwnf-dxa-related-background: #f0f0f0;         Its background */
+  /* --mwnf-dxa-related-text: inherit;               Its text and links */
+  /* --mwnf-dxa-related-heading-color: inherit;      Its underlined headings */
+  /* --mwnf-dxa-glossary-image: none;                The glossary entry header's picture (set by ItemDetailView from the site's world.png) */
+  /* --mwnf-dxa-popup-image-width: 13.25rem;        An exhibition popup notice's pictures: their widest (legacy sized them 191 to 211px) */
   /* --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) */

package/dist/ItemDetailView-CfUtRLOV.js

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