@aglyn/plugins-mui 1.0.0-beta.215 → 1.0.0-beta.216

package/src/lib/components/collection-related.js

@@ -0,0 +1,536 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import * as Aglyn from "@aglyn/aglyn";
+import { mdiNewspaperVariantOutline } from "@aglyn/shared-data-mdi";
+import { AppLink } from "@aglyn/shared-ui-jsx";
+import Box from "@mui/material/Box";
+import Chip from "@mui/material/Chip";
+import MuiStack from "@mui/material/Stack";
+import Typography from "@mui/material/Typography";
+import { forwardRef, useContext } from "react";
+import { BUNDLE_ID } from "../constants/bundle-common.js";
+// One coercion for every authored count in this bundle (AGL-1457) — number
+// fields round-trip as strings, and a second parser here would drift.
+import { toCount } from "../utils/to-count.js";
+import { RELATED_SAMPLE_PUBLISHED_AT, RELATED_SAMPLE_CATEGORY } from "./collection-common.js";
+// The theme's own type steps (AGL-2486), shared with the Typography element
+// rather than a second list here — one rung list, one place to extend.
+import { typographyVariants } from "./typography.js";
+// Persisted component id (AGL-551/582); the compose pipeline references it
+// through the @aglyn/aglyn constant. Never rename.
+export const RELATED_ID = Aglyn.COLLECTION_RELATED_COMPONENT_ID;
+/** The frame's 3-up (Figma 170:242) when nothing usable is authored. */ const RELATED_DEFAULT_COLUMNS = 3;
+/**
+ * The cover's PROPORTION in the card grid.
+ *
+ * ONE ratio for every card, rather than each record's own shape: the titles
+ * under the covers only line up when the covers are the same height, and a
+ * grid of honest shapes is a ragged grid.
+ *
+ * The ratio is the shape the console asks authors for — 1200 x 630, the same
+ * image that heads the entry and doubles as its share card — so a cover
+ * authored as instructed loses nothing to the crop. The frame's own card is
+ * 445 x 180 (Figma 170:243), which is 2.47 against that art's 1.90: held
+ * there, `objectFit: cover` discarded 23% of every card's picture at every
+ * width. Cover art is usually a composed lockup, so what it discards is the
+ * title set on it.
+ *
+ * Before the ratio it was a fixed 180px height, which was the frame's number
+ * without the frame's shape: a card is 445 wide there, the grid's columns
+ * grow with the viewport and 180 does not, so every extra pixel of width
+ * flattened the box further — 3.57:1 by a 2000px viewport. A ratio holds the
+ * shape at every width; this ratio holds the picture as well.
+ */ const RELATED_COVER_ASPECT = '1200 / 630';
+/**
+ * The card's category chip (AGL-1457). ONE fixed token pair for every
+ * category: colour-coding a chip per category needs conditional styling,
+ * which is not expressible yet (AGL-1307), and inventing a palette here
+ * would have to be unpicked when it is. Same shape as the tag chips Entry
+ * Meta already renders, so the two blocks read as one vocabulary.
+ */ const relatedChipSx = {
+    alignSelf: 'flex-start',
+    borderColor: 'divider',
+    color: 'text.secondary',
+    '& .MuiChip-label': {
+        // 9px, the frame's own inset on a 69 x 24 chip.
+        px: 1.125,
+        // The frame sets this label in the same uppercase, letter-spaced step as
+        // the kicker above an article title, which is what `overline` IS in the
+        // site theme. Naming the step keeps the chip on the theme's scale instead
+        // of a hand-written size that drifts the moment the theme moves.
+        typography: 'overline',
+        // `size="small"` gives the chip the frame's 24px height, and `overline`
+        // carries a 2.66 line-height meant for a standalone kicker with room
+        // around it. Inside a fixed-height chip the box sets the height, so the
+        // line collapses to it and the label centres.
+        lineHeight: 1
+    }
+};
+/** The heading step the block has always emitted. */ const RELATED_DEFAULT_HEADING_VARIANT = 'h5';
+/** The card-title step the block has always emitted. */ const RELATED_DEFAULT_TITLE_VARIANT = 'subtitle1';
+/**
+ * Titles for the sample cards. Deliberately unmistakable as copy: the author
+ * is looking at a LAYOUT, and a plausible-looking headline here is one an
+ * author can mistake for a post that exists — or worse, design around.
+ */ const RELATED_SAMPLE_TITLES = [
+    'Sample related post',
+    'A second sample post',
+    'A third sample post'
+];
+/** Excerpt text for the sample cards; one line, so the card keeps its shape. */ const RELATED_SAMPLE_EXCERPT = 'Each post’s own excerpt reads here, trimmed to a line or two.';
+/**
+ * Stand-in posts for editing surfaces (AGL-2486).
+ *
+ * Related posts are resolved FROM the routed entry, and a besigner canvas has
+ * no routed entry — so the block used to draw a one-line dashed strip and the
+ * author styled a layout they could not see. The sample is the block's REAL
+ * markup, at the author's own settings, which is the only way the canvas can
+ * answer "what will this look like".
+ *
+ * It exists only where {@link ScreenLinkContext.suppressNavigation} is on —
+ * the besigner canvas and Preview. A published render reaches this function
+ * on no path at all, so no visitor can ever be shown a post that does not
+ * exist.
+ *
+ * The count follows the author's own `limit` so a 6-post rail at 3 columns
+ * previews as two rows, and is bounded by the same ceiling the server
+ * applies rather than a second one.
+ */ const sampleRelatedEntries = (limit, dateFormat)=>{
+    const count = Math.min(// `|| default` also rejects 0, which `toCount` would otherwise accept and
+    // preview as an empty rail — the one thing the sample exists to avoid.
+    toCount(limit, Aglyn.COLLECTION_RELATED_DEFAULT_LIMIT) || Aglyn.COLLECTION_RELATED_DEFAULT_LIMIT, Aglyn.COLLECTION_RELATED_MAX);
+    const date = Aglyn.formatCollectionEntryDate(RELATED_SAMPLE_PUBLISHED_AT, dateFormat);
+    return Array.from({
+        length: count
+    }, (_, index)=>{
+        var _RELATED_SAMPLE_TITLES_index;
+        return {
+            title: (_RELATED_SAMPLE_TITLES_index = RELATED_SAMPLE_TITLES[index]) != null ? _RELATED_SAMPLE_TITLES_index : `Sample related post ${index + 1}`,
+            // Empty, not a plausible path: every surface that renders the sample
+            // suppresses navigation, so the title is text rather than an anchor and
+            // this is never read. A real-looking href would be a link to nowhere the
+            // moment that stopped being true.
+            url: '',
+            date,
+            category: RELATED_SAMPLE_CATEGORY,
+            excerpt: RELATED_SAMPLE_EXCERPT
+        };
+    });
+};
+/**
+ * Lists other entries of the same collection sharing the current entry's
+ * category or a tag (AGL-582). The tenant stamps `entries` at compose time
+ * on entry renders; without them the published site renders nothing and an
+ * editing surface renders sample cards (AGL-2486).
+ *
+ * Two layouts (AGL-1457). `list` is the plain-link list that has always
+ * shipped and stays the default — the block is live on every blog entry, so
+ * a new default would restyle published pages nobody asked about. `cards` is
+ * the article frame's grid: cover, category chip, title, at an author-set
+ * column count.
+ *
+ * The block owns its markup, so nothing inside a card is a node the Styles
+ * panel can select. Every part it renders therefore needs an attribute, or
+ * it is unauthorable by construction — which is what the type steps and the
+ * `show*` switches are (AGL-2486).
+ */ const CollectionRelated = /*#__PURE__*/ forwardRef((props, ref)=>{
+    // `limit` and `dateFormat` are compose-time: the tenant resolves them
+    // while stamping `entries`; strip them so they never hit the DOM. The
+    // rest are read here, so they must not reach it either.
+    const { heading, limit, entries, showCover, layout, columns, headingVariant, titleVariant, showDate, dateFormat, showCategory, showExcerpt } = props, rest = _object_without_properties_loose(props, [
+        "heading",
+        "limit",
+        "entries",
+        "showCover",
+        "layout",
+        "columns",
+        "headingVariant",
+        "titleVariant",
+        "showDate",
+        "dateFormat",
+        "showCategory",
+        "showExcerpt"
+    ]);
+    // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).
+    const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [
+        props['sx']
+    ];
+    const { suppressNavigation } = useContext(Aglyn.ScreenLinkContext);
+    // The resolver every other surface shares (AGL-1215): a stamped `media:`
+    // reference becomes a CDN URL HERE, not in the document, so one
+    // reference keeps working across sites. Called before the early return —
+    // it is a hook.
+    const { hostId } = Aglyn.useSite();
+    // An editing surface has no routed entry, so nothing is stamped and the
+    // block used to be the one part of the page that was not WYSIWYG. The
+    // sample stands in for exactly that gap, and only there.
+    const sample = !(entries == null ? void 0 : entries.length) && Boolean(suppressNavigation);
+    const items = (entries == null ? void 0 : entries.length) ? entries : sample ? sampleRelatedEntries(limit, Aglyn.normalizeCollectionEntryDateFormat(dateFormat)) : [];
+    if (!items.length) return /*#__PURE__*/ _jsx(Box, _extends({
+        ref: ref
+    }, rest));
+    const title = heading != null ? heading : 'Related articles';
+    const headingNode = title ? /*#__PURE__*/ _jsx(Typography, {
+        variant: headingVariant || RELATED_DEFAULT_HEADING_VARIANT,
+        component: "h2",
+        children: title
+    }) : null;
+    /**
+     * The card title, as a HEADING in the site theme.
+     *
+     * It used to be a bare `AppLink`, which is MUI's `Link` — `primary.main`
+     * and `underline="always"` — so the one thing a related card is FOR read
+     * as a default browser link on a themed page, at no heading level, and
+     * with no attribute able to touch it. The type step now comes from the
+     * theme's own rungs and the anchor inherits the colour, exactly as the
+     * Entry Author card's byline link does.
+     *
+     * `linked` is false wherever the whole card is already the anchor: an
+     * `<a>` inside an `<a>` is invalid markup that browsers silently unnest.
+     */ const titleNode = (entry, linked)=>/*#__PURE__*/ _jsx(Typography, {
+            variant: titleVariant || RELATED_DEFAULT_TITLE_VARIANT,
+            component: "h3",
+            children: linked && !suppressNavigation && entry.url ? /*#__PURE__*/ _jsx(AppLink, {
+                href: entry.url,
+                sx: {
+                    color: 'inherit'
+                },
+                underline: "hover",
+                children: entry.title
+            }) : entry.title
+        });
+    const dateNode = (entry)=>showDate !== false && entry.date ? /*#__PURE__*/ _jsx(Typography, {
+            variant: "caption",
+            sx: {
+                color: 'text.secondary'
+            },
+            children: entry.date
+        }) : null;
+    const excerptNode = (entry)=>showExcerpt && entry.excerpt ? /*#__PURE__*/ _jsx(Typography, {
+            variant: "body2",
+            sx: {
+                color: 'text.secondary'
+            },
+            children: entry.excerpt
+        }) : null;
+    /**
+     * The cover, when the author asked for one AND the entry has one. An
+     * entry without a cover gets no box at all rather than a placeholder:
+     * the related list is a real feed, and a row of grey rectangles is worse
+     * than a row of titles.
+     *
+     * The sample cards are the exception, and for the opposite reason: they
+     * stand in for posts that do not exist yet, so the cover SLOT is what
+     * the author is looking at. A card grid previewing without its images is
+     * not the grid being styled.
+     */ const coverNode = (entry)=>{
+        const src = showCover ? Aglyn.resolveMediaSrc(entry.coverImage, {
+            hostId
+        }) : undefined;
+        if (!src) {
+            if (!sample || !showCover) return null;
+            return /*#__PURE__*/ _jsx(Box, {
+                "aria-hidden": true,
+                sx: {
+                    width: '100%',
+                    aspectRatio: RELATED_COVER_ASPECT,
+                    borderRadius: 1,
+                    backgroundColor: 'action.hover'
+                }
+            });
+        }
+        return /*#__PURE__*/ _jsx(Box, _extends({
+            component: "img",
+            src: src,
+            // The author's own description wins, and the title stays the
+            // fallback (AGL-2418). Unlike the entry hero and the event
+            // thumbnail — which render empty when nothing is authored — this
+            // cover is the LINK's own content, so it must carry an accessible
+            // name rather than go silent.
+            alt: Aglyn.renderedMediaAlt(entry.coverImageAlt, entry.title),
+            sx: {
+                display: 'block',
+                width: '100%',
+                aspectRatio: RELATED_COVER_ASPECT,
+                objectFit: 'cover',
+                borderRadius: 1
+            }
+        }, Aglyn.DEFERRED_IMAGE_ATTRIBUTES));
+    };
+    /**
+     * The notice that says these cards are not posts (AGL-2486). Editing
+     * surfaces only, and outside the card markup rather than inside it, so
+     * the author is styling the same tree the site will render.
+     */ const sampleNotice = sample ? /*#__PURE__*/ _jsx(Typography, {
+        variant: "caption",
+        sx: {
+            display: 'block',
+            p: 1,
+            border: '1px dashed',
+            borderColor: 'divider',
+            borderRadius: 1,
+            color: 'text.secondary',
+            fontFamily: 'system-ui, sans-serif'
+        },
+        children: 'Sample posts — entries sharing this entry’s category or tags ' + 'replace these on the published page'
+    }) : null;
+    if (layout === 'cards') {
+        // `toCount` rounds and rejects junk; `|| default` also rejects 0, which
+        // it would otherwise accept as a column count and emit `repeat(0, …)`.
+        const columnCount = toCount(columns, RELATED_DEFAULT_COLUMNS) || RELATED_DEFAULT_COLUMNS;
+        /**
+       * One card's contents, always with a PLAIN title: the caller wraps the
+       * whole card in the anchor, because a reader aiming at a 180px cover
+       * should not have to hit the line of text under it — and a second
+       * anchor around the title inside that one is markup browsers unnest.
+       */ const card = (entry)=>// 12px between cover, chip and title — the frame's rhythm (170:243
+            // puts the chip at y=192 under a cover ending at 180, and the title
+            // at y=228 under a chip ending at 216).
+            /*#__PURE__*/ _jsxs(MuiStack, {
+                spacing: 1.5,
+                children: [
+                    coverNode(entry),
+                    showCategory !== false && entry.category ? /*#__PURE__*/ _jsx(Chip, {
+                        label: entry.category,
+                        size: "small",
+                        variant: "outlined",
+                        sx: relatedChipSx
+                    }) : null,
+                    titleNode(entry, false),
+                    excerptNode(entry),
+                    dateNode(entry)
+                ]
+            });
+        return /*#__PURE__*/ _jsxs(Box, _extends({
+            ref: ref
+        }, rest, {
+            // MERGE, never replace (AGL-1450) — the node's slice arrives as the
+            // ARRAY `mergeSxProps` builds in leaf.tsx, so folding it into an
+            // object spreads numeric keys and discards every authored property
+            // while these defaults still apply. Defaults first, node's after.
+            sx: [
+                {
+                    display: 'grid',
+                    gridTemplateColumns: `repeat(${columnCount}, minmax(0, 1fr))`,
+                    alignItems: 'start',
+                    columnGap: 3,
+                    rowGap: 4
+                },
+                ...nodeSx
+            ],
+            children: [
+                headingNode ? /*#__PURE__*/ _jsx(Box, {
+                    sx: {
+                        gridColumn: '1 / -1'
+                    },
+                    children: headingNode
+                }) : null,
+                sampleNotice ? /*#__PURE__*/ _jsx(Box, {
+                    sx: {
+                        gridColumn: '1 / -1'
+                    },
+                    children: sampleNotice
+                }) : null,
+                items.map((entry, index)=>{
+                    const linked = !suppressNavigation && Boolean(entry.url);
+                    return linked ? /*#__PURE__*/ _jsx(AppLink, {
+                        href: entry.url,
+                        underline: "none",
+                        // A grid ITEM, so it has to be a block; `color: inherit`
+                        // keeps the cover, chip and date reading as themed content
+                        // rather than as the inside of a link.
+                        sx: {
+                            color: 'inherit',
+                            display: 'block'
+                        },
+                        children: card(entry)
+                    }, index) : /*#__PURE__*/ _jsx(Box, {
+                        children: card(entry)
+                    }, index);
+                })
+            ]
+        }));
+    }
+    return /*#__PURE__*/ _jsxs(MuiStack, _extends({
+        ref: ref,
+        spacing: 1.5
+    }, rest, {
+        children: [
+            headingNode,
+            sampleNotice,
+            items.map((entry, index)=>{
+                const meta = [
+                    showDate !== false ? entry.date : '',
+                    showCategory !== false ? entry.category : ''
+                ].filter(Boolean);
+                return /*#__PURE__*/ _jsxs(MuiStack, {
+                    spacing: 0.25,
+                    children: [
+                        coverNode(entry),
+                        titleNode(entry, true),
+                        excerptNode(entry),
+                        meta.length ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            sx: {
+                                color: 'text.secondary'
+                            },
+                            children: meta.join(' · ')
+                        }) : null
+                    ]
+                }, index);
+            })
+        ]
+    }));
+});
+CollectionRelated.displayName = 'AglynCollectionRelated';
+export const collectionRelatedSchema = {
+    $id: RELATED_ID,
+    pluginId: BUNDLE_ID,
+    displayName: 'Related Posts',
+    description: "Other entries sharing this one's category or tags.",
+    category: Aglyn.ComponentCategory.DATA_DISPLAY,
+    icon: {
+        path: mdiNewspaperVariantOutline.path,
+        sx: {
+            color: 'secondary.main'
+        }
+    },
+    flags: {
+        selfClosing: Aglyn.FEATURE_FLAG.ENABLED
+    },
+    attributes: [
+        {
+            name: 'heading',
+            label: 'Heading',
+            description: 'Section heading (blank hides it).',
+            component: Aglyn.FieldComponentType.TEXT_FIELD
+        },
+        {
+            name: 'limit',
+            label: 'Limit',
+            description: 'Most related posts listed (default 3).',
+            component: Aglyn.FieldComponentType.TEXT_FIELD,
+            type: 'number'
+        },
+        {
+            name: 'layout',
+            label: 'Layout',
+            description: 'List keeps the plain links this block has always rendered. ' + 'Cards is the article layout: cover, category, title, in a grid.',
+            component: Aglyn.FieldComponentType.SELECT,
+            // Both values are REAL (AGL-1451/AGL-1453): `''` cannot survive a
+            // save, so an author who switched to Cards would have no route back.
+            // `list` is also the value the render falls back to, so naming it is
+            // the same choice, not a second one.
+            options: [
+                {
+                    value: 'list',
+                    label: 'List (default)'
+                },
+                {
+                    value: 'cards',
+                    label: 'Card grid'
+                }
+            ]
+        },
+        {
+            name: 'columns',
+            label: 'Columns',
+            description: 'Cards per row in the card grid. Default 3.',
+            component: Aglyn.FieldComponentType.TEXT_FIELD,
+            type: 'number',
+            // Meaningless on the list, where each post is its own row.
+            condition: {
+                when: 'layout',
+                is: 'cards'
+            }
+        },
+        {
+            name: 'showCover',
+            label: 'Show cover',
+            description: 'Show each post’s cover image. Posts without one show their ' + 'title alone rather than an empty box.',
+            component: Aglyn.FieldComponentType.SWITCH
+        },
+        {
+            name: 'headingVariant',
+            label: 'Heading style',
+            description: 'Which type step from the site theme the section heading above ' + 'the posts reads at. Default Heading 5.',
+            component: Aglyn.FieldComponentType.SELECT,
+            // The theme's own rungs, shared with the Typography element rather
+            // than a second list here: two lists is how a step added to the
+            // theme becomes reachable in one place and not the other.
+            options: [
+                ...typographyVariants
+            ]
+        },
+        {
+            name: 'titleVariant',
+            label: 'Title style',
+            description: 'Which type step from the site theme each post’s title reads at. ' + 'Default Subtitle 1; the title takes the surrounding text color ' + 'rather than the link color.',
+            component: Aglyn.FieldComponentType.SELECT,
+            options: [
+                ...typographyVariants
+            ]
+        },
+        {
+            name: 'showDate',
+            label: 'Show date',
+            description: 'Off drops each post’s published date. The posts stay in ' + 'newest-first order either way — this is about the card, not the ' + 'ordering.',
+            component: Aglyn.FieldComponentType.SWITCH,
+            // Unset means SHOWN in the renderer above, so the switch has to
+            // OPEN in that position or it lies about the block in front of
+            // the author — and the first click, which writes the `true` that
+            // was already in effect, changes nothing and reads as a dead
+            // control (AGL-2506).
+            initialValue: true
+        },
+        {
+            name: 'dateFormat',
+            label: 'Date format',
+            description: 'How each post’s published date reads on its card. Site default ' + 'is the format this block has always used.',
+            component: Aglyn.FieldComponentType.SELECT,
+            // The formats the pure layer knows how to produce, so the list
+            // cannot offer a shape nothing renders. Every value is REAL,
+            // including the do-nothing one (AGL-1451/AGL-1453).
+            options: [
+                ...Aglyn.COLLECTION_ENTRY_DATE_FORMAT_OPTIONS
+            ]
+        },
+        {
+            name: 'showCategory',
+            label: 'Show category',
+            description: 'Off drops the category — the chip above each card title, or the ' + 'second half of the line under each link on the list layout.',
+            component: Aglyn.FieldComponentType.SWITCH,
+            // Unset means SHOWN in the renderer above, so the switch has to
+            // OPEN in that position or it lies about the block in front of
+            // the author — and the first click, which writes the `true` that
+            // was already in effect, changes nothing and reads as a dead
+            // control (AGL-2506).
+            initialValue: true
+        },
+        {
+            name: 'showExcerpt',
+            label: 'Show excerpt',
+            description: 'Adds each post’s excerpt under its title. Posts with no excerpt ' + 'are unchanged rather than leaving a gap.',
+            component: Aglyn.FieldComponentType.SWITCH
+        }
+    ]
+};
+export { CollectionRelated };
+
+//# sourceMappingURL=collection-related.js.map

package/src/lib/components/collection-related.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/mui/src/lib/components/collection-related.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport * as Aglyn from '@aglyn/aglyn'\nimport { mdiNewspaperVariantOutline } from '@aglyn/shared-data-mdi'\nimport { AppLink } from '@aglyn/shared-ui-jsx'\nimport Box from '@mui/material/Box'\nimport Chip from '@mui/material/Chip'\nimport MuiStack, { type StackProps } from '@mui/material/Stack'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useContext } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\n// One coercion for every authored count in this bundle (AGL-1457) — number\n// fields round-trip as strings, and a second parser here would drift.\nimport { toCount } from '../utils/to-count'\nimport {\n  RELATED_SAMPLE_PUBLISHED_AT,\n  RELATED_SAMPLE_CATEGORY,\n} from './collection-common'\n// The theme's own type steps (AGL-2486), shared with the Typography element\n// rather than a second list here — one rung list, one place to extend.\nimport { typographyVariants } from './typography'\n\n// Persisted component id (AGL-551/582); the compose pipeline references it\n// through the @aglyn/aglyn constant. Never rename.\nexport const RELATED_ID: Aglyn.ComponentId =\n  Aglyn.COLLECTION_RELATED_COMPONENT_ID\n\n/** How the related posts are laid out (AGL-1457). */\nexport type CollectionRelatedLayout = 'list' | 'cards'\n\n/** One related post as stamped by the compose pipeline (AGL-582). */\nexport interface CollectionRelatedProps extends StackProps {\n  /** Section heading; empty string hides it. */\n  heading?: string\n  /** Compose-time: most related posts listed (default 3). */\n  limit?: number | string\n  /**\n   * Emit each entry's cover image (AGL-1457). OFF is the default and the\n   * shipped behaviour — the block is live on every blog entry, so turning\n   * covers on by default would restyle published pages nobody asked about.\n   */\n  showCover?: boolean\n  /**\n   * `list` (default) is the plain-link list that has always shipped; `cards`\n   * is the article frame's grid of cover + category chip + title.\n   */\n  layout?: CollectionRelatedLayout\n  /** Columns in the `cards` grid (default 3, the frame's 3-up). */\n  columns?: number | string\n  /**\n   * Type step the section heading reads at (default `h5`). One of the\n   * theme's own rungs, shared with the Typography element — a heading sized\n   * by hand in the Styles panel is the pixel-typing the tokens exist to stop.\n   */\n  headingVariant?: string\n  /**\n   * Type step each card title reads at (default `subtitle1`, what the block\n   * has always emitted). The title is the block's own markup, so the Styles\n   * panel — which edits the node's root — cannot reach it; this is the only\n   * handle on it.\n   */\n  titleVariant?: string\n  /** Show each post's published date. On is the shipped behaviour. */\n  showDate?: boolean\n  /**\n   * How each card's published date reads (AGL-1459) — a COMPOSE-TIME prop\n   * like {@link limit}: it is answered in `expandCollectionRelated`, where\n   * the timestamp still exists, and never reaches the DOM. Blank, or\n   * `default`, is the locale date the block has always emitted.\n   *\n   * Read here too, but only to date the SAMPLE cards: an editing surface has\n   * no routed entry and therefore no server fill, so the picker would\n   * otherwise preview nothing.\n   */\n  dateFormat?: Aglyn.CollectionEntryDateFormat\n  /** Show each post's category. On is the shipped behaviour. */\n  showCategory?: boolean\n  /**\n   * Show each post's excerpt. OFF is the default and the shipped behaviour:\n   * the excerpt has been stamped onto every related item since AGL-582 and\n   * rendered by nothing, so turning it on by default would add a paragraph\n   * to every published entry nobody asked about.\n   */\n  showExcerpt?: boolean\n  /**\n   * Server-stamped related posts (`expandCollectionRelated`); never set by\n   * hand — the tenant computes it from the current entry's category/tags.\n   */\n  entries?: Aglyn.CollectionRelatedItem[]\n}\n\n/** The frame's 3-up (Figma 170:242) when nothing usable is authored. */\nconst RELATED_DEFAULT_COLUMNS = 3\n\n/**\n * The cover's PROPORTION in the card grid.\n *\n * ONE ratio for every card, rather than each record's own shape: the titles\n * under the covers only line up when the covers are the same height, and a\n * grid of honest shapes is a ragged grid.\n *\n * The ratio is the shape the console asks authors for — 1200 x 630, the same\n * image that heads the entry and doubles as its share card — so a cover\n * authored as instructed loses nothing to the crop. The frame's own card is\n * 445 x 180 (Figma 170:243), which is 2.47 against that art's 1.90: held\n * there, `objectFit: cover` discarded 23% of every card's picture at every\n * width. Cover art is usually a composed lockup, so what it discards is the\n * title set on it.\n *\n * Before the ratio it was a fixed 180px height, which was the frame's number\n * without the frame's shape: a card is 445 wide there, the grid's columns\n * grow with the viewport and 180 does not, so every extra pixel of width\n * flattened the box further — 3.57:1 by a 2000px viewport. A ratio holds the\n * shape at every width; this ratio holds the picture as well.\n */\nconst RELATED_COVER_ASPECT = '1200 / 630'\n\n/**\n * The card's category chip (AGL-1457). ONE fixed token pair for every\n * category: colour-coding a chip per category needs conditional styling,\n * which is not expressible yet (AGL-1307), and inventing a palette here\n * would have to be unpicked when it is. Same shape as the tag chips Entry\n * Meta already renders, so the two blocks read as one vocabulary.\n */\nconst relatedChipSx = {\n  alignSelf: 'flex-start',\n  borderColor: 'divider',\n  color: 'text.secondary',\n  '& .MuiChip-label': {\n    // 9px, the frame's own inset on a 69 x 24 chip.\n    px: 1.125,\n    // The frame sets this label in the same uppercase, letter-spaced step as\n    // the kicker above an article title, which is what `overline` IS in the\n    // site theme. Naming the step keeps the chip on the theme's scale instead\n    // of a hand-written size that drifts the moment the theme moves.\n    typography: 'overline',\n    // `size=\"small\"` gives the chip the frame's 24px height, and `overline`\n    // carries a 2.66 line-height meant for a standalone kicker with room\n    // around it. Inside a fixed-height chip the box sets the height, so the\n    // line collapses to it and the label centres.\n    lineHeight: 1,\n  },\n}\n\n/** The heading step the block has always emitted. */\nconst RELATED_DEFAULT_HEADING_VARIANT = 'h5'\n\n/** The card-title step the block has always emitted. */\nconst RELATED_DEFAULT_TITLE_VARIANT = 'subtitle1'\n\n/**\n * Titles for the sample cards. Deliberately unmistakable as copy: the author\n * is looking at a LAYOUT, and a plausible-looking headline here is one an\n * author can mistake for a post that exists — or worse, design around.\n */\nconst RELATED_SAMPLE_TITLES = [\n  'Sample related post',\n  'A second sample post',\n  'A third sample post',\n]\n\n/** Excerpt text for the sample cards; one line, so the card keeps its shape. */\nconst RELATED_SAMPLE_EXCERPT =\n  'Each post’s own excerpt reads here, trimmed to a line or two.'\n\n/**\n * Stand-in posts for editing surfaces (AGL-2486).\n *\n * Related posts are resolved FROM the routed entry, and a besigner canvas has\n * no routed entry — so the block used to draw a one-line dashed strip and the\n * author styled a layout they could not see. The sample is the block's REAL\n * markup, at the author's own settings, which is the only way the canvas can\n * answer \"what will this look like\".\n *\n * It exists only where {@link ScreenLinkContext.suppressNavigation} is on —\n * the besigner canvas and Preview. A published render reaches this function\n * on no path at all, so no visitor can ever be shown a post that does not\n * exist.\n *\n * The count follows the author's own `limit` so a 6-post rail at 3 columns\n * previews as two rows, and is bounded by the same ceiling the server\n * applies rather than a second one.\n */\nconst sampleRelatedEntries = (\n  limit: number | string | undefined,\n  dateFormat: Aglyn.CollectionEntryDateFormat,\n): Aglyn.CollectionRelatedItem[] => {\n  const count = Math.min(\n    // `|| default` also rejects 0, which `toCount` would otherwise accept and\n    // preview as an empty rail — the one thing the sample exists to avoid.\n    toCount(limit, Aglyn.COLLECTION_RELATED_DEFAULT_LIMIT) ||\n      Aglyn.COLLECTION_RELATED_DEFAULT_LIMIT,\n    Aglyn.COLLECTION_RELATED_MAX,\n  )\n  const date = Aglyn.formatCollectionEntryDate(\n    RELATED_SAMPLE_PUBLISHED_AT,\n    dateFormat,\n  )\n  return Array.from({ length: count }, (_, index) => ({\n    title: RELATED_SAMPLE_TITLES[index] ?? `Sample related post ${index + 1}`,\n    // Empty, not a plausible path: every surface that renders the sample\n    // suppresses navigation, so the title is text rather than an anchor and\n    // this is never read. A real-looking href would be a link to nowhere the\n    // moment that stopped being true.\n    url: '',\n    date,\n    category: RELATED_SAMPLE_CATEGORY,\n    excerpt: RELATED_SAMPLE_EXCERPT,\n  }))\n}\n\n/**\n * Lists other entries of the same collection sharing the current entry's\n * category or a tag (AGL-582). The tenant stamps `entries` at compose time\n * on entry renders; without them the published site renders nothing and an\n * editing surface renders sample cards (AGL-2486).\n *\n * Two layouts (AGL-1457). `list` is the plain-link list that has always\n * shipped and stays the default — the block is live on every blog entry, so\n * a new default would restyle published pages nobody asked about. `cards` is\n * the article frame's grid: cover, category chip, title, at an author-set\n * column count.\n *\n * The block owns its markup, so nothing inside a card is a node the Styles\n * panel can select. Every part it renders therefore needs an attribute, or\n * it is unauthorable by construction — which is what the type steps and the\n * `show*` switches are (AGL-2486).\n */\nconst CollectionRelated = forwardRef<HTMLDivElement, CollectionRelatedProps>(\n  (props, ref) => {\n    // `limit` and `dateFormat` are compose-time: the tenant resolves them\n    // while stamping `entries`; strip them so they never hit the DOM. The\n    // rest are read here, so they must not reach it either.\n    const {\n      heading,\n      limit,\n      entries,\n      showCover,\n      layout,\n      columns,\n      headingVariant,\n      titleVariant,\n      showDate,\n      dateFormat,\n      showCategory,\n      showExcerpt,\n      ...rest\n    } = props\n    // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n    const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n    const { suppressNavigation } = useContext(Aglyn.ScreenLinkContext)\n    // The resolver every other surface shares (AGL-1215): a stamped `media:`\n    // reference becomes a CDN URL HERE, not in the document, so one\n    // reference keeps working across sites. Called before the early return —\n    // it is a hook.\n    const { hostId } = Aglyn.useSite()\n    // An editing surface has no routed entry, so nothing is stamped and the\n    // block used to be the one part of the page that was not WYSIWYG. The\n    // sample stands in for exactly that gap, and only there.\n    const sample = !entries?.length && Boolean(suppressNavigation)\n    const items = entries?.length\n      ? entries\n      : sample\n        ? sampleRelatedEntries(\n            limit,\n            Aglyn.normalizeCollectionEntryDateFormat(dateFormat),\n          )\n        : []\n    if (!items.length) return <Box ref={ref} {...rest} />\n    const title = heading ?? 'Related articles'\n    const headingNode = title ? (\n      <Typography\n        variant={(headingVariant || RELATED_DEFAULT_HEADING_VARIANT) as 'h5'}\n        component=\"h2\"\n      >\n        {title}\n      </Typography>\n    ) : null\n    /**\n     * The card title, as a HEADING in the site theme.\n     *\n     * It used to be a bare `AppLink`, which is MUI's `Link` — `primary.main`\n     * and `underline=\"always\"` — so the one thing a related card is FOR read\n     * as a default browser link on a themed page, at no heading level, and\n     * with no attribute able to touch it. The type step now comes from the\n     * theme's own rungs and the anchor inherits the colour, exactly as the\n     * Entry Author card's byline link does.\n     *\n     * `linked` is false wherever the whole card is already the anchor: an\n     * `<a>` inside an `<a>` is invalid markup that browsers silently unnest.\n     */\n    const titleNode = (entry: Aglyn.CollectionRelatedItem, linked: boolean) => (\n      <Typography\n        variant={(titleVariant || RELATED_DEFAULT_TITLE_VARIANT) as 'subtitle1'}\n        component=\"h3\"\n      >\n        {linked && !suppressNavigation && entry.url ? (\n          <AppLink href={entry.url} sx={{ color: 'inherit' }} underline=\"hover\">\n            {entry.title}\n          </AppLink>\n        ) : (\n          entry.title\n        )}\n      </Typography>\n    )\n    const dateNode = (entry: Aglyn.CollectionRelatedItem) =>\n      showDate !== false && entry.date ? (\n        <Typography variant=\"caption\" sx={{ color: 'text.secondary' }}>\n          {entry.date}\n        </Typography>\n      ) : null\n    const excerptNode = (entry: Aglyn.CollectionRelatedItem) =>\n      showExcerpt && entry.excerpt ? (\n        <Typography variant=\"body2\" sx={{ color: 'text.secondary' }}>\n          {entry.excerpt}\n        </Typography>\n      ) : null\n    /**\n     * The cover, when the author asked for one AND the entry has one. An\n     * entry without a cover gets no box at all rather than a placeholder:\n     * the related list is a real feed, and a row of grey rectangles is worse\n     * than a row of titles.\n     *\n     * The sample cards are the exception, and for the opposite reason: they\n     * stand in for posts that do not exist yet, so the cover SLOT is what\n     * the author is looking at. A card grid previewing without its images is\n     * not the grid being styled.\n     */\n    const coverNode = (entry: Aglyn.CollectionRelatedItem) => {\n      const src = showCover\n        ? Aglyn.resolveMediaSrc(entry.coverImage, { hostId })\n        : undefined\n      if (!src) {\n        if (!sample || !showCover) return null\n        return (\n          <Box\n            aria-hidden\n            sx={{\n              width: '100%',\n              aspectRatio: RELATED_COVER_ASPECT,\n              borderRadius: 1,\n              backgroundColor: 'action.hover',\n            }}\n          />\n        )\n      }\n      return (\n        <Box\n          component=\"img\"\n          src={src}\n          // The author's own description wins, and the title stays the\n          // fallback (AGL-2418). Unlike the entry hero and the event\n          // thumbnail — which render empty when nothing is authored — this\n          // cover is the LINK's own content, so it must carry an accessible\n          // name rather than go silent.\n          alt={Aglyn.renderedMediaAlt(entry.coverImageAlt, entry.title)}\n          sx={{\n            display: 'block',\n            width: '100%',\n            aspectRatio: RELATED_COVER_ASPECT,\n            objectFit: 'cover',\n            borderRadius: 1,\n          }}\n          // `lazy` ALONE was the bug in miniature (AGL-2486): a lazy image\n          // at default priority still outranks a lazy image at `low`, so\n          // this related-entries rail — which sits at the bottom of an entry\n          // by construction — was beating the deferred Image elements in the\n          // body above it. The hint only works as a set.\n          {...Aglyn.DEFERRED_IMAGE_ATTRIBUTES}\n        />\n      )\n    }\n\n    /**\n     * The notice that says these cards are not posts (AGL-2486). Editing\n     * surfaces only, and outside the card markup rather than inside it, so\n     * the author is styling the same tree the site will render.\n     */\n    const sampleNotice = sample ? (\n      <Typography\n        variant=\"caption\"\n        sx={{\n          display: 'block',\n          p: 1,\n          border: '1px dashed',\n          borderColor: 'divider',\n          borderRadius: 1,\n          color: 'text.secondary',\n          fontFamily: 'system-ui, sans-serif',\n        }}\n      >\n        {'Sample posts — entries sharing this entry’s category or tags ' +\n          'replace these on the published page'}\n      </Typography>\n    ) : null\n\n    if (layout === 'cards') {\n      // `toCount` rounds and rejects junk; `|| default` also rejects 0, which\n      // it would otherwise accept as a column count and emit `repeat(0, …)`.\n      const columnCount =\n        toCount(columns, RELATED_DEFAULT_COLUMNS) || RELATED_DEFAULT_COLUMNS\n      /**\n       * One card's contents, always with a PLAIN title: the caller wraps the\n       * whole card in the anchor, because a reader aiming at a 180px cover\n       * should not have to hit the line of text under it — and a second\n       * anchor around the title inside that one is markup browsers unnest.\n       */\n      const card = (entry: Aglyn.CollectionRelatedItem) => (\n        // 12px between cover, chip and title — the frame's rhythm (170:243\n        // puts the chip at y=192 under a cover ending at 180, and the title\n        // at y=228 under a chip ending at 216).\n        <MuiStack spacing={1.5}>\n          {coverNode(entry)}\n          {showCategory !== false && entry.category ? (\n            <Chip\n              label={entry.category}\n              size=\"small\"\n              variant=\"outlined\"\n              sx={relatedChipSx}\n            />\n          ) : null}\n          {titleNode(entry, false)}\n          {excerptNode(entry)}\n          {dateNode(entry)}\n        </MuiStack>\n      )\n      return (\n        <Box\n          ref={ref}\n          {...rest}\n          // MERGE, never replace (AGL-1450) — the node's slice arrives as the\n          // ARRAY `mergeSxProps` builds in leaf.tsx, so folding it into an\n          // object spreads numeric keys and discards every authored property\n          // while these defaults still apply. Defaults first, node's after.\n          sx={[\n            {\n              display: 'grid',\n              gridTemplateColumns: `repeat(${columnCount}, minmax(0, 1fr))`,\n              alignItems: 'start',\n              columnGap: 3,\n              rowGap: 4,\n            },\n            ...nodeSx,\n          ]}\n        >\n          {headingNode ? (\n            <Box sx={{ gridColumn: '1 / -1' }}>{headingNode}</Box>\n          ) : null}\n          {sampleNotice ? (\n            <Box sx={{ gridColumn: '1 / -1' }}>{sampleNotice}</Box>\n          ) : null}\n          {items.map((entry, index) => {\n            const linked = !suppressNavigation && Boolean(entry.url)\n            return linked ? (\n              <AppLink\n                key={index}\n                href={entry.url}\n                underline=\"none\"\n                // A grid ITEM, so it has to be a block; `color: inherit`\n                // keeps the cover, chip and date reading as themed content\n                // rather than as the inside of a link.\n                sx={{ color: 'inherit', display: 'block' }}\n              >\n                {card(entry)}\n              </AppLink>\n            ) : (\n              <Box key={index}>{card(entry)}</Box>\n            )\n          })}\n        </Box>\n      )\n    }\n    return (\n      <MuiStack ref={ref} spacing={1.5} {...rest}>\n        {headingNode}\n        {sampleNotice}\n        {items.map((entry, index) => {\n          const meta = [\n            showDate !== false ? entry.date : '',\n            showCategory !== false ? entry.category : '',\n          ].filter(Boolean)\n          return (\n            <MuiStack key={index} spacing={0.25}>\n              {coverNode(entry)}\n              {titleNode(entry, true)}\n              {excerptNode(entry)}\n              {meta.length ? (\n                <Typography variant=\"caption\" sx={{ color: 'text.secondary' }}>\n                  {meta.join(' · ')}\n                </Typography>\n              ) : null}\n            </MuiStack>\n          )\n        })}\n      </MuiStack>\n    )\n  },\n)\nCollectionRelated.displayName = 'AglynCollectionRelated'\n\nexport const collectionRelatedSchema: Aglyn.ComponentSchema<CollectionRelatedProps> =\n  {\n    $id: RELATED_ID,\n    pluginId: BUNDLE_ID,\n    displayName: 'Related Posts',\n    description: \"Other entries sharing this one's category or tags.\",\n    category: Aglyn.ComponentCategory.DATA_DISPLAY,\n    icon: { path: mdiNewspaperVariantOutline.path, sx: { color: 'secondary.main' } },\n    flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n    attributes: [\n      {\n        name: 'heading',\n        label: 'Heading',\n        description: 'Section heading (blank hides it).',\n        component: Aglyn.FieldComponentType.TEXT_FIELD,\n      },\n      {\n        name: 'limit',\n        label: 'Limit',\n        description: 'Most related posts listed (default 3).',\n        component: Aglyn.FieldComponentType.TEXT_FIELD,\n        type: 'number',\n      },\n      {\n        name: 'layout',\n        label: 'Layout',\n        description:\n          'List keeps the plain links this block has always rendered. ' +\n          'Cards is the article layout: cover, category, title, in a grid.',\n        component: Aglyn.FieldComponentType.SELECT,\n        // Both values are REAL (AGL-1451/AGL-1453): `''` cannot survive a\n        // save, so an author who switched to Cards would have no route back.\n        // `list` is also the value the render falls back to, so naming it is\n        // the same choice, not a second one.\n        options: [\n          { value: 'list', label: 'List (default)' },\n          { value: 'cards', label: 'Card grid' },\n        ],\n      },\n      {\n        name: 'columns',\n        label: 'Columns',\n        description: 'Cards per row in the card grid. Default 3.',\n        component: Aglyn.FieldComponentType.TEXT_FIELD,\n        type: 'number',\n        // Meaningless on the list, where each post is its own row.\n        condition: { when: 'layout', is: 'cards' },\n      },\n      {\n        name: 'showCover',\n        label: 'Show cover',\n        description:\n          'Show each post’s cover image. Posts without one show their ' +\n          'title alone rather than an empty box.',\n        component: Aglyn.FieldComponentType.SWITCH,\n      },\n      {\n        name: 'headingVariant',\n        label: 'Heading style',\n        description:\n          'Which type step from the site theme the section heading above ' +\n          'the posts reads at. Default Heading 5.',\n        component: Aglyn.FieldComponentType.SELECT,\n        // The theme's own rungs, shared with the Typography element rather\n        // than a second list here: two lists is how a step added to the\n        // theme becomes reachable in one place and not the other.\n        options: [...typographyVariants],\n      },\n      {\n        name: 'titleVariant',\n        label: 'Title style',\n        description:\n          'Which type step from the site theme each post’s title reads at. ' +\n          'Default Subtitle 1; the title takes the surrounding text color ' +\n          'rather than the link color.',\n        component: Aglyn.FieldComponentType.SELECT,\n        options: [...typographyVariants],\n      },\n      {\n        name: 'showDate',\n        label: 'Show date',\n        description:\n          'Off drops each post’s published date. The posts stay in ' +\n          'newest-first order either way — this is about the card, not the ' +\n          'ordering.',\n        component: Aglyn.FieldComponentType.SWITCH,\n        // Unset means SHOWN in the renderer above, so the switch has to\n        // OPEN in that position or it lies about the block in front of\n        // the author — and the first click, which writes the `true` that\n        // was already in effect, changes nothing and reads as a dead\n        // control (AGL-2506).\n        initialValue: true,\n      },\n      {\n        name: 'dateFormat',\n        label: 'Date format',\n        description:\n          'How each post’s published date reads on its card. Site default ' +\n          'is the format this block has always used.',\n        component: Aglyn.FieldComponentType.SELECT,\n        // The formats the pure layer knows how to produce, so the list\n        // cannot offer a shape nothing renders. Every value is REAL,\n        // including the do-nothing one (AGL-1451/AGL-1453).\n        options: [...Aglyn.COLLECTION_ENTRY_DATE_FORMAT_OPTIONS],\n      },\n      {\n        name: 'showCategory',\n        label: 'Show category',\n        description:\n          'Off drops the category — the chip above each card title, or the ' +\n          'second half of the line under each link on the list layout.',\n        component: Aglyn.FieldComponentType.SWITCH,\n        // Unset means SHOWN in the renderer above, so the switch has to\n        // OPEN in that position or it lies about the block in front of\n        // the author — and the first click, which writes the `true` that\n        // was already in effect, changes nothing and reads as a dead\n        // control (AGL-2506).\n        initialValue: true,\n      },\n      {\n        name: 'showExcerpt',\n        label: 'Show excerpt',\n        description:\n          'Adds each post’s excerpt under its title. Posts with no excerpt ' +\n          'are unchanged rather than leaving a gap.',\n        component: Aglyn.FieldComponentType.SWITCH,\n      },\n    ],\n  }\n\nexport { CollectionRelated }\n"],"names":["Aglyn","mdiNewspaperVariantOutline","AppLink","Box","Chip","MuiStack","Typography","forwardRef","useContext","BUNDLE_ID","toCount","RELATED_SAMPLE_PUBLISHED_AT","RELATED_SAMPLE_CATEGORY","typographyVariants","RELATED_ID","COLLECTION_RELATED_COMPONENT_ID","RELATED_DEFAULT_COLUMNS","RELATED_COVER_ASPECT","relatedChipSx","alignSelf","borderColor","color","px","typography","lineHeight","RELATED_DEFAULT_HEADING_VARIANT","RELATED_DEFAULT_TITLE_VARIANT","RELATED_SAMPLE_TITLES","RELATED_SAMPLE_EXCERPT","sampleRelatedEntries","limit","dateFormat","count","Math","min","COLLECTION_RELATED_DEFAULT_LIMIT","COLLECTION_RELATED_MAX","date","formatCollectionEntryDate","Array","from","length","_","index","title","url","category","excerpt","CollectionRelated","props","ref","heading","entries","showCover","layout","columns","headingVariant","titleVariant","showDate","showCategory","showExcerpt","rest","nodeSx","isArray","suppressNavigation","ScreenLinkContext","hostId","useSite","sample","Boolean","items","normalizeCollectionEntryDateFormat","headingNode","variant","component","titleNode","entry","linked","href","sx","underline","dateNode","excerptNode","coverNode","src","resolveMediaSrc","coverImage","undefined","aria-hidden","width","aspectRatio","borderRadius","backgroundColor","alt","renderedMediaAlt","coverImageAlt","display","objectFit","DEFERRED_IMAGE_ATTRIBUTES","sampleNotice","p","border","fontFamily","columnCount","card","spacing","label","size","gridTemplateColumns","alignItems","columnGap","rowGap","gridColumn","map","meta","filter","join","displayName","collectionRelatedSchema","$id","pluginId","description","ComponentCategory","DATA_DISPLAY","icon","path","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","name","FieldComponentType","TEXT_FIELD","type","SELECT","options","value","condition","when","is","SWITCH","initialValue","COLLECTION_ENTRY_DATE_FORMAT_OPTIONS"],"mappings":"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"}