@mobile-reality/mdma-renderer-vue 0.2.0

package/dist/components/MdmaBlockLoading.js

@@ -0,0 +1,30 @@
+import { computed, defineComponent, h } from 'vue';
+/** Try to extract a component type hint from partial YAML (e.g. "type: form"). */
+function extractTypeHint(yaml) {
+    if (!yaml)
+        return null;
+    const match = yaml.match(/^\s*type:\s*(\S+)/m);
+    return match ? match[1] : null;
+}
+/**
+ * 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 const MdmaBlockLoading = defineComponent({
+    name: 'MdmaBlockLoading',
+    props: {
+        node: { type: Object, required: true },
+    },
+    setup(props) {
+        const typeHint = computed(() => extractTypeHint(props.node.value));
+        return () => h('div', { class: 'mdma-block-loading' }, [
+            h('div', { class: 'mdma-block-loading-shimmer' }),
+            h('div', { class: 'mdma-block-loading-content' }, [
+                h('span', { class: 'mdma-block-loading-icon' }),
+                h('span', { class: 'mdma-block-loading-text' }, typeHint.value ? `Loading ${typeHint.value} component...` : 'Loading component...'),
+            ]),
+        ]);
+    },
+});
+//# sourceMappingURL=MdmaBlockLoading.js.map

package/dist/components/MdmaBlockLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MdmaBlockLoading.js","sourceRoot":"","sources":["../../src/components/MdmaBlockLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,EAAiB,MAAM,KAAK,CAAC;AAMlE,kFAAkF;AAClF,SAAS,eAAe,CAAC,IAAa;IACpC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAC/C,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACjC,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,QAAQ,EAAE,IAAI,EAAE;KACvE;IACD,KAAK,CAAC,KAAK;QACT,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAEnE,OAAO,GAAG,EAAE,CACV,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE;YACxC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,CAAC;YACjD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE;gBAChD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,CAAC;gBAC/C,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,yBAAyB,EAAE,EACpC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,QAAQ,CAAC,KAAK,eAAe,CAAC,CAAC,CAAC,sBAAsB,CACnF;aACF,CAAC;SACH,CAAC,CAAC;IACP,CAAC;CACF,CAAC,CAAC"}

package/dist/components/MdmaDocument.d.ts

@@ -0,0 +1,109 @@
+import { type PropType } from 'vue';
+import type { MdmaRoot } from '@mobile-reality/mdma-spec';
+import type { DocumentStore } from '@mobile-reality/mdma-runtime';
+import { type DataSources } from '../context/MdmaProvider.js';
+import { type CustomVariants } from '../context/CustomVariantContext.js';
+import { type MdmaThemeInput } from '../theme/MdmaThemeProvider.js';
+import type { MdmaBlockRenderer } from '../renderers/renderer-props.js';
+/**
+ * A component entry can be either:
+ * - A Vue component — shorthand for a full renderer override.
+ * - A config object — with an optional `renderer` and/or `elements`
+ *   for sub-element overrides (e.g. form inputs, checkboxes).
+ */
+export type ComponentEntry = MdmaBlockRenderer | {
+    renderer?: MdmaBlockRenderer;
+    elements?: Record<string, MdmaBlockRenderer>;
+};
+/** Rendering customizations — a single map keyed by component type. */
+export interface MdmaRenderCustomizations {
+    /**
+     * Component-level overrides keyed by MDMA component type name.
+     *
+     * @example
+     * ```ts
+     * components: {
+     *   button: CustomButtonRenderer,               // full renderer
+     *   form: { elements: { input: GlassInput } },  // sub-element overrides
+     * }
+     * ```
+     */
+    components?: Record<string, ComponentEntry>;
+    /**
+     * Variant renderers for `custom` components, keyed by the component's `name`.
+     * Rendering is host/framework-specific, so it is registered here rather than
+     * in the spec. Register a variant's schema + behavior with the runtime's
+     * `registerCustomComponent`.
+     *
+     * @example
+     * ```ts
+     * customVariants: { 'signature-pad': SignaturePadRenderer }
+     * ```
+     */
+    customVariants?: CustomVariants;
+    /** Named option lists that form select fields can reference by string (e.g. `options: countries`). */
+    dataSources?: DataSources;
+}
+export type MdmaDocumentProps = {
+    ast: MdmaRoot;
+    store: DocumentStore;
+    /** Rendering customizations (component renderers + element overrides). */
+    customizations?: MdmaRenderCustomizations;
+    /**
+     * Theme applied to the document root: `'light'` | `'dark'` | `'auto'`
+     * (follows the OS preference), or a full `MdmaTheme` for custom tokens.
+     * Omit to use the stylesheet's default (light) look.
+     */
+    theme?: MdmaThemeInput;
+    class?: string;
+};
+export declare const MdmaDocument: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    ast: {
+        type: PropType<MdmaRoot>;
+        required: true;
+    };
+    store: {
+        type: PropType<DocumentStore>;
+        required: true;
+    };
+    customizations: {
+        type: PropType<MdmaRenderCustomizations>;
+        default: undefined;
+    };
+    theme: {
+        type: PropType<MdmaThemeInput>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        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<{
+    ast: {
+        type: PropType<MdmaRoot>;
+        required: true;
+    };
+    store: {
+        type: PropType<DocumentStore>;
+        required: true;
+    };
+    customizations: {
+        type: PropType<MdmaRenderCustomizations>;
+        default: undefined;
+    };
+    theme: {
+        type: PropType<MdmaThemeInput>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    theme: MdmaThemeInput;
+    class: string;
+    customizations: MdmaRenderCustomizations;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=MdmaDocument.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MdmaDocument.d.ts","sourceRoot":"","sources":["../../src/components/MdmaDocument.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6D,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/F,OAAO,KAAK,EAAE,QAAQ,EAA8B,MAAM,2BAA2B,CAAC;AAEtF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAK5E,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAChG,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,+BAA+B,CAAC;AAIvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAExE;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GACtB,iBAAiB,GACjB;IACE,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;CAC9C,CAAC;AAEN,uEAAuE;AACvE,MAAM,WAAW,wBAAwB;IACvC;;;;;;;;;;OAUG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC5C;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,sGAAsG;IACtG,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,QAAQ,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,0EAA0E;IAC1E,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C;;;;OAIG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAwHF,eAAO,MAAM,YAAY;;cAGE,QAAQ,CAAC,QAAQ,CAAC;;;;cAChB,QAAQ,CAAC,aAAa,CAAC;;;;cAE9B,QAAQ,CAAC,wBAAwB,CAAC;;;;cAGjB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;cANpC,QAAQ,CAAC,QAAQ,CAAC;;;;cAChB,QAAQ,CAAC,aAAa,CAAC;;;;cAE9B,QAAQ,CAAC,wBAAwB,CAAC;;;;cAGjB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;4EAiG7D,CAAC"}

package/dist/components/MdmaDocument.js

@@ -0,0 +1,190 @@
+import { computed, defineComponent, h, provide } from 'vue';
+import { MDMA_LANG_TAG } from '@mobile-reality/mdma-spec';
+import { MdmaProvider } from '../context/MdmaProvider.js';
+import { ElementOverridesProvider, } from '../context/ElementOverridesContext.js';
+import { CustomVariantProvider } from '../context/CustomVariantContext.js';
+import { MdmaThemeKey, resolveThemeProps, useResolvedTheme, } from '../theme/MdmaThemeProvider.js';
+import { MdmaBlock } from './MdmaBlock.js';
+import { MdmaBlockLoading } from './MdmaBlockLoading.js';
+import { MdastRenderer } from './MdastRenderer.js';
+/** Check if an entry is a config object (has `renderer` or `elements`) rather than a component. */
+function isComponentConfig(entry) {
+    return (typeof entry === 'object' && entry !== null && ('renderer' in entry || 'elements' in entry));
+}
+/** Split a unified `components` map into the internal renderer + elementOverrides formats. */
+function splitComponents(components) {
+    if (!components)
+        return { renderers: undefined, elementOverrides: undefined };
+    const renderers = {};
+    const elementOverrides = {};
+    for (const [key, entry] of Object.entries(components)) {
+        if (isComponentConfig(entry)) {
+            if (entry.renderer)
+                renderers[key] = entry.renderer;
+            if (entry.elements)
+                elementOverrides[key] = entry.elements;
+        }
+        else {
+            renderers[key] = entry;
+        }
+    }
+    return {
+        renderers: Object.keys(renderers).length > 0 ? renderers : undefined,
+        elementOverrides: Object.keys(elementOverrides).length > 0 ? elementOverrides : undefined,
+    };
+}
+/** Extract the `id` field from partial YAML content. */
+function extractIdFromYaml(yaml) {
+    if (!yaml)
+        return null;
+    const match = yaml.match(/^\s*id:\s*(\S+)/m);
+    return match ? match[1] : null;
+}
+/** Extract the `type` field from partial YAML content. */
+function extractTypeFromYaml(yaml) {
+    if (!yaml)
+        return null;
+    const match = yaml.match(/^\s*type:\s*(\S+)/m);
+    return match ? match[1] : null;
+}
+/**
+ * Build a synthetic MdmaBlock for a thinking component from partial YAML.
+ * This allows the thinking block to render streamed content instead of
+ * showing a loading skeleton.
+ */
+function buildPartialThinkingBlock(yaml) {
+    const id = extractIdFromYaml(yaml);
+    if (!id)
+        return null;
+    // Extract label (single-line value after "label:")
+    const labelMatch = yaml.match(/^\s*label:\s*(.+)$/m);
+    const label = labelMatch ? labelMatch[1].trim() : undefined;
+    // Extract content — handles both YAML block scalar (|) and inline string
+    let content = '';
+    const contentBlockMatch = yaml.match(/^\s*content:\s*\|\s*\n([\s\S]*)$/m);
+    if (contentBlockMatch) {
+        // Block scalar: grab everything after "content: |" up to the next
+        // top-level YAML key or end of string. Lines are indented by ≥2 spaces.
+        const rawBlock = contentBlockMatch[1];
+        const lines = [];
+        for (const line of rawBlock.split('\n')) {
+            // A non-indented non-empty line means a new YAML key — stop.
+            if (line.length > 0 && !line.startsWith(' ') && !line.startsWith('\t'))
+                break;
+            // Strip the common 2-space indent used by YAML block scalars
+            lines.push(line.replace(/^ {1,2}/, ''));
+        }
+        content = lines.join('\n').trimEnd();
+    }
+    else {
+        // Inline string: content: "some text" or content: some text
+        const inlineMatch = yaml.match(/^\s*content:\s*(?:"([^"]*)"|'([^']*)'|(.+))$/m);
+        if (inlineMatch) {
+            content = (inlineMatch[1] ?? inlineMatch[2] ?? inlineMatch[3] ?? '').trim();
+        }
+    }
+    return {
+        type: 'mdmaBlock',
+        rawYaml: yaml,
+        component: {
+            type: 'thinking',
+            id,
+            content: content || '...',
+            status: 'thinking',
+            collapsed: false,
+            ...(label ? { label } : {}),
+        },
+    };
+}
+function isMdmaBlock(node) {
+    return (typeof node === 'object' &&
+        node !== null &&
+        'type' in node &&
+        node.type === 'mdmaBlock');
+}
+/** Detect code blocks with lang="mdma" that weren't converted to MdmaBlock
+ *  (incomplete YAML during streaming or validation failure). */
+function isPendingMdmaBlock(node) {
+    return (typeof node === 'object' &&
+        node !== null &&
+        'type' in node &&
+        node.type === 'code' &&
+        'lang' in node &&
+        node.lang === MDMA_LANG_TAG);
+}
+export const MdmaDocument = defineComponent({
+    name: 'MdmaDocument',
+    props: {
+        ast: { type: Object, required: true },
+        store: { type: Object, required: true },
+        customizations: {
+            type: Object,
+            default: undefined,
+        },
+        theme: { type: [String, Object], default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props) {
+        const split = computed(() => splitComponents(props.customizations?.components));
+        // Resolve our own `theme` prop, or inherit an ancestor `MdmaThemeProvider`'s
+        // theme when none is given (so a single provider can theme a whole app).
+        const inheritedTheme = useResolvedTheme();
+        const themeProps = computed(() => props.theme !== undefined ? resolveThemeProps(props.theme) : inheritedTheme.value);
+        provide(MdmaThemeKey, themeProps);
+        // Cache of successfully parsed blocks by component ID. Prevents flickering
+        // during streaming when a block alternates between parsed and pending states
+        // as incomplete YAML temporarily fails to validate.
+        const renderedBlocks = new Map();
+        const renderChild = (child, index) => {
+            const renderers = split.value.renderers;
+            if (isMdmaBlock(child)) {
+                // Cache this successfully parsed block
+                renderedBlocks.set(child.component.id, child);
+                return h(MdmaBlock, { key: child.component.id, block: child, renderers });
+            }
+            // Incomplete MDMA blocks (still streaming or failed validation)
+            if (isPendingMdmaBlock(child)) {
+                const pendingYaml = child.value;
+                const pendingId = extractIdFromYaml(pendingYaml);
+                // If this block was previously rendered, keep showing the rendered
+                // version instead of flickering back to the loading skeleton.
+                const cachedBlock = pendingId ? renderedBlocks.get(pendingId) : null;
+                if (cachedBlock) {
+                    return h(MdmaBlock, {
+                        key: cachedBlock.component.id,
+                        block: cachedBlock,
+                        renderers,
+                    });
+                }
+                // Thinking blocks stream their content live instead of showing
+                // a loading skeleton — build a synthetic block from partial YAML.
+                const pendingType = extractTypeFromYaml(pendingYaml);
+                if (pendingType === 'thinking' && pendingYaml) {
+                    const partialBlock = buildPartialThinkingBlock(pendingYaml);
+                    if (partialBlock) {
+                        return h(MdmaBlock, {
+                            key: partialBlock.component.id,
+                            block: partialBlock,
+                            renderers,
+                        });
+                    }
+                }
+                return h(MdmaBlockLoading, { key: index, node: child });
+            }
+            // Render standard Markdown nodes (headings, paragraphs, lists, etc.)
+            return h(MdastRenderer, { key: index, node: child });
+        };
+        return () => h(MdmaProvider, { store: props.store, dataSources: props.customizations?.dataSources }, {
+            default: () => h(CustomVariantProvider, { value: props.customizations?.customVariants }, {
+                default: () => h(ElementOverridesProvider, { value: split.value.elementOverrides }, {
+                    default: () => h('div', {
+                        class: `mdma-document ${props.class ?? ''}`,
+                        'data-theme': themeProps.value.dataTheme,
+                        style: themeProps.value.style,
+                    }, props.ast.children.map(renderChild)),
+                }),
+            }),
+        });
+    },
+});
+//# sourceMappingURL=MdmaDocument.js.map

package/dist/components/MdmaDocument.js.map

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

package/dist/components/TableRenderer.d.ts

@@ -0,0 +1,40 @@
+export declare const TableRenderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    component: {
+        type: import("vue").PropType<import("@mobile-reality/mdma-spec").MdmaComponent>;
+        required: true;
+    };
+    componentState: {
+        type: import("vue").PropType<import("@mobile-reality/mdma-runtime").ComponentState>;
+        default: undefined;
+    };
+    dispatch: {
+        type: import("vue").PropType<(action: import("@mobile-reality/mdma-spec").StoreAction) => void>;
+        required: true;
+    };
+    resolveBinding: {
+        type: import("vue").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: import("vue").PropType<import("@mobile-reality/mdma-spec").MdmaComponent>;
+        required: true;
+    };
+    componentState: {
+        type: import("vue").PropType<import("@mobile-reality/mdma-runtime").ComponentState>;
+        default: undefined;
+    };
+    dispatch: {
+        type: import("vue").PropType<(action: import("@mobile-reality/mdma-spec").StoreAction) => void>;
+        required: true;
+    };
+    resolveBinding: {
+        type: import("vue").PropType<(expr: string) => unknown>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    componentState: import("@mobile-reality/mdma-runtime").ComponentState;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=TableRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRenderer.d.ts","sourceRoot":"","sources":["../../src/components/TableRenderer.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAyExB,CAAC"}

package/dist/components/TableRenderer.js

@@ -0,0 +1,65 @@
+import { defineComponent, h, ref } from 'vue';
+import { blockRendererProps } from '../renderers/renderer-props.js';
+/** A PII cell, masked until the reader clicks to reveal it. */
+const MaskedCell = defineComponent({
+    name: 'MdmaMaskedCell',
+    props: {
+        value: { type: String, required: true },
+    },
+    setup(props) {
+        const revealed = ref(false);
+        return () => h('span', {
+            class: 'mdma-table-cell--sensitive',
+            title: revealed.value ? 'Click to mask' : 'Click to reveal',
+            onClick: () => {
+                revealed.value = !revealed.value;
+            },
+        }, revealed.value ? props.value : '•••••');
+    },
+});
+export const TableRenderer = defineComponent({
+    name: 'TableRenderer',
+    props: blockRendererProps,
+    setup(props) {
+        return () => {
+            const component = props.component;
+            if (component.type !== 'table')
+                return null;
+            const rawData = typeof component.data === 'string' ? props.resolveBinding(component.data) : component.data;
+            const data = Array.isArray(rawData) ? rawData : [];
+            const sensitiveKeys = new Set(component.columns.filter((col) => col.sensitive).map((col) => col.key));
+            return h('div', { class: 'mdma-table', 'data-component-id': component.id }, [
+                component.label ? h('h3', { class: 'mdma-table-label' }, component.label) : null,
+                h('table', [
+                    h('thead', [
+                        h('tr', component.columns.map((col) => h('th', { key: col.key, style: col.width ? { width: col.width } : undefined }, [
+                            col.header,
+                            col.sensitive
+                                ? h('span', { class: 'mdma-sensitive-badge', title: 'Sensitive column (PII)' }, '\u{1F512}')
+                                : null,
+                        ]))),
+                    ]),
+                    h('tbody', [
+                        ...data.map((row, i) => h('tr', { key: i }, component.columns.map((col) => {
+                            const raw = row[col.key] ?? '';
+                            // A cell may itself hold a binding expression, e.g. "{{user.name}}".
+                            const resolved = typeof raw === 'string' && /^\{\{.+\}\}$/.test(raw)
+                                ? props.resolveBinding(raw)
+                                : raw;
+                            const cellValue = String(resolved ?? '');
+                            return h('td', { key: col.key }, sensitiveKeys.has(col.key) && cellValue
+                                ? h(MaskedCell, { value: cellValue })
+                                : cellValue);
+                        }))),
+                        data.length === 0
+                            ? h('tr', [
+                                h('td', { colspan: component.columns.length, class: 'mdma-table-empty' }, 'No data'),
+                            ])
+                            : null,
+                    ]),
+                ]),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=TableRenderer.js.map

package/dist/components/TableRenderer.js.map

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

package/dist/components/TasklistRenderer.d.ts

@@ -0,0 +1,40 @@
+export declare const TasklistRenderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    component: {
+        type: import("vue").PropType<import("@mobile-reality/mdma-spec").MdmaComponent>;
+        required: true;
+    };
+    componentState: {
+        type: import("vue").PropType<import("@mobile-reality/mdma-runtime").ComponentState>;
+        default: undefined;
+    };
+    dispatch: {
+        type: import("vue").PropType<(action: import("@mobile-reality/mdma-spec").StoreAction) => void>;
+        required: true;
+    };
+    resolveBinding: {
+        type: import("vue").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: import("vue").PropType<import("@mobile-reality/mdma-spec").MdmaComponent>;
+        required: true;
+    };
+    componentState: {
+        type: import("vue").PropType<import("@mobile-reality/mdma-runtime").ComponentState>;
+        default: undefined;
+    };
+    dispatch: {
+        type: import("vue").PropType<(action: import("@mobile-reality/mdma-spec").StoreAction) => void>;
+        required: true;
+    };
+    resolveBinding: {
+        type: import("vue").PropType<(expr: string) => unknown>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    componentState: import("@mobile-reality/mdma-runtime").ComponentState;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=TasklistRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TasklistRenderer.d.ts","sourceRoot":"","sources":["../../src/components/TasklistRenderer.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAsD3B,CAAC"}

package/dist/components/TasklistRenderer.js

@@ -0,0 +1,49 @@
+import { defineComponent, h } from 'vue';
+import { blockRendererProps } from '../renderers/renderer-props.js';
+export const TasklistRenderer = defineComponent({
+    name: 'TasklistRenderer',
+    props: blockRendererProps,
+    setup(props) {
+        return () => {
+            const component = props.component;
+            if (component.type !== 'tasklist')
+                return null;
+            const values = props.componentState?.values ?? {};
+            return h('div', { class: 'mdma-tasklist', 'data-component-id': component.id }, [
+                component.label ? h('h3', { class: 'mdma-tasklist-label' }, component.label) : null,
+                h('ul', { class: 'mdma-tasklist-items' }, component.items.map((item) => h('li', { key: item.id, class: 'mdma-tasklist-item' }, [
+                    h('label', [
+                        h('input', {
+                            type: 'checkbox',
+                            checked: Boolean(values[item.id]),
+                            onChange: (e) => {
+                                const checked = e.target.checked;
+                                props.dispatch({
+                                    type: 'FIELD_CHANGED',
+                                    componentId: component.id,
+                                    field: item.id,
+                                    value: checked,
+                                });
+                                // Fire onComplete only on the transition into all-items-checked, mirroring
+                                // how FormRenderer emits ACTION_TRIGGERED on submit.
+                                if (component.onComplete) {
+                                    const wasComplete = component.items.every((it) => Boolean(values[it.id]));
+                                    const isComplete = component.items.every((it) => it.id === item.id ? checked : Boolean(values[it.id]));
+                                    if (!wasComplete && isComplete) {
+                                        props.dispatch({
+                                            type: 'ACTION_TRIGGERED',
+                                            componentId: component.id,
+                                            actionId: component.onComplete,
+                                        });
+                                    }
+                                }
+                            },
+                        }),
+                        h('span', item.text),
+                    ]),
+                ]))),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=TasklistRenderer.js.map

package/dist/components/TasklistRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TasklistRenderer.js","sourceRoot":"","sources":["../../src/components/TasklistRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,kBAAkB;IACzB,KAAK,CAAC,KAAK;QACT,OAAO,GAAG,EAAE;YACV,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;YAClC,IAAI,SAAS,CAAC,IAAI,KAAK,UAAU;gBAAE,OAAO,IAAI,CAAC;YAE/C,MAAM,MAAM,GAAG,KAAK,CAAC,cAAc,EAAE,MAAM,IAAI,EAAE,CAAC;YAElD,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE;gBAC7E,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBACnF,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAC3B,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE;oBACrD,CAAC,CAAC,OAAO,EAAE;wBACT,CAAC,CAAC,OAAO,EAAE;4BACT,IAAI,EAAE,UAAU;4BAChB,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;4BACjC,QAAQ,EAAE,CAAC,CAAQ,EAAE,EAAE;gCACrB,MAAM,OAAO,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;gCACvD,KAAK,CAAC,QAAQ,CAAC;oCACb,IAAI,EAAE,eAAe;oCACrB,WAAW,EAAE,SAAS,CAAC,EAAE;oCACzB,KAAK,EAAE,IAAI,CAAC,EAAE;oCACd,KAAK,EAAE,OAAO;iCACf,CAAC,CAAC;gCACH,2EAA2E;gCAC3E,qDAAqD;gCACrD,IAAI,SAAS,CAAC,UAAU,EAAE,CAAC;oCACzB,MAAM,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;oCAC1E,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,CAC9C,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CACrD,CAAC;oCACF,IAAI,CAAC,WAAW,IAAI,UAAU,EAAE,CAAC;wCAC/B,KAAK,CAAC,QAAQ,CAAC;4CACb,IAAI,EAAE,kBAAkB;4CACxB,WAAW,EAAE,SAAS,CAAC,EAAE;4CACzB,QAAQ,EAAE,SAAS,CAAC,UAAU;yCAC/B,CAAC,CAAC;oCACL,CAAC;gCACH,CAAC;4BACH,CAAC;yBACF,CAAC;wBACF,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;qBACrB,CAAC;iBACH,CAAC,CACH,CACF;aACF,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/components/ThinkingRenderer.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Basic built-in thinking renderer.
+ * Uses native <details>/<summary> for a zero-dependency collapsible.
+ * Override with a richer renderer via customizations.
+ */
+export declare const ThinkingRenderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    component: {
+        type: import("vue").PropType<import("@mobile-reality/mdma-spec").MdmaComponent>;
+        required: true;
+    };
+    componentState: {
+        type: import("vue").PropType<import("@mobile-reality/mdma-runtime").ComponentState>;
+        default: undefined;
+    };
+    dispatch: {
+        type: import("vue").PropType<(action: import("@mobile-reality/mdma-spec").StoreAction) => void>;
+        required: true;
+    };
+    resolveBinding: {
+        type: import("vue").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: import("vue").PropType<import("@mobile-reality/mdma-spec").MdmaComponent>;
+        required: true;
+    };
+    componentState: {
+        type: import("vue").PropType<import("@mobile-reality/mdma-runtime").ComponentState>;
+        default: undefined;
+    };
+    dispatch: {
+        type: import("vue").PropType<(action: import("@mobile-reality/mdma-spec").StoreAction) => void>;
+        required: true;
+    };
+    resolveBinding: {
+        type: import("vue").PropType<(expr: string) => unknown>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    componentState: import("@mobile-reality/mdma-runtime").ComponentState;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=ThinkingRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingRenderer.d.ts","sourceRoot":"","sources":["../../src/components/ThinkingRenderer.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAiD3B,CAAC"}