@mobile-reality/mdma-renderer-vue 0.2.0

package/dist/components/FormRenderer.d.ts

@@ -0,0 +1,41 @@
+import { type PropType } from 'vue';
+export declare const FormRenderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    component: {
+        type: PropType<import("@mobile-reality/mdma-spec").MdmaComponent>;
+        required: true;
+    };
+    componentState: {
+        type: PropType<import("@mobile-reality/mdma-runtime").ComponentState>;
+        default: undefined;
+    };
+    dispatch: {
+        type: PropType<(action: import("@mobile-reality/mdma-spec").StoreAction) => void>;
+        required: true;
+    };
+    resolveBinding: {
+        type: PropType<(expr: string) => unknown>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    component: {
+        type: PropType<import("@mobile-reality/mdma-spec").MdmaComponent>;
+        required: true;
+    };
+    componentState: {
+        type: PropType<import("@mobile-reality/mdma-runtime").ComponentState>;
+        default: undefined;
+    };
+    dispatch: {
+        type: PropType<(action: import("@mobile-reality/mdma-spec").StoreAction) => void>;
+        required: true;
+    };
+    resolveBinding: {
+        type: PropType<(expr: string) => unknown>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    componentState: import("@mobile-reality/mdma-runtime").ComponentState;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=FormRenderer.d.ts.map

package/dist/components/FormRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRenderer.d.ts","sourceRoot":"","sources":["../../src/components/FormRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,QAAQ,EAAmB,MAAM,KAAK,CAAC;AAiO9E,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAuIvB,CAAC"}

package/dist/components/FormRenderer.js

@@ -0,0 +1,291 @@
+import { defineComponent, h, ref } from 'vue';
+import { blockRendererProps } from '../renderers/renderer-props.js';
+import { useMdmaContext } from '../context/MdmaProvider.js';
+import { useElementOverride, } from '../context/ElementOverridesContext.js';
+// ─── Sensitive field indicator ──────────────────────────────────────────────
+const DefaultSensitiveIndicator = defineComponent({
+    name: 'MdmaSensitiveIndicator',
+    props: {
+        name: { type: String, required: true },
+        label: { type: String, required: true },
+    },
+    setup(props) {
+        return () => h('span', {
+            class: 'mdma-sensitive-badge',
+            title: `${props.label} contains sensitive data (PII)`,
+        }, '\u{1F512}');
+    },
+});
+// ─── Default sub-elements ────────────────────────────────────────────────────
+/** Props shared by the text-ish inputs; `onChange` is a plain callback prop. */
+const baseElementProps = {
+    id: { type: String, required: true },
+    name: { type: String, required: true },
+    label: { type: String, required: true },
+    onChange: { type: Function, required: true },
+    required: { type: Boolean, default: undefined },
+    sensitive: { type: Boolean, default: undefined },
+};
+const DefaultInput = defineComponent({
+    name: 'MdmaInput',
+    props: {
+        ...baseElementProps,
+        type: { type: String, required: true },
+        value: { type: String, required: true },
+    },
+    setup(props) {
+        // A sensitive field starts masked; the toggle is per-field UI state, not
+        // document state, so it never reaches the store.
+        const masked = ref(props.sensitive === true);
+        return () => h('span', { class: `mdma-input-wrapper ${props.sensitive ? 'mdma-input--sensitive' : ''}` }, [
+            h('input', {
+                id: props.id,
+                type: masked.value ? 'password' : props.type,
+                value: props.value,
+                required: props.required,
+                placeholder: props.sensitive ? `Enter ${props.type}...` : undefined,
+                onInput: (e) => props.onChange(e.target.value),
+            }),
+            props.sensitive && props.value
+                ? h('button', {
+                    type: 'button',
+                    class: 'mdma-sensitive-toggle',
+                    title: masked.value ? 'Reveal value' : 'Mask value',
+                    onClick: () => {
+                        masked.value = !masked.value;
+                    },
+                }, masked.value ? '👁' : '🔒')
+                : null,
+        ]);
+    },
+});
+const DefaultSelect = defineComponent({
+    name: 'MdmaSelect',
+    props: {
+        ...baseElementProps,
+        type: { type: String, required: true },
+        value: { type: String, required: true },
+        options: {
+            type: Array,
+            required: true,
+        },
+    },
+    setup(props) {
+        return () => h('select', {
+            id: props.id,
+            value: props.value,
+            required: props.required,
+            onChange: (e) => props.onChange(e.target.value),
+        }, [
+            h('option', { value: '' }, 'Select...'),
+            ...props.options.map((opt) => h('option', { key: opt.value, value: opt.value }, opt.label)),
+        ]);
+    },
+});
+const DefaultCheckbox = defineComponent({
+    name: 'MdmaCheckbox',
+    props: {
+        id: { type: String, required: true },
+        name: { type: String, required: true },
+        label: { type: String, required: true },
+        checked: { type: Boolean, required: true },
+        onChange: { type: Function, required: true },
+        sensitive: { type: Boolean, default: undefined },
+    },
+    setup(props) {
+        return () => h('input', {
+            id: props.id,
+            type: 'checkbox',
+            checked: props.checked,
+            onChange: (e) => props.onChange(e.target.checked),
+        });
+    },
+});
+const DefaultTextarea = defineComponent({
+    name: 'MdmaTextarea',
+    props: {
+        ...baseElementProps,
+        value: { type: String, required: true },
+    },
+    setup(props) {
+        return () => h('span', { class: `mdma-input-wrapper ${props.sensitive ? 'mdma-input--sensitive' : ''}` }, [
+            h('textarea', {
+                id: props.id,
+                value: props.value,
+                required: props.required,
+                placeholder: props.sensitive ? 'Enter sensitive data...' : undefined,
+                onInput: (e) => props.onChange(e.target.value),
+            }),
+        ]);
+    },
+});
+const DefaultFile = defineComponent({
+    name: 'MdmaFileInput',
+    props: {
+        id: { type: String, required: true },
+        name: { type: String, required: true },
+        label: { type: String, required: true },
+        value: { type: Array, required: true },
+        onChange: { type: Function, required: true },
+        required: { type: Boolean, default: undefined },
+        sensitive: { type: Boolean, default: undefined },
+    },
+    setup(props) {
+        return () => h('span', {
+            class: `mdma-input-wrapper mdma-input--file ${props.sensitive ? 'mdma-input--sensitive' : ''}`,
+        }, [
+            h('input', {
+                id: props.id,
+                type: 'file',
+                required: props.required,
+                onChange: (e) => {
+                    const files = e.target.files;
+                    props.onChange(files ? Array.from(files) : []);
+                },
+            }),
+            props.value.length > 0
+                ? h('ul', { class: 'mdma-file-list' }, props.value.map((file) => h('li', { key: `${file.name}-${file.lastModified}-${file.size}` }, [
+                    props.sensitive ? '•••' : file.name,
+                    ' ',
+                    h('span', { class: 'mdma-file-size' }, `(${file.size} B)`),
+                ])))
+                : null,
+        ]);
+    },
+});
+const DefaultSubmitButton = defineComponent({
+    name: 'MdmaSubmitButton',
+    props: {
+        onClick: { type: Function, required: true },
+        label: { type: String, required: true },
+    },
+    setup(props) {
+        return () => h('button', { type: 'button', class: 'mdma-form-submit', onClick: props.onClick }, props.label);
+    },
+});
+// ─── FormRenderer ────────────────────────────────────────────────────────────
+export const FormRenderer = defineComponent({
+    name: 'FormRenderer',
+    props: blockRendererProps,
+    setup(props) {
+        const ctx = useMdmaContext();
+        // Overrides resolve to refs, so a document whose customizations change swaps
+        // the sub-elements without remounting the form.
+        const Input = useElementOverride('form', 'input');
+        const Select = useElementOverride('form', 'select');
+        const Checkbox = useElementOverride('form', 'checkbox');
+        const Textarea = useElementOverride('form', 'textarea');
+        const FileInput = useElementOverride('form', 'file');
+        const SubmitButton = useElementOverride('form', 'submitButton');
+        const SensitiveMark = useElementOverride('form', 'sensitiveIndicator');
+        return () => {
+            const component = props.component;
+            if (component.type !== 'form')
+                return null;
+            const values = props.componentState?.values ?? {};
+            const fields = component.fields.map((field) => {
+                const fieldId = `${component.id}-${field.name}`;
+                const fieldValue = String(values[field.name] ?? '');
+                const handleChange = (value) => props.dispatch({
+                    type: 'FIELD_CHANGED',
+                    componentId: component.id,
+                    field: field.name,
+                    value,
+                });
+                const handleChecked = (checked) => props.dispatch({
+                    type: 'FIELD_CHANGED',
+                    componentId: component.id,
+                    field: field.name,
+                    value: checked,
+                });
+                const handleFiles = (files) => props.dispatch({
+                    type: 'FIELD_CHANGED',
+                    componentId: component.id,
+                    field: field.name,
+                    value: files,
+                });
+                const shared = {
+                    id: fieldId,
+                    name: field.name,
+                    label: field.label,
+                    required: field.required,
+                    sensitive: field.sensitive,
+                };
+                let control;
+                if (field.type === 'select') {
+                    control = h(Select.value ?? DefaultSelect, {
+                        ...shared,
+                        type: 'select',
+                        value: fieldValue,
+                        onChange: handleChange,
+                        options: typeof field.options === 'string'
+                            ? (ctx.value.dataSources?.[field.options] ?? [])
+                            : (field.options ?? []),
+                    });
+                }
+                else if (field.type === 'checkbox') {
+                    control = h(Checkbox.value ?? DefaultCheckbox, {
+                        id: fieldId,
+                        name: field.name,
+                        label: field.label,
+                        checked: Boolean(values[field.name]),
+                        onChange: handleChecked,
+                        sensitive: field.sensitive,
+                    });
+                }
+                else if (field.type === 'textarea') {
+                    control = h(Textarea.value ?? DefaultTextarea, {
+                        ...shared,
+                        value: fieldValue,
+                        onChange: handleChange,
+                    });
+                }
+                else if (field.type === 'file') {
+                    control = h(FileInput.value ?? DefaultFile, {
+                        ...shared,
+                        value: Array.isArray(values[field.name]) ? values[field.name] : [],
+                        onChange: handleFiles,
+                    });
+                }
+                else {
+                    control = h(Input.value ?? DefaultInput, {
+                        ...shared,
+                        type: field.type,
+                        value: fieldValue,
+                        onChange: handleChange,
+                    });
+                }
+                return h('div', {
+                    key: field.name,
+                    class: `mdma-form-field ${field.sensitive ? 'mdma-form-field--sensitive' : ''}`,
+                }, [
+                    h('label', { for: fieldId }, [
+                        field.label,
+                        field.sensitive
+                            ? h(SensitiveMark.value ?? DefaultSensitiveIndicator, {
+                                name: field.name,
+                                label: field.label,
+                            })
+                            : null,
+                    ]),
+                    control,
+                ]);
+            });
+            return h('div', { class: 'mdma-form', 'data-component-id': component.id }, [
+                component.label ? h('h3', { class: 'mdma-form-label' }, component.label) : null,
+                ...fields,
+                component.onSubmit
+                    ? h(SubmitButton.value ?? DefaultSubmitButton, {
+                        label: 'Submit',
+                        onClick: () => props.dispatch({
+                            type: 'ACTION_TRIGGERED',
+                            componentId: component.id,
+                            actionId: component.onSubmit,
+                        }),
+                    })
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=FormRenderer.js.map

package/dist/components/FormRenderer.js.map

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

package/dist/components/MdastRenderer.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Renders standard mdast (Markdown AST) nodes as Vue vnodes.
+ * Handles headings, paragraphs, lists, blockquotes, code blocks,
+ * tables, links, images, emphasis, strong, and other common Markdown constructs.
+ */
+import { type PropType } from 'vue';
+export interface MdastNode {
+    type: string;
+    children?: MdastNode[];
+    value?: string;
+    depth?: number;
+    ordered?: boolean;
+    start?: number;
+    checked?: boolean | null;
+    lang?: string;
+    url?: string;
+    title?: string;
+    alt?: string;
+    align?: (string | null)[];
+}
+export type MdastRendererProps = {
+    node: MdastNode;
+};
+export declare const MdastRenderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    node: {
+        type: PropType<MdastNode>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    node: {
+        type: PropType<MdastNode>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=MdastRenderer.d.ts.map

package/dist/components/MdastRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MdastRenderer.d.ts","sourceRoot":"","sources":["../../src/components/MdastRenderer.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAsB,KAAK,QAAQ,EAAmB,MAAM,KAAK,CAAC;AAIzE,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;CAC3B;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAqIF,eAAO,MAAM,aAAa;;cAGE,QAAQ,CAAC,SAAS,CAAC;;;;;;;cAAnB,QAAQ,CAAC,SAAS,CAAC;;;iGAK7C,CAAC"}

package/dist/components/MdastRenderer.js

@@ -0,0 +1,102 @@
+/**
+ * Renders standard mdast (Markdown AST) nodes as Vue vnodes.
+ * Handles headings, paragraphs, lists, blockquotes, code blocks,
+ * tables, links, images, emphasis, strong, and other common Markdown constructs.
+ */
+import { defineComponent, h } from 'vue';
+function renderChildren(nodes) {
+    if (!nodes || nodes.length === 0)
+        return [];
+    return nodes.map((child) => renderNode(child));
+}
+/** Column alignment, when the table declares one. */
+function alignStyle(align, index) {
+    const value = align?.[index];
+    return value ? { textAlign: value } : undefined;
+}
+function renderNode(node) {
+    switch (node.type) {
+        // ---- Block-level ----
+        case 'heading':
+            return h(`h${node.depth ?? 1}`, renderChildren(node.children));
+        case 'paragraph':
+            return h('p', renderChildren(node.children));
+        case 'blockquote':
+            return h('blockquote', renderChildren(node.children));
+        case 'list':
+            return h(node.ordered ? 'ol' : 'ul', { start: node.ordered ? (node.start ?? 1) : undefined }, renderChildren(node.children));
+        case 'listItem':
+            if (node.checked != null) {
+                return h('li', { class: 'mdast-task-item' }, [
+                    h('input', { type: 'checkbox', checked: node.checked, readonly: true }),
+                    ...renderChildren(node.children),
+                ]);
+            }
+            return h('li', renderChildren(node.children));
+        case 'code':
+            return h('pre', { class: 'mdast-code-block' }, [
+                h('code', { class: node.lang ? `language-${node.lang}` : undefined }, node.value),
+            ]);
+        case 'thematicBreak':
+            return h('hr');
+        case 'html':
+            // Render raw HTML as text for safety (never v-html)
+            return h('div', { class: 'mdast-raw-html' }, node.value);
+        // ---- Table ----
+        case 'table': {
+            const rows = node.children ?? [];
+            const headerRow = rows[0];
+            const bodyRows = rows.slice(1);
+            const sections = [];
+            if (headerRow) {
+                sections.push(h('thead', [
+                    h('tr', (headerRow.children ?? []).map((cell, ci) => h('th', { style: alignStyle(node.align, ci) }, renderChildren(cell.children)))),
+                ]));
+            }
+            if (bodyRows.length > 0) {
+                sections.push(h('tbody', bodyRows.map((row) => h('tr', (row.children ?? []).map((cell, ci) => h('td', { style: alignStyle(node.align, ci) }, renderChildren(cell.children)))))));
+            }
+            return h('table', { class: 'mdast-table' }, sections);
+        }
+        // ---- Inline ----
+        case 'text':
+            return node.value;
+        case 'emphasis':
+            return h('em', renderChildren(node.children));
+        case 'strong':
+            return h('strong', renderChildren(node.children));
+        case 'delete':
+            return h('del', renderChildren(node.children));
+        case 'inlineCode':
+            return h('code', { class: 'mdast-inline-code' }, node.value);
+        case 'link':
+            return h('a', {
+                href: node.url,
+                title: node.title ?? undefined,
+                target: '_blank',
+                rel: 'noopener noreferrer',
+            }, renderChildren(node.children));
+        case 'image':
+            return h('img', { src: node.url, alt: node.alt ?? '', title: node.title ?? undefined });
+        case 'break':
+            return h('br');
+        // ---- Fallback ----
+        default:
+            // Attempt to render children for unknown container nodes
+            if (node.children)
+                return renderChildren(node.children);
+            if (node.value)
+                return node.value;
+            return null;
+    }
+}
+export const MdastRenderer = defineComponent({
+    name: 'MdastRenderer',
+    props: {
+        node: { type: Object, required: true },
+    },
+    setup(props) {
+        return () => h('div', { class: 'mdma-markdown-content' }, [renderNode(props.node)]);
+    },
+});
+//# sourceMappingURL=MdastRenderer.js.map

package/dist/components/MdastRenderer.js.map

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

package/dist/components/MdmaBlock.d.ts

@@ -0,0 +1,36 @@
+import { type PropType } from 'vue';
+import type { MdmaBlock as MdmaBlockType } from '@mobile-reality/mdma-spec';
+import type { MdmaBlockRenderer } from '../renderers/renderer-props.js';
+export type MdmaBlockProps = {
+    block: MdmaBlockType;
+    renderers?: Record<string, MdmaBlockRenderer>;
+};
+/**
+ * Renders one parsed MDMA block: looks up the renderer for its component type
+ * (caller-supplied first, then the built-ins) and hands it the component, its
+ * state, and the two store callbacks.
+ */
+export declare const MdmaBlock: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    block: {
+        type: PropType<MdmaBlockType>;
+        required: true;
+    };
+    renderers: {
+        type: PropType<Record<string, MdmaBlockRenderer>>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    block: {
+        type: PropType<MdmaBlockType>;
+        required: true;
+    };
+    renderers: {
+        type: PropType<Record<string, MdmaBlockRenderer>>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    renderers: Record<string, MdmaBlockRenderer>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=MdmaBlock.d.ts.map

package/dist/components/MdmaBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MdmaBlock.d.ts","sourceRoot":"","sources":["../../src/components/MdmaBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAe,MAAM,2BAA2B,CAAC;AAGzF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;CAC/C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS;;cAGO,QAAQ,CAAC,aAAa,CAAC;;;;cAE9B,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;;;;;;;cAFpC,QAAQ,CAAC,aAAa,CAAC;;;;cAE9B,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;;;;;4EAiC/D,CAAC"}

package/dist/components/MdmaBlock.js

@@ -0,0 +1,40 @@
+import { computed, defineComponent, h } from 'vue';
+import { useComponentState, useDocumentStore } from '../composables/use-document-store.js';
+import { defaultRenderers } from '../renderers/renderer-registry.js';
+/**
+ * Renders one parsed MDMA block: looks up the renderer for its component type
+ * (caller-supplied first, then the built-ins) and hands it the component, its
+ * state, and the two store callbacks.
+ */
+export const MdmaBlock = defineComponent({
+    name: 'MdmaBlock',
+    props: {
+        block: { type: Object, required: true },
+        renderers: {
+            type: Object,
+            default: undefined,
+        },
+    },
+    setup(props) {
+        const store = useDocumentStore();
+        const componentState = useComponentState(() => props.block.component.id);
+        const dispatch = (action) => store.value.dispatch(action);
+        const resolveBinding = (expr) => store.value.resolveBinding(expr);
+        const Renderer = computed(() => {
+            const type = props.block.component.type;
+            return props.renderers?.[type] ?? defaultRenderers[type];
+        });
+        return () => {
+            if (!Renderer.value) {
+                return h('div', { class: 'mdma-unknown-component' }, `Unknown component type: ${props.block.component.type}`);
+            }
+            return h(Renderer.value, {
+                component: props.block.component,
+                componentState: componentState.value,
+                dispatch,
+                resolveBinding,
+            });
+        };
+    },
+});
+//# sourceMappingURL=MdmaBlock.js.map

package/dist/components/MdmaBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MdmaBlock.js","sourceRoot":"","sources":["../../src/components/MdmaBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,EAAiB,MAAM,KAAK,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAQrE;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAiC,EAAE,QAAQ,EAAE,IAAI,EAAE;QAClE,SAAS,EAAE;YACT,IAAI,EAAE,MAAqD;YAC3D,OAAO,EAAE,SAAS;SACnB;KACF;IACD,KAAK,CAAC,KAAK;QACT,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;QACjC,MAAM,cAAc,GAAG,iBAAiB,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QAEzE,MAAM,QAAQ,GAAG,CAAC,MAAmB,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACvE,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAE1E,MAAM,QAAQ,GAAG,QAAQ,CAAgC,GAAG,EAAE;YAC5D,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;YACxC,OAAO,KAAK,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;gBACpB,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,wBAAwB,EAAE,EACnC,2BAA2B,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,CACxD,CAAC;YACJ,CAAC;YAED,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAE;gBACvB,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;gBAChC,cAAc,EAAE,cAAc,CAAC,KAAK;gBACpC,QAAQ;gBACR,cAAc;aACf,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/components/MdmaBlockLoading.d.ts

@@ -0,0 +1,29 @@
+import { type PropType } from 'vue';
+export type MdmaBlockLoadingProps = {
+    node: {
+        value?: string;
+    };
+};
+/**
+ * Skeleton shown for an `mdma` fence that hasn't finished streaming (or failed
+ * validation). The type hint comes from the partial YAML so the placeholder can
+ * name what is arriving instead of showing a generic spinner.
+ */
+export declare const MdmaBlockLoading: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    node: {
+        type: PropType<{
+            value?: string;
+        }>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    node: {
+        type: PropType<{
+            value?: string;
+        }>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=MdmaBlockLoading.d.ts.map

package/dist/components/MdmaBlockLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MdmaBlockLoading.d.ts","sourceRoot":"","sources":["../../src/components/MdmaBlockLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAElE,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1B,CAAC;AASF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;cAGD,QAAQ,CAAC;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;;;;;;;cAA5B,QAAQ,CAAC;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;;;iGAkBtD,CAAC"}