@museumwnf/viewer-layout 3.2.2 → 3.4.0

package/src/tokens.reference.css

@@ -15,7 +15,9 @@
   /* --mwnf-weight-heading: 700;                     Weight for titles */
   /* --mwnf-color-text: #1c1c1c;                     Default text color */
   /* --mwnf-color-background: #ffffff;               Page background */
-  /* --mwnf-color-accent: #1c1c1c;                   Links and accents */
+  /* --mwnf-color-accent: #1c1c1c;                   Surfaces and accents (menu, bands, active states); never a text colour */
+  /* --mwnf-link-text: #0000ff;                      Every link; a component with its own link token falls back to this */
+  /* --mwnf-link-hover-text: var(--mwnf-link-text);  A link's colour on hover, where it changes */
   /* --mwnf-color-muted: #555555;                    Secondary text */
   /* --mwnf-color-border: #dddddd;                   Default border color */
   /* --mwnf-content-width: 64rem;                    Max content width (all sections) */
@@ -55,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 */
@@ -156,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 */
@@ -191,6 +198,7 @@
   /* --mwnf-card-accordion-child-gap: 0.5rem;        Accordion variant gap between subsections */
   /* --mwnf-card-accordion-child-padding: 0.5rem 0;  Accordion variant subsection padding */
   /* --mwnf-card-accordion-child-border: 1px solid #dddddd; Border above accordion subsections */
+  /* --mwnf-card-accordion-child-hover-color: var(--mwnf-link-hover-text); Accordion variant subsection link on hover */
 
   /* ---------- Content: FeaturedRecord ---------- */
   /* --mwnf-featured-heading-size: 1rem;             Heading over the spotlight */
@@ -443,7 +451,7 @@
   /* --mwnf-prose-paragraph-gap: 1rem;               Gap between paragraphs */
   /* --mwnf-prose-list-indent: 1.5em;                Left indent of lists */
   /* --mwnf-prose-list-item-gap: 0.5rem;             Gap between list items */
-  /* --mwnf-prose-link-hover-color: #555555;         Link hover color */
+  /* --mwnf-prose-link-hover-color: var(--mwnf-link-hover-text, #555555); Link hover color */
   /* --mwnf-link-list-gap: 1.5rem;                   Gap between sections */
   /* --mwnf-link-list-back-size: 0.8125rem;          Back link size */
   /* --mwnf-link-list-title-size: 1.5rem;            Page title size */
@@ -454,6 +462,7 @@
   /* --mwnf-link-list-heading-color: inherit;        Group heading color */
   /* --mwnf-link-list-item-gap: 0.5rem;              Gap between links */
   /* --mwnf-link-list-note-gap: 0.25rem;             Gap between link and note */
+  /* --mwnf-link-list-link-color: var(--mwnf-link-text); Link color */
   /* --mwnf-link-list-link-weight: 500;              Link font weight */
   /* --mwnf-link-list-note-size: 0.8125rem;          Link note size */
   /* --mwnf-link-list-note-color: #555555;           Link note color */
@@ -498,6 +507,7 @@
   /* --mwnf-partner-list-group-title-color: inherit; Its color */
   /* --mwnf-partner-list-group-marker-closed: '▸ ';  The accordion's own disclosure triangle, collapsed */
   /* --mwnf-partner-list-group-marker-open: '▾ ';    Its expanded form */
+  /* --mwnf-partner-list-group-marker-color: inherit; The triangle's color (the heading's own by default) */
   /* --mwnf-partner-list-tier-gap: 0.5rem;           Space above a tier, and above the associated column */
   /* --mwnf-partner-list-tier-border: 1px dashed #dddddd; Line above the associated column */
   /* --mwnf-partner-list-tier-label-size: 0.75rem;   "Associated Partners" size */
@@ -505,8 +515,6 @@
   /* --mwnf-partner-list-row-inline-gap: 0.5rem;     Gap between a row's own logo, name and count */
   /* --mwnf-partner-list-logo-width: 6rem;           Row logo max width */
   /* --mwnf-partner-list-logo-height: 3rem;          Row logo max height */
-  /* --mwnf-partner-list-name-weight: 500;           Row name font weight */
-  /* --mwnf-partner-list-meta-size: 0.8125rem;       The item-count line's size */
   /* --mwnf-partner-list-children-indent: 1.5rem;    Indent of a nested (`nested: true`) associated row */
   /* --mwnf-partner-list-empty-padding: 1rem;        Empty state padding */
   /* --mwnf-partner-list-empty-size: 0.875rem;       Empty state size */
@@ -523,6 +531,9 @@
   /* --mwnf-view-back-size: 0.8125rem;               The record page's back link, the essay's panel link and nav row */
   /* --mwnf-view-back-color: inherit;                Its color */
   /* --mwnf-view-status-size: 0.75rem;               "Loading…" on the record page and the essay */
+  /* --mwnf-catalogue-boxed-gap: 1rem;               `boxed` results (framed by the panel's tokens): the gap under the filters */
+  /* --mwnf-catalogue-boxed-year-width: 6.25rem;     `boxed` results: a year field's width */
+  /* --mwnf-record-spaced-gap: 1.25rem;             `spaced` record: the gap under the pictures and the sheet */
 
   /* ---------- Content: EssayView ---------- */
   /* --mwnf-view-essay-breadcrumb-gap: 0.375rem;     Gap between breadcrumb parts */
@@ -589,7 +600,7 @@
   /* ---------- Content: PartnerPanel ---------- */
   /* --mwnf-partner-name-color: inherit;               Name, section and contact headings */
   /* --mwnf-partner-name-weight: 700;                  Name weight (page, heading) */
-  /* --mwnf-partner-link-color: var(--mwnf-color-accent);  Links: name, actions, contact, homepage */
+  /* --mwnf-partner-link-color: var(--mwnf-link-text);  Links: name, contact, homepage, actions (not one drawn as a button) */
   /* --mwnf-partner-muted-color: var(--mwnf-color-muted);  Location, count, dividers */
   /* --mwnf-partner-divider-gap: 0.375rem;             Space around a | divider */
   /* --mwnf-partner-logo-width: 7.5rem;                Line/summary logo, max width */
@@ -681,6 +692,7 @@
   /* --mwnf-back-link-button-padding: 0.375rem 0.75rem; Back link button padding */
   /* --mwnf-back-link-size: 0.875rem;                  Back link text size */
   /* --mwnf-back-link-line-height: 1;                  Back link line height */
+  /* --mwnf-back-link-color: var(--mwnf-link-text);    Back link color */
 
   /* ---------- Content: SearchFormView ---------- */
   /* --mwnf-search-form-row-gap: 0.5rem;             Gap between a row's own parts, and between facet columns */
@@ -782,13 +794,19 @@
   /* --mwnf-loader-text: #1c1c1c;                    Loader text color */
   /* --mwnf-loader-size: 0.875rem;                   Loader text size */
 
-  /* --mwnf-link-text: #0000ff;                      Link text color */
 
   /* ---------- DXA family pages (src/dxa/) ---------- */
   /* --mwnf-dxa-heading-color: #1c1c1c;              Partner name / profile heading color */
   /* --mwnf-dxa-band-background: #f0f0f0;            Language switcher / tab strip / timeline-link box background */
   /* --mwnf-dxa-item-background: #ffffff;            Item page ground (white on a gallery's tinted page) */
-  /* --mwnf-dxa-item-link: var(--mwnf-color-accent); Item sheet value links */
+  /* --mwnf-dxa-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-C-X-LgJU.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-5Cy-OkZY.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 };