@bendyline/squisq-editor-react 1.0.1 → 1.1.1

package/dist/MediaBin.js

@@ -0,0 +1,141 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * MediaBin
+ *
+ * Toggleable side panel that displays files associated with the current
+ * content. Shows image thumbnails, icons for other types, file sizes,
+ * and provides an upload button to add new media.
+ */
+import { useState, useEffect, useRef, useCallback } from 'react';
+// ============================================
+// Helpers
+// ============================================
+function formatSize(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function iconForMime(mimeType) {
+    if (mimeType.startsWith('image/'))
+        return '\u{1F5BC}';
+    if (mimeType.startsWith('audio/'))
+        return '\u{1F50A}';
+    if (mimeType.startsWith('video/'))
+        return '\u{1F3AC}';
+    if (mimeType.includes('json'))
+        return '{ }';
+    if (mimeType.includes('xml') || mimeType.includes('ssml'))
+        return '\u{2329}/\u{232A}';
+    return '\u{1F4C4}';
+}
+function isImageMime(mimeType) {
+    return mimeType.startsWith('image/');
+}
+// ============================================
+// Component
+// ============================================
+export function MediaBin({ mediaProvider, isDark, refreshKey }) {
+    const [entries, setEntries] = useState([]);
+    const [thumbUrls, setThumbUrls] = useState({});
+    const [loading, setLoading] = useState(false);
+    const fileInputRef = useRef(null);
+    // Scan media entries whenever the provider changes or refreshKey bumps
+    useEffect(() => {
+        if (!mediaProvider) {
+            setEntries([]);
+            setThumbUrls({});
+            return;
+        }
+        let cancelled = false;
+        async function scan() {
+            setLoading(true);
+            try {
+                const list = await mediaProvider.listMedia();
+                if (cancelled)
+                    return;
+                list.sort((a, b) => {
+                    const aImg = isImageMime(a.mimeType) ? 0 : 1;
+                    const bImg = isImageMime(b.mimeType) ? 0 : 1;
+                    if (aImg !== bImg)
+                        return aImg - bImg;
+                    return a.name.localeCompare(b.name);
+                });
+                setEntries(list);
+                const urls = {};
+                for (const entry of list) {
+                    if (isImageMime(entry.mimeType)) {
+                        try {
+                            urls[entry.name] = await mediaProvider.resolveUrl(entry.name);
+                        }
+                        catch {
+                            // skip failed resolve
+                        }
+                    }
+                }
+                if (!cancelled)
+                    setThumbUrls(urls);
+            }
+            finally {
+                if (!cancelled)
+                    setLoading(false);
+            }
+        }
+        scan();
+        return () => {
+            cancelled = true;
+        };
+    }, [mediaProvider, refreshKey]);
+    // ---- Upload ----
+    const handleUploadClick = useCallback(() => {
+        fileInputRef.current?.click();
+    }, []);
+    const handleFileChange = useCallback(async (e) => {
+        const files = e.target.files;
+        if (!files || !mediaProvider)
+            return;
+        setLoading(true);
+        try {
+            for (let i = 0; i < files.length; i++) {
+                const file = files[i];
+                const buffer = await file.arrayBuffer();
+                const mimeType = file.type || 'application/octet-stream';
+                await mediaProvider.addMedia(file.name, buffer, mimeType);
+            }
+            // Re-scan
+            const list = await mediaProvider.listMedia();
+            list.sort((a, b) => {
+                const aImg = isImageMime(a.mimeType) ? 0 : 1;
+                const bImg = isImageMime(b.mimeType) ? 0 : 1;
+                if (aImg !== bImg)
+                    return aImg - bImg;
+                return a.name.localeCompare(b.name);
+            });
+            setEntries(list);
+            const urls = {};
+            for (const entry of list) {
+                if (isImageMime(entry.mimeType)) {
+                    try {
+                        urls[entry.name] = await mediaProvider.resolveUrl(entry.name);
+                    }
+                    catch {
+                        // skip
+                    }
+                }
+            }
+            setThumbUrls(urls);
+        }
+        finally {
+            setLoading(false);
+            if (fileInputRef.current)
+                fileInputRef.current.value = '';
+        }
+    }, [mediaProvider]);
+    return (_jsxs("div", { className: `squisq-media-bin${isDark ? ' squisq-media-bin--dark' : ''}`, children: [_jsxs("div", { className: "squisq-media-bin-header", children: [_jsxs("span", { className: "squisq-media-bin-title", children: ["Files ", entries.length > 0 && `(${entries.length})`] }), _jsx("button", { className: "squisq-media-bin-upload", onClick: handleUploadClick, disabled: !mediaProvider || loading, title: mediaProvider ? 'Upload files' : 'Load a content zip or select a storage slot first', children: "+ Upload" })] }), _jsxs("div", { className: "squisq-media-bin-list", children: [!mediaProvider && (_jsxs("div", { className: "squisq-media-bin-empty", children: ["No media context.", _jsx("br", {}), "Load a content zip or select a storage slot."] })), mediaProvider && entries.length === 0 && !loading && (_jsx("div", { className: "squisq-media-bin-empty", children: "No files yet." })), entries.map((entry) => {
+                        const thumb = thumbUrls[entry.name];
+                        const basename = entry.name.includes('/') ? entry.name.split('/').pop() : entry.name;
+                        return (_jsxs("div", { className: "squisq-media-bin-item", title: `${entry.name}\n${entry.mimeType}\n${formatSize(entry.size)}`, children: [thumb ? (_jsx("img", { src: thumb, alt: basename, className: "squisq-media-bin-thumb" })) : (_jsx("span", { className: "squisq-media-bin-icon", children: iconForMime(entry.mimeType) })), _jsxs("div", { className: "squisq-media-bin-meta", children: [_jsx("div", { className: "squisq-media-bin-name", children: basename }), _jsx("div", { className: "squisq-media-bin-size", children: formatSize(entry.size) })] })] }, entry.name));
+                    })] }), _jsx("input", { ref: fileInputRef, type: "file", multiple: true, style: { display: 'none' }, onChange: handleFileChange })] }));
+}
+//# sourceMappingURL=MediaBin.js.map

package/dist/MediaBin.js.map

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

package/dist/PreviewControls.d.ts

@@ -0,0 +1,41 @@
+/**
+ * PreviewControls
+ *
+ * Shared context and inline toolbar component for preview settings
+ * (viewport format, display mode, theme, transform, caption style).
+ *
+ * The context is provided by EditorShell and consumed by both:
+ * - PreviewControls (toolbar dropdowns, rendered in the main toolbar)
+ * - PreviewPanel (the actual player, which reads the selected values)
+ */
+import type { ReactNode } from 'react';
+import type { DisplayMode, CaptionStyle } from '@bendyline/squisq-react';
+import type { ViewportPreset, ViewportConfig } from '@bendyline/squisq/schemas';
+import type { Theme } from '@bendyline/squisq/schemas';
+import type { Doc } from '@bendyline/squisq/schemas';
+export interface PreviewSettings {
+    activePreset: ViewportPreset;
+    setSelectedPreset: (preset: ViewportPreset | null) => void;
+    activeViewport: ViewportConfig;
+    activeDisplayMode: DisplayMode;
+    setSelectedDisplayMode: (mode: DisplayMode | null) => void;
+    activeThemeId: string;
+    setSelectedThemeId: (id: string | null) => void;
+    activeTheme: Theme;
+    activeTransformStyle: string;
+    setSelectedTransformStyle: (id: string | null) => void;
+    activeCaptionStyle: CaptionStyle;
+    setSelectedCaptionStyle: (style: CaptionStyle | null) => void;
+}
+export declare function usePreviewSettings(): PreviewSettings;
+export interface PreviewSettingsProviderProps {
+    doc: Doc | null;
+    children: ReactNode;
+}
+export declare function PreviewSettingsProvider({ doc, children }: PreviewSettingsProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Inline preview controls rendered in the main toolbar row.
+ * Reads from PreviewSettingsContext.
+ */
+export declare function PreviewToolbarControls(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PreviewControls.d.ts.map

package/dist/PreviewControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewControls.d.ts","sourceRoot":"","sources":["../src/PreviewControls.tsx"],"names":[],"mappings":"AACA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEhF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAIrD,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,cAAc,CAAC;IAC7B,iBAAiB,EAAE,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,cAAc,EAAE,cAAc,CAAC;IAC/B,iBAAiB,EAAE,WAAW,CAAC;IAC/B,sBAAsB,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,WAAW,EAAE,KAAK,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,kBAAkB,EAAE,YAAY,CAAC;IACjC,uBAAuB,EAAE,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;CAC/D;AAID,wBAAgB,kBAAkB,IAAI,eAAe,CAIpD;AAgED,MAAM,WAAW,4BAA4B;IAC3C,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,uBAAuB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,4BAA4B,2CAyEtF;AAiDD;;;GAGG;AACH,wBAAgB,sBAAsB,4CAuFrC"}

package/dist/PreviewControls.js

@@ -0,0 +1,201 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react-refresh/only-export-components */
+/**
+ * PreviewControls
+ *
+ * Shared context and inline toolbar component for preview settings
+ * (viewport format, display mode, theme, transform, caption style).
+ *
+ * The context is provided by EditorShell and consumed by both:
+ * - PreviewControls (toolbar dropdowns, rendered in the main toolbar)
+ * - PreviewPanel (the actual player, which reads the selected values)
+ */
+import { createContext, useContext, useState, useMemo, useEffect } from 'react';
+import { VIEWPORT_PRESETS, getThemeSummaries, resolveTheme } from '@bendyline/squisq/schemas';
+import { getTransformStyleSummaries } from '@bendyline/squisq/transform';
+const PreviewSettingsContext = createContext(null);
+export function usePreviewSettings() {
+    const ctx = useContext(PreviewSettingsContext);
+    if (!ctx)
+        throw new Error('usePreviewSettings must be used within PreviewSettingsProvider');
+    return ctx;
+}
+// ── Frontmatter resolvers ────────────────────────────────────────
+function resolveRenderAs(value) {
+    if (typeof value !== 'string')
+        return null;
+    const v = value.trim().toLowerCase();
+    const mapping = {
+        landscape: 'landscape',
+        '16:9': 'landscape',
+        widescreen: 'landscape',
+        portrait: 'portrait',
+        '9:16': 'portrait',
+        vertical: 'portrait',
+        stories: 'portrait',
+        square: 'square',
+        '1:1': 'square',
+        standard: 'standard',
+        '4:3': 'standard',
+    };
+    return mapping[v] ?? null;
+}
+function resolveDisplayMode(value) {
+    if (typeof value !== 'string')
+        return null;
+    const v = value.trim().toLowerCase();
+    if (v === 'video' || v === 'slideshow' || v === 'linear')
+        return v;
+    if (v === 'slides' || v === 'presentation' || v === 'deck')
+        return 'slideshow';
+    if (v === 'document' || v === 'scroll' || v === 'page')
+        return 'linear';
+    return null;
+}
+const VALID_THEME_IDS = new Set(getThemeSummaries().map((s) => s.id));
+function resolveFrontmatterTheme(value) {
+    if (typeof value !== 'string')
+        return null;
+    const v = value.trim().toLowerCase();
+    if (VALID_THEME_IDS.has(v))
+        return v;
+    const normalized = v.replace(/\s+/g, '-');
+    if (VALID_THEME_IDS.has(normalized))
+        return normalized;
+    return null;
+}
+const VALID_TRANSFORM_IDS = new Set(getTransformStyleSummaries().map((s) => s.id));
+function resolveFrontmatterTransform(value) {
+    if (typeof value !== 'string')
+        return null;
+    const v = value.trim().toLowerCase();
+    if (VALID_TRANSFORM_IDS.has(v))
+        return v;
+    const normalized = v.replace(/\s+/g, '-');
+    if (VALID_TRANSFORM_IDS.has(normalized))
+        return normalized;
+    return null;
+}
+function resolveFrontmatterCaptionStyle(value) {
+    if (typeof value !== 'string')
+        return null;
+    const v = value.trim().toLowerCase();
+    if (v === 'standard' || v === 'social')
+        return v;
+    if (v === 'instagram' || v === 'tiktok' || v === 'reels')
+        return 'social';
+    return null;
+}
+export function PreviewSettingsProvider({ doc, children }) {
+    const frontmatter = doc?.frontmatter;
+    // Viewport
+    const fmPreset = useMemo(() => resolveRenderAs(frontmatter?.['document-render-as']), [frontmatter]);
+    const [selectedPreset, setSelectedPreset] = useState(null);
+    useEffect(() => setSelectedPreset(null), [fmPreset]);
+    const activePreset = selectedPreset ?? fmPreset ?? 'landscape';
+    const activeViewport = VIEWPORT_PRESETS[activePreset];
+    // Display mode
+    const fmMode = useMemo(() => resolveDisplayMode(frontmatter?.['display-mode']), [frontmatter]);
+    const [selectedDisplayMode, setSelectedDisplayMode] = useState(null);
+    useEffect(() => setSelectedDisplayMode(null), [fmMode]);
+    const activeDisplayMode = selectedDisplayMode ?? fmMode ?? 'video';
+    // Theme
+    const fmTheme = useMemo(() => resolveFrontmatterTheme(frontmatter?.['theme']), [frontmatter]);
+    const [selectedThemeId, setSelectedThemeId] = useState(null);
+    useEffect(() => setSelectedThemeId(null), [fmTheme]);
+    const activeThemeId = selectedThemeId ?? fmTheme ?? 'standard';
+    const activeTheme = useMemo(() => resolveTheme(activeThemeId), [activeThemeId]);
+    // Transform
+    const fmTransform = useMemo(() => resolveFrontmatterTransform(frontmatter?.['transform-style']), [frontmatter]);
+    const [selectedTransformStyle, setSelectedTransformStyle] = useState(null);
+    useEffect(() => setSelectedTransformStyle(null), [fmTransform]);
+    const activeTransformStyle = selectedTransformStyle ?? fmTransform ?? '';
+    // Caption style
+    const fmCaption = useMemo(() => resolveFrontmatterCaptionStyle(frontmatter?.['caption-style']), [frontmatter]);
+    const [selectedCaptionStyle, setSelectedCaptionStyle] = useState(null);
+    useEffect(() => setSelectedCaptionStyle(null), [fmCaption]);
+    const activeCaptionStyle = selectedCaptionStyle ?? fmCaption ?? 'standard';
+    const value = useMemo(() => ({
+        activePreset,
+        setSelectedPreset,
+        activeViewport,
+        activeDisplayMode,
+        setSelectedDisplayMode,
+        activeThemeId,
+        setSelectedThemeId,
+        activeTheme,
+        activeTransformStyle,
+        setSelectedTransformStyle,
+        activeCaptionStyle,
+        setSelectedCaptionStyle,
+    }), [
+        activePreset,
+        activeViewport,
+        activeDisplayMode,
+        activeThemeId,
+        activeTheme,
+        activeTransformStyle,
+        activeCaptionStyle,
+    ]);
+    return (_jsx(PreviewSettingsContext.Provider, { value: value, children: children }));
+}
+// ── Dropdown options ─────────────────────────────────────────────
+const VIEWPORT_OPTIONS = [
+    { key: 'landscape', label: '16:9' },
+    { key: 'portrait', label: '9:16' },
+    { key: 'square', label: '1:1' },
+    { key: 'standard', label: '4:3' },
+];
+const DISPLAY_MODE_OPTIONS = [
+    { key: 'video', label: 'Video' },
+    { key: 'slideshow', label: 'Slideshow' },
+    { key: 'linear', label: 'Document' },
+];
+const THEME_OPTIONS = getThemeSummaries().map((s) => ({ key: s.id, label: s.name }));
+const TRANSFORM_STYLE_OPTIONS = [
+    { key: '', label: 'None' },
+    ...getTransformStyleSummaries().map((s) => ({ key: s.id, label: s.name })),
+];
+const CAPTION_STYLE_OPTIONS = [
+    { key: 'standard', label: 'Standard' },
+    { key: 'social', label: 'Social' },
+];
+// ── Shared styles ────────────────────────────────────────────────
+const labelStyle = {
+    color: 'var(--squisq-text-muted, #6b7280)',
+    fontSize: '12px',
+    whiteSpace: 'nowrap',
+};
+const selectStyle = {
+    padding: '2px 6px',
+    borderRadius: '4px',
+    border: '1px solid var(--squisq-border, #d1d5db)',
+    background: 'var(--squisq-input-bg, #fff)',
+    color: 'var(--squisq-text, #1f2937)',
+    fontSize: '12px',
+    cursor: 'pointer',
+};
+// ── Toolbar Controls Component ───────────────────────────────────
+/**
+ * Inline preview controls rendered in the main toolbar row.
+ * Reads from PreviewSettingsContext.
+ */
+export function PreviewToolbarControls() {
+    const s = usePreviewSettings();
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '6px',
+            flexWrap: 'wrap',
+            padding: '2px 0',
+        }, children: [_jsx("label", { style: labelStyle, children: "Format:" }), _jsx("select", { value: s.activePreset, onChange: (e) => s.setSelectedPreset(e.target.value), style: selectStyle, children: VIEWPORT_OPTIONS.map((o) => (_jsx("option", { value: o.key, children: o.label }, o.key))) }), _jsx(Divider, {}), _jsx("label", { style: labelStyle, children: "Mode:" }), _jsx("select", { value: s.activeDisplayMode, onChange: (e) => s.setSelectedDisplayMode(e.target.value), style: selectStyle, children: DISPLAY_MODE_OPTIONS.map((o) => (_jsx("option", { value: o.key, children: o.label }, o.key))) }), _jsx(Divider, {}), _jsx("label", { style: labelStyle, children: "Theme:" }), _jsx("select", { value: s.activeThemeId, onChange: (e) => s.setSelectedThemeId(e.target.value), style: selectStyle, children: THEME_OPTIONS.map((o) => (_jsx("option", { value: o.key, children: o.label }, o.key))) }), _jsx(Divider, {}), _jsx("label", { style: labelStyle, children: "Transform:" }), _jsx("select", { value: s.activeTransformStyle, onChange: (e) => s.setSelectedTransformStyle(e.target.value), style: selectStyle, children: TRANSFORM_STYLE_OPTIONS.map((o) => (_jsx("option", { value: o.key, children: o.label }, o.key))) }), _jsx(Divider, {}), _jsx("label", { style: labelStyle, children: "Captions:" }), _jsx("select", { value: s.activeCaptionStyle, onChange: (e) => s.setSelectedCaptionStyle(e.target.value), style: selectStyle, children: CAPTION_STYLE_OPTIONS.map((o) => (_jsx("option", { value: o.key, children: o.label }, o.key))) })] }));
+}
+function Divider() {
+    return (_jsx("span", { style: {
+            width: '1px',
+            height: '16px',
+            background: 'var(--squisq-border, #d1d5db)',
+            margin: '0 2px',
+        } }));
+}
+//# sourceMappingURL=PreviewControls.js.map

package/dist/PreviewControls.js.map

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

package/dist/PreviewPanel.d.ts

@@ -15,19 +15,19 @@
  *    (the player enters fallback-timer mode when audio can't load)
  * 4. Passing the prepared Doc to DocPlayer for SVG-based rendering
  */
+import type { ContentContainer } from '@bendyline/squisq/storage';
 export interface PreviewPanelProps {
     /** Base path for resolving media URLs in DocPlayer */
     basePath?: string;
     /** Additional class name for the container */
     className?: string;
+    /** Optional ContentContainer for audio mapping (MP3 discovery + timing.json) */
+    container?: ContentContainer | null;
 }
 /**
- * Live preview panel that renders the current document as a slideshow.
- * Uses DocPlayer from @bendyline/squisq-react for SVG block rendering
- * with template expansion, transitions, and playback controls.
- *
- * Includes a viewport format dropdown above the player. The default
- * format can be hinted via YAML frontmatter `document-render-as:`.
+ * Live preview panel that renders the current document as a slideshow
+ * or document view. Controls (viewport, mode, theme, transform, captions)
+ * are rendered in the main toolbar via PreviewToolbarControls.
  */
-export declare function PreviewPanel({ basePath, className }: PreviewPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function PreviewPanel({ basePath, className, container }: PreviewPanelProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PreviewPanel.d.ts.map

package/dist/PreviewPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewPanel.d.ts","sourceRoot":"","sources":["../src/PreviewPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAcH,MAAM,WAAW,iBAAiB;IAChC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+OD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAc,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAuR5E"}
+{"version":3,"file":"PreviewPanel.d.ts","sourceRoot":"","sources":["../src/PreviewPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAYH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAIlE,MAAM,WAAW,iBAAiB;IAChC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,SAAS,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACrC;AAmUD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAc,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CA2HvF"}