@bendyline/squisq 0.1.2 → 1.1.0

package/dist/doc/templates/mapBlock.js

@@ -0,0 +1,112 @@
+/**
+ * Map Block Template
+ *
+ * Full-screen geographic map with optional title and caption overlays.
+ * Great for establishing geographic context at the start of a doc
+ * or when discussing location-specific content.
+ * Adapts font sizes and positioning for different viewports.
+ *
+ * Map tiles are fetched from free/open-source providers.
+ * See docs/MAP_TILES.md for available styles and attribution requirements.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import { scaledFontSize } from '../../schemas/BlockTemplates.js';
+import { mapAmbientMotion } from './accentImage.js';
+export function mapBlock(input, context) {
+    const { center, zoom, mapStyle = 'terrain', title, caption, markers, ambientMotion, staticSrc, } = input;
+    const { theme, layout } = context;
+    // Scale font sizes for viewport
+    const titleFontSize = scaledFontSize(64, context, true);
+    const captionFontSize = scaledFontSize(32, context, false);
+    // Determine animation based on ambientMotion setting
+    const mapAnimation = mapAmbientMotion(ambientMotion);
+    const layers = [
+        // Map background
+        {
+            type: 'map',
+            id: 'map-bg',
+            content: {
+                center,
+                zoom,
+                style: mapStyle,
+                markers,
+                showAttribution: true,
+                staticSrc, // Use pre-rendered image if available
+            },
+            position: { x: 0, y: 0, width: '100%', height: '100%' },
+            animation: mapAnimation,
+        },
+    ];
+    // Add title overlay if provided
+    if (title) {
+        // Gradient overlay at top for title readability
+        layers.push({
+            type: 'shape',
+            id: 'title-overlay',
+            content: {
+                shape: 'rect',
+                fill: 'rgba(0,0,0,0.6)',
+            },
+            position: { x: 0, y: 0, width: '100%', height: '18%' },
+        });
+        // Title text - positioned at top of slide
+        layers.push({
+            type: 'text',
+            id: 'title',
+            content: {
+                text: title,
+                style: {
+                    fontSize: titleFontSize,
+                    fontWeight: 'bold',
+                    color: theme.colors.text,
+                    textAlign: 'center',
+                    shadow: true,
+                },
+            },
+            position: {
+                x: '50%',
+                y: '9%',
+                anchor: 'center',
+                width: layout.maxTextWidth,
+            },
+            animation: { type: 'fadeIn', duration: 1, delay: 0.3 },
+        });
+    }
+    // Add caption if provided
+    if (caption) {
+        // Gradient overlay at bottom for caption readability
+        layers.push({
+            type: 'shape',
+            id: 'caption-overlay',
+            content: {
+                shape: 'rect',
+                fill: 'rgba(0,0,0,0.6)',
+            },
+            position: { x: 0, y: '82%', width: '100%', height: '18%' },
+        });
+        // Caption text
+        layers.push({
+            type: 'text',
+            id: 'caption',
+            content: {
+                text: caption,
+                style: {
+                    fontSize: captionFontSize,
+                    color: theme.colors.text,
+                    textAlign: 'center',
+                    shadow: true,
+                },
+            },
+            position: {
+                x: '50%',
+                y: layout.captionY,
+                anchor: 'center',
+                width: layout.maxTextWidth,
+            },
+            animation: { type: 'fadeIn', duration: 1, delay: 0.5 },
+        });
+    }
+    return layers;
+}
+//# sourceMappingURL=mapBlock.js.map

package/dist/doc/templates/mapBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapBlock.js","sourceRoot":"","sources":["../../../src/doc/templates/mapBlock.ts"],"names":[],"mappings":"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"}

package/dist/doc/templates/persistentLayers.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Persistent Layers Expansion
+ *
+ * Expands persistent layer templates (solid backgrounds, gradients, overlays)
+ * into raw Layer arrays. These layers are injected into each block based on
+ * per-block flags (useBottomLayer, useTopLayer).
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ *
+ * Related Files:
+ * - schemas/BlockTemplates.ts - PersistentLayerConfig types
+ */
+import type { Layer } from '../../schemas/Doc.js';
+import type { PersistentLayer, PersistentLayerConfig } from '../../schemas/BlockTemplates.js';
+import type { Theme } from '../../schemas/Theme.js';
+/**
+ * Expand a single persistent layer (template or raw) to raw Layer(s).
+ */
+export declare function expandPersistentLayer(layer: PersistentLayer): Layer[];
+/**
+ * Expand all persistent layers in a config to raw Layer arrays.
+ */
+export declare function expandPersistentLayers(layers: PersistentLayer[] | undefined): Layer[];
+/** Legacy style preset names. Prefer using `Theme.persistentLayers` directly. */
+export type DocStylePreset = 'minimal' | 'documentary' | 'branded' | 'cinematic' | 'clean';
+/**
+ * Get a PersistentLayerConfig from a style preset.
+ *
+ * @param preset - Style preset name
+ * @param articleTitle - Article title for title caption
+ * @param heroSrc - Optional hero image for cinematic style
+ */
+export declare function getDocStyleConfig(preset: DocStylePreset, articleTitle: string, heroSrc?: string, subtitle?: string): PersistentLayerConfig;
+/**
+ * Get persistent layers from a Theme. Returns the theme's baked-in
+ * persistentLayers config, or an empty config when the theme has none.
+ */
+export declare function getPersistentLayersFromTheme(theme: Theme): PersistentLayerConfig;
+//# sourceMappingURL=persistentLayers.d.ts.map

package/dist/doc/templates/persistentLayers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"persistentLayers.d.ts","sourceRoot":"","sources":["../../../src/doc/templates/persistentLayers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EACV,eAAe,EAEf,qBAAqB,EAQtB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAkUpD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,EAAE,CA4BrE;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,eAAe,EAAE,GAAG,SAAS,GAAG,KAAK,EAAE,CAOrF;AAMD,iFAAiF;AACjF,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AAE3F;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,cAAc,EACtB,YAAY,EAAE,MAAM,EACpB,OAAO,CAAC,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,MAAM,GAChB,qBAAqB,CAqGvB;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,KAAK,GAAG,qBAAqB,CAEhF"}

package/dist/doc/templates/persistentLayers.js

@@ -0,0 +1,447 @@
+/**
+ * Persistent Layers Expansion
+ *
+ * Expands persistent layer templates (solid backgrounds, gradients, overlays)
+ * into raw Layer arrays. These layers are injected into each block based on
+ * per-block flags (useBottomLayer, useTopLayer).
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ *
+ * Related Files:
+ * - schemas/BlockTemplates.ts - PersistentLayerConfig types
+ */
+import { isPersistentLayerTemplate } from '../../schemas/BlockTemplates.js';
+// ============================================
+// Gradient Presets
+// ============================================
+const GRADIENT_PRESETS = {
+    'dark-vignette': 'radial-gradient(ellipse at center, rgba(26,32,44,0.8) 0%, rgba(0,0,0,0.95) 100%)',
+    'radial-dark': 'radial-gradient(ellipse at center, #1a202c 0%, #000000 100%)',
+    'warm-sunset': 'linear-gradient(135deg, rgba(124,58,48,0.9) 0%, rgba(26,32,44,0.95) 100%)',
+    'cool-blue': 'linear-gradient(135deg, rgba(26,54,93,0.9) 0%, rgba(26,32,44,0.95) 100%)',
+    'earth-tones': 'linear-gradient(135deg, rgba(68,51,34,0.9) 0%, rgba(26,32,44,0.95) 100%)',
+};
+// ============================================
+// Background Layer Expansion
+// ============================================
+/**
+ * Expand a solid background config to a Layer.
+ */
+function expandSolidBackground(config) {
+    return {
+        type: 'shape',
+        id: 'persistent-bg-solid',
+        content: {
+            shape: 'rect',
+            fill: config.color,
+        },
+        position: { x: 0, y: 0, width: '100%', height: '100%' },
+    };
+}
+/**
+ * Expand a gradient background config to a Layer.
+ */
+function expandGradientBackground(config) {
+    const gradient = config.gradient ?? GRADIENT_PRESETS[config.preset ?? 'dark-vignette'];
+    return {
+        type: 'shape',
+        id: 'persistent-bg-gradient',
+        content: {
+            shape: 'rect',
+            fill: gradient,
+        },
+        position: { x: 0, y: 0, width: '100%', height: '100%' },
+    };
+}
+/**
+ * Expand an image background config to Layers.
+ * Returns multiple layers: base image + dark overlay for readability.
+ */
+function expandImageBackground(config) {
+    const layers = [];
+    const opacity = config.opacity ?? 0.4;
+    // Base image layer
+    const imageLayer = {
+        type: 'image',
+        id: 'persistent-bg-image',
+        content: {
+            src: config.src,
+            alt: 'Background',
+            fit: 'cover',
+        },
+        position: { x: 0, y: 0, width: '100%', height: '100%' },
+        animation: config.ambientMotion
+            ? {
+                type: config.ambientMotion,
+                duration: 30, // Long ambient motion
+            }
+            : undefined,
+    };
+    layers.push(imageLayer);
+    // Add dark overlay for text readability
+    layers.push({
+        type: 'shape',
+        id: 'persistent-bg-overlay',
+        content: {
+            shape: 'rect',
+            fill: `rgba(0,0,0,${0.5 + (1 - opacity) * 0.3})`,
+        },
+        position: { x: 0, y: 0, width: '100%', height: '100%' },
+    });
+    return layers;
+}
+/**
+ * Expand a pattern background config to a Layer.
+ */
+function expandPatternBackground(config) {
+    const opacity = config.opacity ?? 0.1;
+    const color = config.color ?? `rgba(255,255,255,${opacity})`;
+    // Pattern as SVG data URI for rect patterns
+    // For simplicity, use a solid subtle color with reduced opacity
+    return {
+        type: 'shape',
+        id: 'persistent-bg-pattern',
+        content: {
+            shape: 'rect',
+            fill: color,
+        },
+        position: { x: 0, y: 0, width: '100%', height: '100%' },
+    };
+}
+// ============================================
+// Overlay Layer Expansion
+// ============================================
+/**
+ * Expand a title caption config to Layers.
+ */
+function expandTitleCaption(config) {
+    const layers = [];
+    const fontSize = config.fontSize ?? 18;
+    const hasSubtitle = !!config.subtitle;
+    // Position calculations
+    const isBottom = config.position.includes('bottom');
+    const isLeft = config.position.includes('left');
+    // Even padding around the pill (3% from edges)
+    const pad = 3; // percent
+    // Pill dimensions — taller when subtitle present
+    const pillHeight = hasSubtitle ? '15%' : '7%';
+    // Position above player controls
+    const bgYPos = isBottom ? (hasSubtitle ? '78%' : '84%') : '2%';
+    const bgXPos = isLeft ? `${pad}%` : '68%';
+    // Thumbnail sizing — use different width/height to appear square in 16:9 viewport
+    // In 16:9, 6% of width ≈ 10.7% of height in pixels, so use ~6%w x 10%h for visual square
+    const thumbW = hasSubtitle ? '6%' : '5%';
+    const thumbH = hasSubtitle ? '10%' : '5%';
+    const thumbPad = 1.5; // padding inside pill around thumbnail (percent)
+    // Text X offset: after thumbnail + padding, or just pill padding
+    const textX = config.showThumbnail && isLeft
+        ? `${pad + thumbPad + 6 + thumbPad}%` // pill edge + thumb padding + thumb width + gap
+        : `${pad + thumbPad}%`;
+    // Text area width: pill width minus thumbnail area minus padding
+    const textWidth = config.showThumbnail
+        ? '19%' // narrower when thumbnail takes space
+        : '24%';
+    // Title Y: top of text area inside pill
+    const titleYPos = isBottom ? (hasSubtitle ? '80%' : '86%') : '4%';
+    // Background pill for readability
+    layers.push({
+        type: 'shape',
+        id: 'persistent-caption-bg',
+        content: {
+            shape: 'rect',
+            fill: 'rgba(0,0,0,0.6)',
+            borderRadius: 8,
+        },
+        position: {
+            x: bgXPos,
+            y: bgYPos,
+            width: config.showThumbnail ? '30%' : '28%',
+            height: pillHeight,
+        },
+    });
+    // Thumbnail if configured
+    if (config.showThumbnail && config.thumbnailSrc) {
+        const thumbX = isLeft ? `${pad + thumbPad}%` : '93%';
+        // Center thumbnail vertically in pill
+        const thumbY = isBottom ? (hasSubtitle ? `${78 + thumbPad}%` : '85%') : '3%';
+        layers.push({
+            type: 'image',
+            id: 'persistent-caption-thumb',
+            content: {
+                src: config.thumbnailSrc,
+                alt: 'Article thumbnail',
+                fit: 'cover',
+            },
+            position: {
+                x: thumbX,
+                y: thumbY,
+                width: thumbW,
+                height: thumbH,
+            },
+        });
+    }
+    // Title text — single line, cropped with ellipsis
+    layers.push({
+        type: 'text',
+        id: 'persistent-caption-title',
+        content: {
+            text: config.title,
+            style: {
+                fontSize,
+                fontWeight: 'bold',
+                color: 'rgba(255,255,255,0.9)',
+                textAlign: isLeft ? 'left' : 'right',
+                maxLines: 1,
+            },
+        },
+        position: {
+            x: textX,
+            y: titleYPos,
+            width: textWidth,
+        },
+    });
+    // Subtitle text (e.g., short URL)
+    if (hasSubtitle) {
+        const subtitleYPos = isBottom ? '85.5%' : '8%';
+        layers.push({
+            type: 'text',
+            id: 'persistent-caption-subtitle',
+            content: {
+                text: config.subtitle,
+                style: {
+                    fontSize: 18,
+                    fontWeight: 'normal',
+                    color: 'rgba(255,255,255,0.55)',
+                    textAlign: isLeft ? 'left' : 'right',
+                },
+            },
+            position: {
+                x: textX,
+                y: subtitleYPos,
+                width: textWidth,
+            },
+        });
+    }
+    return layers;
+}
+/**
+ * Expand a corner branding config to a Layer.
+ */
+function expandCornerBranding(config) {
+    const isBottom = config.position.includes('bottom');
+    const isLeft = config.position.includes('left');
+    const xPos = isLeft ? '3%' : '90%';
+    const yPos = isBottom ? '94%' : '3%';
+    if (config.isImage) {
+        return {
+            type: 'image',
+            id: 'persistent-branding',
+            content: {
+                src: config.content,
+                alt: 'Branding',
+                fit: 'contain',
+            },
+            position: {
+                x: xPos,
+                y: yPos,
+                width: '8%',
+                height: '4%',
+            },
+        };
+    }
+    return {
+        type: 'text',
+        id: 'persistent-branding',
+        content: {
+            text: config.content,
+            style: {
+                fontSize: 14,
+                fontWeight: 'normal',
+                color: 'rgba(255,255,255,0.6)',
+            },
+        },
+        position: {
+            x: xPos,
+            y: yPos,
+        },
+    };
+}
+/**
+ * Expand a progress indicator config to a Layer.
+ * Note: Progress requires block context, returns placeholder bar.
+ */
+function expandProgressIndicator(config) {
+    const color = config.color ?? 'rgba(255,255,255,0.3)';
+    const y = config.position === 'top' ? '1%' : '98%';
+    // Simple bar style - actual progress would need to be set per-block
+    return {
+        type: 'shape',
+        id: 'persistent-progress',
+        content: {
+            shape: 'rect',
+            fill: color,
+            borderRadius: 2,
+        },
+        position: {
+            x: '5%',
+            y,
+            width: '90%',
+            height: '0.5%',
+        },
+    };
+}
+// ============================================
+// Main Expansion Function
+// ============================================
+/**
+ * Expand a single persistent layer (template or raw) to raw Layer(s).
+ */
+export function expandPersistentLayer(layer) {
+    // If already a raw Layer, return as-is
+    if (!isPersistentLayerTemplate(layer)) {
+        return [layer];
+    }
+    const template = layer;
+    const config = template.config;
+    switch (config.type) {
+        case 'solidBackground':
+            return [expandSolidBackground(config)];
+        case 'gradientBackground':
+            return [expandGradientBackground(config)];
+        case 'imageBackground':
+            return expandImageBackground(config);
+        case 'patternBackground':
+            return [expandPatternBackground(config)];
+        case 'titleCaption':
+            return expandTitleCaption(config);
+        case 'cornerBranding':
+            return [expandCornerBranding(config)];
+        case 'progressIndicator':
+            return [expandProgressIndicator(config)];
+        default:
+            console.warn('Unknown persistent layer template:', config.type);
+            return [];
+    }
+}
+/**
+ * Expand all persistent layers in a config to raw Layer arrays.
+ */
+export function expandPersistentLayers(layers) {
+    if (!layers || layers.length === 0) {
+        return [];
+    }
+    // Use reduce+concat instead of flatMap for Coherent GT compatibility (ES2017)
+    return layers.reduce((acc, layer) => acc.concat(expandPersistentLayer(layer)), []);
+}
+/**
+ * Get a PersistentLayerConfig from a style preset.
+ *
+ * @param preset - Style preset name
+ * @param articleTitle - Article title for title caption
+ * @param heroSrc - Optional hero image for cinematic style
+ */
+export function getDocStyleConfig(preset, articleTitle, heroSrc, subtitle) {
+    switch (preset) {
+        case 'minimal':
+            return {};
+        case 'documentary':
+            return {
+                bottomLayers: [
+                    {
+                        template: 'gradientBackground',
+                        config: { type: 'gradientBackground', preset: 'dark-vignette' },
+                    },
+                ],
+                topLayers: [
+                    {
+                        template: 'titleCaption',
+                        config: {
+                            type: 'titleCaption',
+                            title: articleTitle,
+                            subtitle,
+                            position: 'bottom-left',
+                            fontSize: 24,
+                            showThumbnail: !!heroSrc,
+                            thumbnailSrc: heroSrc,
+                        },
+                    },
+                ],
+            };
+        case 'branded':
+            return {
+                bottomLayers: [
+                    {
+                        template: 'gradientBackground',
+                        config: { type: 'gradientBackground', preset: 'cool-blue' },
+                    },
+                ],
+                topLayers: [
+                    {
+                        template: 'titleCaption',
+                        config: {
+                            type: 'titleCaption',
+                            title: articleTitle,
+                            subtitle,
+                            position: 'bottom-left',
+                            fontSize: 26,
+                            showThumbnail: !!heroSrc,
+                            thumbnailSrc: heroSrc,
+                        },
+                    },
+                ],
+            };
+        case 'cinematic':
+            return {
+                bottomLayers: heroSrc
+                    ? [
+                        {
+                            template: 'imageBackground',
+                            config: {
+                                type: 'imageBackground',
+                                src: heroSrc,
+                                blur: 12,
+                                opacity: 0.3,
+                                ambientMotion: 'zoomIn',
+                            },
+                        },
+                    ]
+                    : [
+                        {
+                            template: 'gradientBackground',
+                            config: { type: 'gradientBackground', preset: 'radial-dark' },
+                        },
+                    ],
+                topLayers: [
+                    {
+                        template: 'titleCaption',
+                        config: {
+                            type: 'titleCaption',
+                            title: articleTitle,
+                            subtitle,
+                            position: 'bottom-right',
+                            fontSize: 22,
+                        },
+                    },
+                ],
+            };
+        case 'clean':
+            return {
+                bottomLayers: [
+                    {
+                        template: 'solidBackground',
+                        config: { type: 'solidBackground', color: '#1a202c' },
+                    },
+                ],
+            };
+        default:
+            return {};
+    }
+}
+/**
+ * Get persistent layers from a Theme. Returns the theme's baked-in
+ * persistentLayers config, or an empty config when the theme has none.
+ */
+export function getPersistentLayersFromTheme(theme) {
+    return theme.persistentLayers ?? {};
+}
+//# sourceMappingURL=persistentLayers.js.map

package/dist/doc/templates/persistentLayers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"persistentLayers.js","sourceRoot":"","sources":["../../../src/doc/templates/persistentLayers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAgBH,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAE5E,+CAA+C;AAC/C,mBAAmB;AACnB,+CAA+C;AAE/C,MAAM,gBAAgB,GAA2B;IAC/C,eAAe,EACb,kFAAkF;IACpF,aAAa,EAAE,8DAA8D;IAC7E,aAAa,EAAE,2EAA2E;IAC1F,WAAW,EAAE,0EAA0E;IACvF,aAAa,EAAE,0EAA0E;CAC1F,CAAC;AAEF,+CAA+C;AAC/C,6BAA6B;AAC7B,+CAA+C;AAE/C;;GAEG;AACH,SAAS,qBAAqB,CAAC,MAA6B;IAC1D,OAAO;QACL,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,qBAAqB;QACzB,OAAO,EAAE;YACP,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,MAAM,CAAC,KAAK;SACnB;QACD,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;KACxD,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAS,wBAAwB,CAAC,MAAgC;IAChE,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,gBAAgB,CAAC,MAAM,CAAC,MAAM,IAAI,eAAe,CAAC,CAAC;IAEvF,OAAO;QACL,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,wBAAwB;QAC5B,OAAO,EAAE;YACP,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,QAAQ;SACf;QACD,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;KACxD,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,qBAAqB,CAAC,MAA6B;IAC1D,MAAM,MAAM,GAAY,EAAE,CAAC;IAC3B,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,GAAG,CAAC;IAEtC,mBAAmB;IACnB,MAAM,UAAU,GAAU;QACxB,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,qBAAqB;QACzB,OAAO,EAAE;YACP,GAAG,EAAE,MAAM,CAAC,GAAG;YACf,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,OAAO;SACb;QACD,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACvD,SAAS,EAAE,MAAM,CAAC,aAAa;YAC7B,CAAC,CAAC;gBACE,IAAI,EAAE,MAAM,CAAC,aAAa;gBAC1B,QAAQ,EAAE,EAAE,EAAE,sBAAsB;aACrC;YACH,CAAC,CAAC,SAAS;KACd,CAAC;IAEF,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAExB,wCAAwC;IACxC,MAAM,CAAC,IAAI,CAAC;QACV,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,uBAAuB;QAC3B,OAAO,EAAE;YACP,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,cAAc,GAAG,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,GAAG,GAAG;SACjD;QACD,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;KACxD,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,SAAS,uBAAuB,CAAC,MAA+B;IAC9D,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,GAAG,CAAC;IACtC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,oBAAoB,OAAO,GAAG,CAAC;IAE7D,4CAA4C;IAC5C,gEAAgE;IAChE,OAAO;QACL,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,uBAAuB;QAC3B,OAAO,EAAE;YACP,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,KAAK;SACZ;QACD,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;KACxD,CAAC;AACJ,CAAC;AAED,+CAA+C;AAC/C,0BAA0B;AAC1B,+CAA+C;AAE/C;;GAEG;AACH,SAAS,kBAAkB,CAAC,MAA0B;IACpD,MAAM,MAAM,GAAY,EAAE,CAAC;IAC3B,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;IAEtC,wBAAwB;IACxB,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEhD,+CAA+C;IAC/C,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,UAAU;IAEzB,iDAAiD;IACjD,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9C,iCAAiC;IACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/D,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAE1C,kFAAkF;IAClF,yFAAyF;IACzF,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACzC,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1C,MAAM,QAAQ,GAAG,GAAG,CAAC,CAAC,iDAAiD;IAEvE,iEAAiE;IACjE,MAAM,KAAK,GACT,MAAM,CAAC,aAAa,IAAI,MAAM;QAC5B,CAAC,CAAC,GAAG,GAAG,GAAG,QAAQ,GAAG,CAAC,GAAG,QAAQ,GAAG,CAAC,gDAAgD;QACtF,CAAC,CAAC,GAAG,GAAG,GAAG,QAAQ,GAAG,CAAC;IAC3B,iEAAiE;IACjE,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa;QACpC,CAAC,CAAC,KAAK,CAAC,sCAAsC;QAC9C,CAAC,CAAC,KAAK,CAAC;IAEV,wCAAwC;IACxC,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAElE,kCAAkC;IAClC,MAAM,CAAC,IAAI,CAAC;QACV,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,uBAAuB;QAC3B,OAAO,EAAE;YACP,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,iBAAiB;YACvB,YAAY,EAAE,CAAC;SAChB;QACD,QAAQ,EAAE;YACR,CAAC,EAAE,MAAM;YACT,CAAC,EAAE,MAAM;YACT,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;YAC3C,MAAM,EAAE,UAAU;SACnB;KACF,CAAC,CAAC;IAEH,0BAA0B;IAC1B,IAAI,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,YAAY,EAAE,CAAC;QAChD,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;QACrD,sCAAsC;QACtC,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE7E,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,0BAA0B;YAC9B,OAAO,EAAE;gBACP,GAAG,EAAE,MAAM,CAAC,YAAY;gBACxB,GAAG,EAAE,mBAAmB;gBACxB,GAAG,EAAE,OAAO;aACb;YACD,QAAQ,EAAE;gBACR,CAAC,EAAE,MAAM;gBACT,CAAC,EAAE,MAAM;gBACT,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf;SACF,CAAC,CAAC;IACL,CAAC;IAED,kDAAkD;IAClD,MAAM,CAAC,IAAI,CAAC;QACV,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,0BAA0B;QAC9B,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAC,KAAK;YAClB,KAAK,EAAE;gBACL,QAAQ;gBACR,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,uBAAuB;gBAC9B,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACpC,QAAQ,EAAE,CAAC;aACZ;SACF;QACD,QAAQ,EAAE;YACR,CAAC,EAAE,KAAK;YACR,CAAC,EAAE,SAAS;YACZ,KAAK,EAAE,SAAS;SACjB;KACF,CAAC,CAAC;IAEH,kCAAkC;IAClC,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;QAE/C,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,6BAA6B;YACjC,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,QAAS;gBACtB,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,QAAQ;oBACpB,KAAK,EAAE,wBAAwB;oBAC/B,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACrC;aACF;YACD,QAAQ,EAAE;gBACR,CAAC,EAAE,KAAK;gBACR,CAAC,EAAE,YAAY;gBACf,KAAK,EAAE,SAAS;aACjB;SACF,CAAC,CAAC;IACL,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,SAAS,oBAAoB,CAAC,MAA4B;IACxD,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEhD,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACnC,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAErC,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACnB,OAAO;YACL,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,qBAAqB;YACzB,OAAO,EAAE;gBACP,GAAG,EAAE,MAAM,CAAC,OAAO;gBACnB,GAAG,EAAE,UAAU;gBACf,GAAG,EAAE,SAAS;aACf;YACD,QAAQ,EAAE;gBACR,CAAC,EAAE,IAAI;gBACP,CAAC,EAAE,IAAI;gBACP,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;aACb;SACF,CAAC;IACJ,CAAC;IAED,OAAO;QACL,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,qBAAqB;QACzB,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAC,OAAO;YACpB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,QAAQ;gBACpB,KAAK,EAAE,uBAAuB;aAC/B;SACF;QACD,QAAQ,EAAE;YACR,CAAC,EAAE,IAAI;YACP,CAAC,EAAE,IAAI;SACR;KACF,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,uBAAuB,CAAC,MAA+B;IAC9D,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,uBAAuB,CAAC;IACtD,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEnD,oEAAoE;IACpE,OAAO;QACL,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,qBAAqB;QACzB,OAAO,EAAE;YACP,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,KAAK;YACX,YAAY,EAAE,CAAC;SAChB;QACD,QAAQ,EAAE;YACR,CAAC,EAAE,IAAI;YACP,CAAC;YACD,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,MAAM;SACf;KACF,CAAC;AACJ,CAAC;AAED,+CAA+C;AAC/C,0BAA0B;AAC1B,+CAA+C;AAE/C;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAsB;IAC1D,uCAAuC;IACvC,IAAI,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAAE,CAAC;QACtC,OAAO,CAAC,KAAc,CAAC,CAAC;IAC1B,CAAC;IAED,MAAM,QAAQ,GAAG,KAAgC,CAAC;IAClD,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IAE/B,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,iBAAiB;YACpB,OAAO,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;QACzC,KAAK,oBAAoB;YACvB,OAAO,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC5C,KAAK,iBAAiB;YACpB,OAAO,qBAAqB,CAAC,MAAM,CAAC,CAAC;QACvC,KAAK,mBAAmB;YACtB,OAAO,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC3C,KAAK,cAAc;YACjB,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAC;QACpC,KAAK,gBAAgB;YACnB,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC;QACxC,KAAK,mBAAmB;YACtB,OAAO,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC3C;YACE,OAAO,CAAC,IAAI,CAAC,oCAAoC,EAAG,MAAkC,CAAC,IAAI,CAAC,CAAC;YAC7F,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,MAAqC;IAC1E,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACnC,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,8EAA8E;IAC9E,OAAO,MAAM,CAAC,MAAM,CAAU,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC9F,CAAC;AASD;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAC/B,MAAsB,EACtB,YAAoB,EACpB,OAAgB,EAChB,QAAiB;IAEjB,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,SAAS;YACZ,OAAO,EAAE,CAAC;QAEZ,KAAK,aAAa;YAChB,OAAO;gBACL,YAAY,EAAE;oBACZ;wBACE,QAAQ,EAAE,oBAAoB;wBAC9B,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,EAAE,eAAe,EAAE;qBAChE;iBACF;gBACD,SAAS,EAAE;oBACT;wBACE,QAAQ,EAAE,cAAc;wBACxB,MAAM,EAAE;4BACN,IAAI,EAAE,cAAc;4BACpB,KAAK,EAAE,YAAY;4BACnB,QAAQ;4BACR,QAAQ,EAAE,aAAa;4BACvB,QAAQ,EAAE,EAAE;4BACZ,aAAa,EAAE,CAAC,CAAC,OAAO;4BACxB,YAAY,EAAE,OAAO;yBACtB;qBACF;iBACF;aACF,CAAC;QAEJ,KAAK,SAAS;YACZ,OAAO;gBACL,YAAY,EAAE;oBACZ;wBACE,QAAQ,EAAE,oBAAoB;wBAC9B,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,EAAE,WAAW,EAAE;qBAC5D;iBACF;gBACD,SAAS,EAAE;oBACT;wBACE,QAAQ,EAAE,cAAc;wBACxB,MAAM,EAAE;4BACN,IAAI,EAAE,cAAc;4BACpB,KAAK,EAAE,YAAY;4BACnB,QAAQ;4BACR,QAAQ,EAAE,aAAa;4BACvB,QAAQ,EAAE,EAAE;4BACZ,aAAa,EAAE,CAAC,CAAC,OAAO;4BACxB,YAAY,EAAE,OAAO;yBACtB;qBACF;iBACF;aACF,CAAC;QAEJ,KAAK,WAAW;YACd,OAAO;gBACL,YAAY,EAAE,OAAO;oBACnB,CAAC,CAAC;wBACE;4BACE,QAAQ,EAAE,iBAAiB;4BAC3B,MAAM,EAAE;gCACN,IAAI,EAAE,iBAAiB;gCACvB,GAAG,EAAE,OAAO;gCACZ,IAAI,EAAE,EAAE;gCACR,OAAO,EAAE,GAAG;gCACZ,aAAa,EAAE,QAAQ;6BACxB;yBACF;qBACF;oBACH,CAAC,CAAC;wBACE;4BACE,QAAQ,EAAE,oBAAoB;4BAC9B,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,EAAE,aAAa,EAAE;yBAC9D;qBACF;gBACL,SAAS,EAAE;oBACT;wBACE,QAAQ,EAAE,cAAc;wBACxB,MAAM,EAAE;4BACN,IAAI,EAAE,cAAc;4BACpB,KAAK,EAAE,YAAY;4BACnB,QAAQ;4BACR,QAAQ,EAAE,cAAc;4BACxB,QAAQ,EAAE,EAAE;yBACb;qBACF;iBACF;aACF,CAAC;QAEJ,KAAK,OAAO;YACV,OAAO;gBACL,YAAY,EAAE;oBACZ;wBACE,QAAQ,EAAE,iBAAiB;wBAC3B,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,SAAS,EAAE;qBACtD;iBACF;aACF,CAAC;QAEJ;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,4BAA4B,CAAC,KAAY;IACvD,OAAO,KAAK,CAAC,gBAAgB,IAAI,EAAE,CAAC;AACtC,CAAC"}

package/dist/doc/templates/photoGrid.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Photo Grid Template
+ *
+ * Displays 2-4 images in a tiled layout for visual variety.
+ * Layout adapts based on image count and viewport orientation:
+ *
+ * Landscape:
+ * - 2 images: side-by-side 50/50
+ * - 3 images: one large left (60%) + two stacked right
+ * - 4 images: 2x2 grid
+ *
+ * Portrait (9:16): images stack horizontally (top/bottom) instead of
+ * side-by-side, giving each image full width on narrow screens.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import type { Layer } from '../../schemas/Doc.js';
+import type { PhotoGridInput, TemplateContext } from '../../schemas/BlockTemplates.js';
+export declare function photoGrid(input: PhotoGridInput, context: TemplateContext): Layer[];
+//# sourceMappingURL=photoGrid.d.ts.map

package/dist/doc/templates/photoGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"photoGrid.d.ts","sourceRoot":"","sources":["../../../src/doc/templates/photoGrid.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOvF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,GAAG,KAAK,EAAE,CAuHlF"}