@museumwnf/viewer-layout 2.17.0 → 3.0.0

package/README.md

@@ -17,7 +17,7 @@ all the packages:
 | `@museumwnf/viewer-layout/content` | building blocks | the blocks alone, without the shell | the same |
 | `@museumwnf/viewer-layout/views` | composed views | whole pages driven by a spec the website declares, with slots it fills | viewer-core's data layer, the site config and the router |
 | `@museumwnf/viewer-layout/components` | composed views | `SiteShell`, the frame composed from `dataset.config.js` | the site config and the current route |
-| `@museumwnf/viewer-layout/dxa` | DXA family layer | the gallery and exhibition pages, `standardRoutes` | the entries above, `@museumwnf/viewer-core` and `@museumwnf/viewer-core/dxa` |
+| `@museumwnf/viewer-layout/dxa` | DXA family layer | the gallery and exhibition pages and shells, the family-only blocks, `standardRoutes`, `galleryConfig` / `exhibitionConfig` | the entries above, `@museumwnf/viewer-core` and `@museumwnf/viewer-core/dxa` |
 | `@museumwnf/viewer-layout/style.css` | — | one stylesheet for every entry, the family styles included | — |
 | `@museumwnf/viewer-layout/tokens.reference.css` | — | every token the package reads, with its fallback | — |
 
@@ -46,14 +46,16 @@ entries publish, and `@museumwnf/viewer-core`. A component that moves
 between entries keeps its old export as an alias until the websites have
 moved; a major release then removes the alias.
 
-Where the package does not follow these rules yet, milestone M10 moves it:
 `FeaturedPartners`, `SiblingGalleries`, `PopupLogo`, `PictureGallery`,
-`PictureNarrative` (blocks) and `RecordSheetView` (a composed view) are used
-only by the DXA family and move under `/dxa`
-([inventory-app#2017](https://github.com/museumwithnofrontiers/inventory-app/issues/2017));
-`PictureGallery`, `PictureNarrative` and `EssayView` default to
-`exhibition.*` entries, and `FeaturedPartners` to `partner.featured`, which
-does not exist.
+`PictureNarrative` (blocks) and `ItemDetailView` (the composed view that was
+`RecordSheetView`) are used only by the DXA family and live under `/dxa`
+only: they moved there in 2.18.0
+([inventory-app#2055](https://github.com/museumwithnofrontiers/inventory-app/issues/2055)),
+and their old `/content` and `/views` names went in 3.0.0
+([inventory-app#2058](https://github.com/museumwithnofrontiers/inventory-app/issues/2058)).
+Where the package does not follow the rules yet: `PictureGallery`,
+`PictureNarrative` and `EssayView` default to `exhibition.*` entries
+(inventory-app#2019).
 
 Two companion docs give a more scannable version of who-owns-what and the
 full slot list: [`docs/designer-contract.md`](docs/designer-contract.md) (the
@@ -329,7 +331,7 @@ the application registered, without any router coupling here.
 | `TimelineEventList` | `events: [{ id, date, caption?, description? (block HTML), media?: [{ image, alt?, to? \| href?, caption? }], actions?: [{ label, to? \| href? }] }]` | one row per event; `caption`/`description` are rendered output, the same convention `RecordList`'s `name` follows; `#date`, `#caption`, `#media`, `#actions` slots (each given `{ event }`), `#empty` slot |
 | `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 |
+| `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 `ItemDetailView`'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 |
@@ -355,14 +357,14 @@ every bundle of `@museumwnf/viewer-i18n` from 1.7.0. `GlossaryTool` also reads
 `.additionalContent`, `.addRelatedWorks`, `.hideRelatedWorks` and
 `exhibition.related.items`, `.reciprocal`, which only the `exhibition` and
 `standalone` bundles of `@museumwnf/viewer-i18n` carry — a family default
-in a generic entry, which ends when the two move under `/dxa` (see
+in the family's entry now, where the two live since 2.18.0 (see
 [Entry points and layers](#entry-points-and-layers)). Every other text is a
 prop.
 
 `FeaturedPartners`, `SiblingGalleries`, `PopupLogo`, `PictureGallery` and
-`PictureNarrative` are used only by the DXA family, and move under `/dxa`
-in milestone M10; their exports here stay as aliases until the websites have
-moved.
+`PictureNarrative` are used only by the DXA family, and live under `/dxa`
+(since 2.18.0; their exports here went in 3.0.0). `FeaturedPartners`' heading defaults to `partner.list.featured`
+(viewer-i18n 4.3.0).
 
 ## Content classes
 
@@ -376,7 +378,7 @@ Building blocks copied from the legacy sites' own `site.css` files, available as
 | `.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--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-chip` | Inline project/source chip; variants `.mwnf-chip--<family>` where family is one of `ISLandEPM`, `DBA`, `AWE`, `DCA`, `DGA`, `EXH`, `Galleries`, or `Explore` (a record with no project), 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 |
 | `.mwnf-link` | Link text colour for DXA sites; not a interactive element wrapper, a colour utility |
@@ -386,8 +388,10 @@ Building blocks copied from the legacy sites' own `site.css` files, available as
 Whole pages, made of the content components on viewer-core's
 composables and driven by a declaration the website writes instead of a
 page. They are the broad page structures every kind of website shares;
-`RecordSheetView`, used only by the DXA family, moves under `/dxa` with a
-Detail name in milestone M10. They are exported from `@museumwnf/viewer-layout/views` — and only from
+`ItemDetailView`, the item page's view (`RecordSheetView` before 2.18.0), is used
+only by the DXA family and exported from `/dxa` alone; its row stays in the
+table below.
+They are exported from `@museumwnf/viewer-layout/views` — and only from
 there: they read the records and the engine from `@museumwnf/viewer-core`
 itself, whose entry point carries `.vue` files, and a website's test runner
 that loads this package natively would fail on the first one if the package
@@ -430,7 +434,7 @@ export default {
 | `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" |
+| `ItemDetailView` (`/dxa`) | 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" |
 | `EssayView` | `spec` and `id`: `tree` (a `useCollectionTree` result, or `{ purpose \| rootId, childType?, entity?, order? }` / `{ themes: true \| 'themes', childType? }` for the view to build one), `entity` (the tree's items — also the tree's own translations entity when `tree` carries none of its own, a pre-built tree or a declarative form with no `entity`/`themes`; falls back to `'collections'`), `route` (a node's own page: a route name or `(node, ctx) => to \| href`), `heading(ctx)`, `placeholder` (a regex a synthesized title matches, falling back to the English title, then the internal name), `quote` / `body` (a field of the node's translation, a dotted path into it such as `'extra.intro_text'`, or a function `(ctx) => Markdown`; default `'quote'`/`'description'`, `false` to drop), `glossary`, `items: { of(node) => ids, caption(item, node, ctx) => override, meta(item, ctx) => [string] (the grid's caption lines), badge(item, ctx) => string, route }`, `panel: { variants(item, ctx) => [{ id, image, alt, caption: { title, justification, fields: [{ label (entry name), value }] } }], fields(item, node, ctx) => [{ label, value }] (the fallback when a variant carries no fields of its own) } \| false`, `navigation: 'tree' \| 'siblings' \| false` (`tree` crosses a branch boundary, `siblings` stays inside the parent), `breadcrumb`, `tabs: true \| 'siblings' \| 'children'` (the strip: `true`/`'siblings'` — the node's own siblings, the default; `'children'` — the node's own children, e.g. a theme's chapters), `about(node) => boolean \| { panel?, navigation? }` (essay only; a plain boolean drops both the picture panel and the navigation, an object keeps the named piece instead), `aboutKeeps: ['panel' \| 'navigation']` (the spec-wide equivalent, when every about page in this spec keeps the same piece), `numbering: 'roman' \| 'decimal' \| false` (counts a node among its true siblings — for a themes-package tree, whose `root` is `null`, that's every node whose own `tree.parents(id)` is also empty, so a themes tree numbers its top-level themes I, II, III); `previous`, `next`, `backTo`, `inThisTheme`, `seeAll` (entry names, defaulting to `exhibition.theme.previous`/`.next`/`.inThisTheme`/`.seeAllInTheme` and `record.action.backToResults`) | `header`, `before-body`, `after-body`, `panel`, `thumbnails`, `aside`, `justifications`, `navigation`, `after` (default `SourceCredit` — nothing until the website declares `site.origin`) — each given `{ node, text, language, tree, items, selected, select, selectedVariant, selectVariant, breadcrumb, previous, next, t, tr }` |
 | `LinkListView` | `spec`: `title` (entry), `groups: [{ heading (entry), links: [{ label, href \| to, note? }] }] \| (ctx) => groups` (`label`/`note` are Markdown, rendered inline through `mdInline`), `back: { label, to \| href } \| false`, `empty` (entry) | `before`, `group` (given `{ group }`; the default renders the heading and its links — replace it for a citation list that is not link-shaped), `after` |
 | `PartnerListView` | `spec`: `entity` (default `'partners'`), `scope(partner, ctx)` (a site's own axis — museum/institution, a curated project — filtered before grouping), `group: { tier: 'level' \| false, order: 'country' \| 'name' }` (over viewer-core's `groupByCountry`; `'name'`: one flat, alphabetical group, no country carries this today), `orderToggle` (an A-Z/Z-A control, mirrored in the query as `order`; every tier is always sorted by name, the toggle reverses the country order or the one flat list), `nested` (an associated partner rendered under its own parent through `partnerHierarchy`, instead of the flat tier column; one whose parent is missing or in another group stays flat), `label(countryId, ctx)` (a group's own country label, required when `group.order` is `'country'`), `record(partner, ctx) => { name, city, logo, count, route }` (the row, when a site builds it itself), `route` (a route name or `(partner, ctx) => to \| href`, read by the default row only), `objectsRoute(partner, ctx)` (the line's View objects link), `actions: true` (the line's Read more · View objects links), `emptyLabel` (the line for a partner holding nothing), `variant: 'accordion' \| 'open'`, `count` (the "Partners found: N" line), `associatedLabel`/`foundLabel`/`objectsLabel`/`sortAscendingLabel`/`sortDescendingLabel`/`empty`/`title` (entry names, overriding the shared `partner.*` defaults) | `before`, `group-heading` (given `{ group }`; the default renders `group.label`), `row` (given `{ group, partner, row, view }`, once per partner — main, associated and, when nested, a child row too; the default is `PartnerPanel`'s `line` over `view`, viewer-core's `partnerView()`), `after` — every slot also given `{ t, locale, groups, orderDir, toggleOrder }` |
@@ -505,24 +509,48 @@ it, and a website can still replace any family page with its own component
 on the same route name. Texts stay in `@museumwnf/viewer-i18n`'s `gallery`
 and `exhibition` sections.
 
-It ships each family's pages plus `standardRoutes(family, config)`, the
-RouteRecord factory a site spreads into `extraViews`. One page serves both
-families: `PartnerDetail`, the partner page (`PartnerPanel`'s `full`
-variant), fed by each family's own half — `galleryPartnerDetail` /
-`exhibitionPartnerDetail`, which `standardRoutes` passes as its `family`
-prop; `GalleryPartnerProfile`/`ExhibitionPartnerProfile` are the same page
-under their old names.
+Since 2.18.0 it holds a whole DXA site but its values. A gallery's or an
+exhibition's `dataset.config.js` is one call:
 
 ```js
-import { standardRoutes } from '@museumwnf/viewer-layout/dxa'
-
-extraViews: [
-  ...standardRoutes('gallery', { creditsBody: 'carpets.credits.body' }),
-  // + this gallery's own routes: home, item, collection entrance,
-  // timeline entrance, partners entrance
-]
+import { galleryConfig } from '@museumwnf/viewer-layout/dxa'
+
+export default galleryConfig({
+  datasetPackage: '@museumwnf/carpets-data',
+  siteName: 'Carpets',                                   // for a package without manifest.site
+  origin: 'https://museumwithnofrontiers.github.io/carpets',
+  projectColors: { '<project id>': 'mwnf-chip--DCA' },  // one of the mwnf-chip--* classes
+  noticeProjects: ['<project id>'],                      // sheets with the Explore-partner notice
+  creditsBody: 'carpets.credits.body',
+})
 ```
 
+`exhibitionConfig` takes the same values (and `partnerObjects`, overrides of
+the shared `exhibition.partnerObjects.*` entries). The config carries the
+family's shell (`GalleryShell` / `ExhibitionShell`), menu, banner, sponsor
+strip, legacy redirects, and every page through
+`standardRoutes(family, { pages: true, … })`:
+
+- the eleven pages every site of a family already served from here
+  (search, partners, partner and institution pages, timeline results and
+  gallery, collection search and results, and a gallery's about and
+  credits);
+- with `pages: true`, the pages each site used to carry itself: the home
+  page, the item page (`GalleryItemDetail` / `ExhibitionItemDetail`, on
+  `ItemDetailView` and viewer-core's `useGalleryItemDetail` /
+  `useExhibitionItemDetail`), the timeline entrance, and an exhibition's
+  about page, themes, theme pages, theme galleries, related content and
+  credits.
+
+One page serves both families: `PartnerDetail`, the partner page
+(`PartnerPanel`'s `full` variant), fed by each family's own half —
+`galleryPartnerDetail` / `exhibitionPartnerDetail`, which `standardRoutes`
+passes as its `family` prop.
+
+An exhibition's theme pages read its three theme colours as
+`--mwnf-dxa-theme-*` tokens; a record with no project gets the
+`mwnf-chip--Explore` chip.
+
 Route names and paths are pinned to what every live DXA site already
 registers, so adopting the factory keeps every existing deep link (and
 every `legacyRoutes` resolver targeting those names) working unmodified.

package/dist/FeaturedRecord-Dw6uf3ax.js

@@ -0,0 +1,88 @@
+import { y as e } from "./TimelineEventList-BhkWyY5-.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, openBlock as s, renderList as c, renderSlot as l, toDisplayString as u, useSlots as d, withCtx as f } from "vue";
+//#region src/content/FeaturedRecord.vue
+var p = {
+	key: 0,
+	class: "mwnf-featured"
+}, m = {
+	key: 0,
+	class: "mwnf-featured__heading"
+}, h = {
+	key: 0,
+	class: "mwnf-featured__media"
+}, g = ["src", "alt"], _ = { class: "mwnf-featured__body" }, v = {
+	key: 0,
+	class: "mwnf-featured__eyebrow"
+}, y = ["innerHTML"], b = {
+	key: 1,
+	class: "mwnf-featured__action"
+}, x = {
+	__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(x) {
+		let S = x, C = d(), w = n(() => !!(S.name || S.image || C.default));
+		return (n, d) => w.value ? (s(), i("section", p, [x.heading ? (s(), i("h2", m, u(x.heading), 1)) : r("", !0), l(n.$slots, "default", {}, () => [o(e, {
+			class: "mwnf-featured__link",
+			to: x.to,
+			href: x.href
+		}, {
+			default: f(() => [x.image ? (s(), i("span", h, [a("img", {
+				class: "mwnf-featured__image",
+				src: x.image,
+				alt: x.imageAlt,
+				loading: "eager"
+			}, null, 8, g)])) : r("", !0), a("span", _, [
+				x.eyebrow ? (s(), i("span", v, u(x.eyebrow), 1)) : r("", !0),
+				a("span", {
+					class: "mwnf-featured__name",
+					innerHTML: x.name
+				}, null, 8, y),
+				(s(!0), i(t, null, c(x.meta, (e, t) => (s(), i("span", {
+					key: t,
+					class: "mwnf-featured__meta"
+				}, u(e), 1))), 128)),
+				x.action ? (s(), i("span", b, u(x.action) + " →", 1)) : r("", !0)
+			])]),
+			_: 1
+		}, 8, ["to", "href"])])])) : r("", !0);
+	}
+};
+//#endregion
+export { x as t };

package/dist/ItemDetailView-DT5EjZjB.js

@@ -0,0 +1,284 @@
+import { n as e, o as t } from "./TimelineEventList-BhkWyY5-.js";
+import { i as n, n as r, o as i, r as a, t as o } from "./OnDisplayIn-eSG5r48j.js";
+import { s } from "./TimelineResultsView-CgGVsJcp.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 };