@bendyline/squisq-editor-react 1.5.0 → 1.5.2

package/dist/RecorderEntry.js

@@ -1,139 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * RecorderEntry — toolbar slot that wires `RecorderPanel` from
- * `@bendyline/squisq-recorder-react` into the editor.
- *
- * Reads `mediaProvider`, `workspaceContainer`, `activeView`,
- * `tiptapEditor`, and the markdown editing helpers from
- * `useEditorContext()`. On a successful save it:
- *   - inserts an HTML5 media element at the cursor — `<video>` for
- *     camera / screen recordings, `<audio>` for narration / mic
- *     recordings — which the markdown renderer turns into an inline
- *     `<InlineVideoPlayer>` / `<InlineAudioPlayer>` with native
- *     controls;
- *   - for narration, also annotates the nearest heading with
- *     `{[audio=filename]}` so `resolveAudioMapping()` continues to tie
- *     the recording to that block during slideshow playback;
- *   - bumps `mediaRevision` so any blob URLs the media bin cached for
- *     the previous file list are invalidated.
- *
- * The component returns `null` when no `mediaProvider` is wired —
- * recording without a place to write the captured bytes is a
- * misconfiguration, not a feature.
- */
-import { useCallback } from 'react';
-import { RecorderPanel } from './recorder/RecorderPanel.js';
-import { useEditorContext } from './EditorContext';
-/**
- * Insert a narration annotation `{[audio=filename]}` onto the heading
- * line currently above the cursor in the Monaco editor. Pure-text
- * insertion at the line's end keeps the markdown valid and matches the
- * shape `resolveAudioMapping()` reads. Returns true if a heading line
- * was found and updated.
- */
-function annotateMonacoHeading(editor, filename) {
-    const model = editor.getModel();
-    if (!model)
-        return false;
-    const position = editor.getPosition();
-    if (!position)
-        return false;
-    // Walk upward from the cursor to find the nearest heading line.
-    for (let line = position.lineNumber; line >= 1; line--) {
-        const text = model.getLineContent(line);
-        if (!/^#{1,6}\s/.test(text))
-            continue;
-        // Skip if the heading already has an audio annotation — don't
-        // stomp the user's existing wiring. Add a separate annotation in
-        // that case wouldn't help either (resolveAudioMapping reads only
-        // the first audio= entry).
-        if (/\{\[audio=/.test(text))
-            return true;
-        const trimmed = text.replace(/\s+$/, '');
-        const insertText = ` {[audio=${filename}]}`;
-        const column = trimmed.length + 1;
-        editor.executeEdits('recorder-annotation', [
-            {
-                range: {
-                    startLineNumber: line,
-                    startColumn: column,
-                    endLineNumber: line,
-                    endColumn: column,
-                },
-                text: insertText,
-            },
-        ]);
-        return true;
-    }
-    return false;
-}
-export function RecorderEntry() {
-    const { mediaProvider, workspaceContainer, activeView, monacoEditor, tiptapEditor, insertAtCursor, bumpMediaRevision, markdownSource, setMarkdownSource, } = useEditorContext();
-    const handleSave = useCallback((result) => {
-        bumpMediaRevision();
-        if (result.source === 'mic') {
-            // Narration — annotate the nearest heading (drives the
-            // slideshow narration pipeline at `core/src/doc/audioMapping.ts`)
-            // *and* insert an inline `<audio controls>` so the user can
-            // audition the recording inside the editor. The two roles are
-            // orthogonal: the annotation is metadata for playback timing,
-            // the HTML tag is an in-editor preview control.
-            if (activeView === 'raw' && monacoEditor) {
-                annotateMonacoHeading(monacoEditor, result.filename);
-            }
-            const audioTag = `<audio src="${result.relativePath}" controls></audio>`;
-            if (activeView === 'wysiwyg' && tiptapEditor) {
-                tiptapEditor
-                    .chain()
-                    .focus()
-                    .insertContent({
-                    type: 'audio',
-                    attrs: { src: result.relativePath, controls: true },
-                })
-                    .run();
-                return;
-            }
-            if (activeView === 'raw' && monacoEditor) {
-                // The annotation went onto the heading line; drop the player
-                // on a fresh line at the cursor.
-                insertAtCursor(`\n\n${audioTag}\n`);
-                return;
-            }
-            setMarkdownSource(markdownSource ? `${markdownSource}\n\n${audioTag}` : audioTag);
-            return;
-        }
-        // Camera / screen / screen+mic — inline video player. We pin
-        // width=480 so the editor preview doesn't blow up to natural
-        // resolution on big monitors; the height is intrinsic, so the
-        // aspect ratio is preserved regardless of source dimensions.
-        const videoTag = `<video src="${result.relativePath}" controls width="480"></video>`;
-        if (activeView === 'wysiwyg' && tiptapEditor) {
-            tiptapEditor
-                .chain()
-                .focus()
-                .insertContent({
-                type: 'video',
-                attrs: { src: result.relativePath, controls: true, width: 480 },
-            })
-                .run();
-            return;
-        }
-        if (activeView === 'raw' && monacoEditor) {
-            insertAtCursor(videoTag);
-            return;
-        }
-        setMarkdownSource(markdownSource ? `${markdownSource}\n\n${videoTag}` : videoTag);
-    }, [
-        activeView,
-        monacoEditor,
-        tiptapEditor,
-        insertAtCursor,
-        bumpMediaRevision,
-        markdownSource,
-        setMarkdownSource,
-    ]);
-    if (!mediaProvider)
-        return null;
-    return (_jsx(RecorderPanel, { mediaProvider: mediaProvider, container: workspaceContainer, onSave: handleSave, className: "squisq-toolbar-button" }));
-}
-//# sourceMappingURL=RecorderEntry.js.map

package/dist/RecorderEntry.js.map

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

package/dist/StatusBar.d.ts

@@ -1,15 +0,0 @@
-/**
- * StatusBar
- *
- * Bottom status bar showing document statistics and parse status.
- */
-export interface StatusBarProps {
-    /** Additional class name */
-    className?: string;
-}
-/**
- * Status bar displaying document statistics: character count, word count,
- * block count, and parse/error status.
- */
-export declare function StatusBar({ className }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=StatusBar.d.ts.map

package/dist/StatusBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../src/StatusBar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,cAAc,2CA6BtD"}

package/dist/StatusBar.js

@@ -1,24 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/**
- * StatusBar
- *
- * Bottom status bar showing document statistics and parse status.
- */
-import { useMemo } from 'react';
-import { useEditorContext } from './EditorContext';
-/**
- * Status bar displaying document statistics: character count, word count,
- * block count, and parse/error status.
- */
-export function StatusBar({ className }) {
-    const { markdownSource, doc, parseError, isParsing } = useEditorContext();
-    const stats = useMemo(() => {
-        const chars = markdownSource.length;
-        const words = markdownSource.trim() ? markdownSource.trim().split(/\s+/).length : 0;
-        const lines = markdownSource.split('\n').length;
-        const blocks = doc?.blocks.length ?? 0;
-        return { chars, words, lines, blocks };
-    }, [markdownSource, doc]);
-    return (_jsxs("div", { className: `squisq-status-bar ${className || ''}`, children: [_jsxs("span", { className: "squisq-status-item", children: [stats.words, " words"] }), _jsxs("span", { className: "squisq-status-item", children: [stats.chars, " chars"] }), _jsxs("span", { className: "squisq-status-item", children: [stats.lines, " lines"] }), _jsxs("span", { className: "squisq-status-item", children: [stats.blocks, " blocks"] }), _jsx("span", { className: "squisq-status-spacer" }), isParsing && _jsx("span", { className: "squisq-status-item squisq-status-parsing", children: "Parsing\u2026" }), parseError && (_jsx("span", { className: "squisq-status-item squisq-status-error", title: parseError, children: "\u26A0 Error" })), !isParsing && !parseError && (_jsx("span", { className: "squisq-status-item squisq-status-ok", children: "\u2713 OK" }))] }));
-}
-//# sourceMappingURL=StatusBar.js.map

package/dist/StatusBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../src/StatusBar.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAOnD;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAkB;IACrD,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE1E,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC;QACpC,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACpF,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;QAChD,MAAM,MAAM,GAAG,GAAG,EAAE,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;QACvC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,eAAK,SAAS,EAAE,qBAAqB,SAAS,IAAI,EAAE,EAAE,aACpD,gBAAM,SAAS,EAAC,oBAAoB,aAAE,KAAK,CAAC,KAAK,cAAc,EAC/D,gBAAM,SAAS,EAAC,oBAAoB,aAAE,KAAK,CAAC,KAAK,cAAc,EAC/D,gBAAM,SAAS,EAAC,oBAAoB,aAAE,KAAK,CAAC,KAAK,cAAc,EAC/D,gBAAM,SAAS,EAAC,oBAAoB,aAAE,KAAK,CAAC,MAAM,eAAe,EACjE,eAAM,SAAS,EAAC,sBAAsB,GAAG,EACxC,SAAS,IAAI,eAAM,SAAS,EAAC,0CAA0C,8BAAgB,EACvF,UAAU,IAAI,CACb,eAAM,SAAS,EAAC,wCAAwC,EAAC,KAAK,EAAE,UAAU,6BAEnE,CACR,EACA,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,CAC5B,eAAM,SAAS,EAAC,qCAAqC,0BAAY,CAClE,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/TemplateAnnotation.d.ts

@@ -1,20 +0,0 @@
-/**
- * TemplateAnnotation — Tiptap Heading Extension
- *
- * Extends Tiptap's built-in Heading node to support `data-template` and
- * `data-template-params` HTML attributes. These attributes store which block
- * template should be used for a heading section.
- *
- * When present, the heading renders a visible badge (styled CSS chip)
- * showing the template name, e.g. `[chart]`.
- *
- * The tiptapBridge converts `### Title {[chart]}` markdown into
- * `<h3 data-template="chart">Title</h3>` and back, so this extension
- * ensures Tiptap's schema preserves those attributes through edits.
- */
-/**
- * HeadingWithTemplate — drop-in replacement for Tiptap's Heading that
- * persists template annotation attributes.
- */
-export declare const HeadingWithTemplate: import("@tiptap/core").Node<import("@tiptap/extension-heading").HeadingOptions, any>;
-//# sourceMappingURL=TemplateAnnotation.d.ts.map

package/dist/TemplateAnnotation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateAnnotation.d.ts","sourceRoot":"","sources":["../src/TemplateAnnotation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAKH;;;GAGG;AACH,eAAO,MAAM,mBAAmB,sFA4E9B,CAAC"}

package/dist/TemplateAnnotation.js

@@ -1,97 +0,0 @@
-/**
- * TemplateAnnotation — Tiptap Heading Extension
- *
- * Extends Tiptap's built-in Heading node to support `data-template` and
- * `data-template-params` HTML attributes. These attributes store which block
- * template should be used for a heading section.
- *
- * When present, the heading renders a visible badge (styled CSS chip)
- * showing the template name, e.g. `[chart]`.
- *
- * The tiptapBridge converts `### Title {[chart]}` markdown into
- * `<h3 data-template="chart">Title</h3>` and back, so this extension
- * ensures Tiptap's schema preserves those attributes through edits.
- */
-import Heading from '@tiptap/extension-heading';
-import { templateLabel } from './TemplatePicker';
-/**
- * HeadingWithTemplate — drop-in replacement for Tiptap's Heading that
- * persists template annotation attributes.
- */
-export const HeadingWithTemplate = Heading.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            dataTemplate: {
-                default: null,
-                parseHTML: (element) => element.getAttribute('data-template') || null,
-                renderHTML: (attributes) => {
-                    if (!attributes.dataTemplate)
-                        return {};
-                    return { 'data-template': attributes.dataTemplate };
-                },
-            },
-            dataTemplateParams: {
-                default: null,
-                parseHTML: (element) => element.getAttribute('data-template-params') || null,
-                renderHTML: (attributes) => {
-                    if (!attributes.dataTemplateParams)
-                        return {};
-                    return { 'data-template-params': attributes.dataTemplateParams };
-                },
-            },
-        };
-    },
-    renderHTML({ node, HTMLAttributes }) {
-        const level = node.attrs.level;
-        const tag = `h${level}`;
-        const templateName = HTMLAttributes['data-template'];
-        // Render heading with a trailing badge span. The badge has no text
-        // content — its label is painted via CSS `content: attr(data-template-label)`
-        // so the template name never becomes part of the serialized heading
-        // text (which would leak into markdown on round-trip).
-        //
-        // When no template is set we still render a subtle "empty" badge so
-        // authors have a visible affordance for opening the template picker
-        // straight from the heading (matches the clicky chip shown for
-        // templated headings). The empty variant has no `data-template`
-        // attribute, so the bridge treats the heading as plain on save.
-        if (templateName) {
-            return [
-                tag,
-                HTMLAttributes,
-                ['span', { class: 'squisq-heading-content' }, 0],
-                [
-                    'span',
-                    {
-                        class: 'squisq-template-badge',
-                        contenteditable: 'false',
-                        role: 'button',
-                        tabindex: '0',
-                        'aria-haspopup': 'listbox',
-                        title: 'Change block template',
-                        'data-template': templateName,
-                        'data-template-label': templateLabel(templateName),
-                    },
-                ],
-            ];
-        }
-        return [
-            tag,
-            HTMLAttributes,
-            ['span', { class: 'squisq-heading-content' }, 0],
-            [
-                'span',
-                {
-                    class: 'squisq-template-badge squisq-template-badge--empty',
-                    contenteditable: 'false',
-                    role: 'button',
-                    tabindex: '0',
-                    'aria-haspopup': 'listbox',
-                    title: 'Choose block template',
-                },
-            ],
-        ];
-    },
-});
-//# sourceMappingURL=TemplateAnnotation.js.map

package/dist/TemplateAnnotation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateAnnotation.js","sourceRoot":"","sources":["../src/TemplateAnnotation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAAM,CAAC;IAChD,aAAa;QACX,OAAO;YACL,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE;YAClB,YAAY,EAAE;gBACZ,OAAO,EAAE,IAAI;gBACb,SAAS,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,IAAI;gBAClF,UAAU,EAAE,CAAC,UAAmC,EAAE,EAAE;oBAClD,IAAI,CAAC,UAAU,CAAC,YAAY;wBAAE,OAAO,EAAE,CAAC;oBACxC,OAAO,EAAE,eAAe,EAAE,UAAU,CAAC,YAAY,EAAE,CAAC;gBACtD,CAAC;aACF;YACD,kBAAkB,EAAE;gBAClB,OAAO,EAAE,IAAI;gBACb,SAAS,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,sBAAsB,CAAC,IAAI,IAAI;gBACzF,UAAU,EAAE,CAAC,UAAmC,EAAE,EAAE;oBAClD,IAAI,CAAC,UAAU,CAAC,kBAAkB;wBAAE,OAAO,EAAE,CAAC;oBAC9C,OAAO,EAAE,sBAAsB,EAAE,UAAU,CAAC,kBAAkB,EAAE,CAAC;gBACnE,CAAC;aACF;SACF,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE;QACjC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC/B,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,MAAM,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;QAErD,mEAAmE;QACnE,8EAA8E;QAC9E,oEAAoE;QACpE,uDAAuD;QACvD,EAAE;QACF,oEAAoE;QACpE,oEAAoE;QACpE,+DAA+D;QAC/D,gEAAgE;QAChE,gEAAgE;QAChE,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO;gBACL,GAAG;gBACH,cAAc;gBACd,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,CAAC,CAAC;gBAChD;oBACE,MAAM;oBACN;wBACE,KAAK,EAAE,uBAAuB;wBAC9B,eAAe,EAAE,OAAO;wBACxB,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,GAAG;wBACb,eAAe,EAAE,SAAS;wBAC1B,KAAK,EAAE,uBAAuB;wBAC9B,eAAe,EAAE,YAAY;wBAC7B,qBAAqB,EAAE,aAAa,CAAC,YAAY,CAAC;qBACnD;iBACF;aACF,CAAC;QACJ,CAAC;QAED,OAAO;YACL,GAAG;YACH,cAAc;YACd,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,CAAC,CAAC;YAChD;gBACE,MAAM;gBACN;oBACE,KAAK,EAAE,oDAAoD;oBAC3D,eAAe,EAAE,OAAO;oBACxB,IAAI,EAAE,QAAQ;oBACd,QAAQ,EAAE,GAAG;oBACb,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,uBAAuB;iBAC/B;aACF;SACF,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/TemplatePicker.d.ts

@@ -1,53 +0,0 @@
-/**
- * TemplatePicker
- *
- * A custom popover that replaces the plain <select> for block templates.
- * Each template entry shows a mini wireframe SVG, a human-readable label,
- * and a one-sentence description so authors can quickly find the right layout.
- */
-/**
- * Canonical template names known to the picker, in the order they
- * appear in the gallery. Exported so callers can hand the same list to
- * `recommendTemplatesForBlock()` and stay in sync with the visual
- * order.
- */
-export declare const TEMPLATE_NAMES: readonly string[];
-/**
- * Convert a camelCase template id to a human-readable label. Accepts both
- * the canonical short ids (`title`, `quote`, `map`, `list`) and the
- * legacy long ones (`titleBlock`, `quoteBlock`, `mapBlock`, `listBlock`)
- * so existing documents keep showing a friendly label without first
- * normalizing their annotations.
- */
-export declare function templateLabel(name: string): string;
-export interface TemplatePickerProps {
-    value: string;
-    onChange: (name: string) => void;
-    /** When true, shows only the trigger button (no popover) — used in the overflow menu. */
-    compact?: boolean;
-    /**
-     * Template names to surface in a "Recommended for this block" section
-     * above the full list. When omitted or empty, the gallery renders as a
-     * single ungrouped grid (legacy behavior).
-     */
-    recommended?: readonly string[];
-}
-export declare function TemplatePicker({ value, onChange, compact, recommended }: TemplatePickerProps): import("react/jsx-runtime").JSX.Element;
-export interface TemplateBadgePopoverProps {
-    /** DOMRect of the badge that triggered the popover (in viewport coords). */
-    anchorRect: DOMRect;
-    /** Currently active template name (empty string for none). */
-    value: string;
-    onChange: (name: string) => void;
-    onClose: () => void;
-    /** Optional list of template names to surface as "Recommended for this block". */
-    recommended?: readonly string[];
-}
-/**
- * Standalone popover that mirrors the toolbar `TemplatePicker`'s gallery,
- * but is anchored to a caller-supplied DOM rect (typically a clicked
- * `.squisq-template-badge` span). Handles its own positioning, outside
- * clicks, Escape, and viewport-edge clamping.
- */
-export declare function TemplateBadgePopover({ anchorRect, value, onChange, onClose, recommended, }: TemplateBadgePopoverProps): import("react").ReactPortal;
-//# sourceMappingURL=TemplatePicker.d.ts.map

package/dist/TemplatePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TemplatePicker.d.ts","sourceRoot":"","sources":["../src/TemplatePicker.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA2XH;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,SAAS,MAAM,EAAwC,CAAC;AAErF;;;;;;GAMG;AAEH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAOlD;AAgBD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,mBAAmB,2CA0J5F;AA8GD,MAAM,WAAW,yBAAyB;IACxC,4EAA4E;IAC5E,UAAU,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kFAAkF;IAClF,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACjC;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,GACZ,EAAE,yBAAyB,+BA6C3B"}