@draht/web-ui 2026.3.2-2

package/dist/components/Messages.js

@@ -0,0 +1,363 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { renderTool } from "../tools/index.js";
+import { formatUsage } from "../utils/format.js";
+import { i18n } from "../utils/i18n.js";
+import "./ThinkingBlock.js";
+let UserMessage = class UserMessage extends LitElement {
+    message;
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.style.display = "block";
+    }
+    render() {
+        const content = typeof this.message.content === "string"
+            ? this.message.content
+            : this.message.content.find((c) => c.type === "text")?.text || "";
+        return html `
+			<div class="flex justify-start mx-4">
+				<div class="user-message-container py-2 px-4 rounded-xl">
+					<markdown-block .content=${content}></markdown-block>
+					${this.message.role === "user-with-attachments" &&
+            this.message.attachments &&
+            this.message.attachments.length > 0
+            ? html `
+								<div class="mt-3 flex flex-wrap gap-2">
+									${this.message.attachments.map((attachment) => html ` <attachment-tile .attachment=${attachment}></attachment-tile> `)}
+								</div>
+							`
+            : ""}
+				</div>
+			</div>
+		`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], UserMessage.prototype, "message", void 0);
+UserMessage = __decorate([
+    customElement("user-message")
+], UserMessage);
+export { UserMessage };
+let AssistantMessage = class AssistantMessage extends LitElement {
+    message;
+    tools;
+    pendingToolCalls;
+    hideToolCalls = false;
+    toolResultsById;
+    isStreaming = false;
+    hidePendingToolCalls = false;
+    onCostClick;
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.style.display = "block";
+    }
+    render() {
+        // Render content in the order it appears
+        const orderedParts = [];
+        for (const chunk of this.message.content) {
+            if (chunk.type === "text" && chunk.text.trim() !== "") {
+                orderedParts.push(html `<markdown-block .content=${chunk.text}></markdown-block>`);
+            }
+            else if (chunk.type === "thinking" && chunk.thinking.trim() !== "") {
+                orderedParts.push(html `<thinking-block .content=${chunk.thinking} .isStreaming=${this.isStreaming}></thinking-block>`);
+            }
+            else if (chunk.type === "toolCall") {
+                if (!this.hideToolCalls) {
+                    const tool = this.tools?.find((t) => t.name === chunk.name);
+                    const pending = this.pendingToolCalls?.has(chunk.id) ?? false;
+                    const result = this.toolResultsById?.get(chunk.id);
+                    // Skip rendering pending tool calls when hidePendingToolCalls is true
+                    // (used to prevent duplication when StreamingMessageContainer is showing them)
+                    if (this.hidePendingToolCalls && pending && !result) {
+                        continue;
+                    }
+                    // A tool call is aborted if the message was aborted and there's no result for this tool call
+                    const aborted = this.message.stopReason === "aborted" && !result;
+                    orderedParts.push(html `<tool-message
+							.tool=${tool}
+							.toolCall=${chunk}
+							.result=${result}
+							.pending=${pending}
+							.aborted=${aborted}
+							.isStreaming=${this.isStreaming}
+						></tool-message>`);
+                }
+            }
+        }
+        return html `
+			<div>
+				${orderedParts.length ? html ` <div class="px-4 flex flex-col gap-3">${orderedParts}</div> ` : ""}
+				${this.message.usage && !this.isStreaming
+            ? this.onCostClick
+                ? html ` <div class="px-4 mt-2 text-xs text-muted-foreground cursor-pointer hover:text-foreground transition-colors" @click=${this.onCostClick}>${formatUsage(this.message.usage)}</div> `
+                : html ` <div class="px-4 mt-2 text-xs text-muted-foreground">${formatUsage(this.message.usage)}</div> `
+            : ""}
+				${this.message.stopReason === "error" && this.message.errorMessage
+            ? html `
+							<div class="mx-4 mt-3 p-3 bg-destructive/10 text-destructive rounded-lg text-sm overflow-hidden">
+								<strong>${i18n("Error:")}</strong> ${this.message.errorMessage}
+							</div>
+						`
+            : ""}
+				${this.message.stopReason === "aborted"
+            ? html `<span class="text-sm text-destructive italic">${i18n("Request aborted")}</span>`
+            : ""}
+			</div>
+		`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], AssistantMessage.prototype, "message", void 0);
+__decorate([
+    property({ type: Array })
+], AssistantMessage.prototype, "tools", void 0);
+__decorate([
+    property({ type: Object })
+], AssistantMessage.prototype, "pendingToolCalls", void 0);
+__decorate([
+    property({ type: Boolean })
+], AssistantMessage.prototype, "hideToolCalls", void 0);
+__decorate([
+    property({ type: Object })
+], AssistantMessage.prototype, "toolResultsById", void 0);
+__decorate([
+    property({ type: Boolean })
+], AssistantMessage.prototype, "isStreaming", void 0);
+__decorate([
+    property({ type: Boolean })
+], AssistantMessage.prototype, "hidePendingToolCalls", void 0);
+__decorate([
+    property({ attribute: false })
+], AssistantMessage.prototype, "onCostClick", void 0);
+AssistantMessage = __decorate([
+    customElement("assistant-message")
+], AssistantMessage);
+export { AssistantMessage };
+let ToolMessageDebugView = class ToolMessageDebugView extends LitElement {
+    callArgs;
+    result;
+    hasResult = false;
+    createRenderRoot() {
+        return this; // light DOM for shared styles
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.style.display = "block";
+    }
+    pretty(value) {
+        try {
+            if (typeof value === "string") {
+                const maybeJson = JSON.parse(value);
+                return { content: JSON.stringify(maybeJson, null, 2), isJson: true };
+            }
+            return { content: JSON.stringify(value, null, 2), isJson: true };
+        }
+        catch {
+            return { content: typeof value === "string" ? value : String(value), isJson: false };
+        }
+    }
+    render() {
+        const textOutput = this.result?.content
+            ?.filter((c) => c.type === "text")
+            .map((c) => c.text)
+            .join("\n") || "";
+        const output = this.pretty(textOutput);
+        const details = this.pretty(this.result?.details);
+        return html `
+			<div class="mt-3 flex flex-col gap-2">
+				<div>
+					<div class="text-xs font-medium mb-1 text-muted-foreground">${i18n("Call")}</div>
+					<code-block .code=${this.pretty(this.callArgs).content} language="json"></code-block>
+				</div>
+				<div>
+					<div class="text-xs font-medium mb-1 text-muted-foreground">${i18n("Result")}</div>
+					${this.hasResult
+            ? html `<code-block .code=${output.content} language="${output.isJson ? "json" : "text"}"></code-block>
+								<code-block .code=${details.content} language="${details.isJson ? "json" : "text"}"></code-block>`
+            : html `<div class="text-xs text-muted-foreground">${i18n("(no result)")}</div>`}
+				</div>
+			</div>
+		`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], ToolMessageDebugView.prototype, "callArgs", void 0);
+__decorate([
+    property({ type: Object })
+], ToolMessageDebugView.prototype, "result", void 0);
+__decorate([
+    property({ type: Boolean })
+], ToolMessageDebugView.prototype, "hasResult", void 0);
+ToolMessageDebugView = __decorate([
+    customElement("tool-message-debug")
+], ToolMessageDebugView);
+export { ToolMessageDebugView };
+let ToolMessage = class ToolMessage extends LitElement {
+    toolCall;
+    tool;
+    result;
+    pending = false;
+    aborted = false;
+    isStreaming = false;
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.style.display = "block";
+    }
+    render() {
+        const toolName = this.tool?.name || this.toolCall.name;
+        // Render tool content (renderer handles errors and styling)
+        const result = this.aborted
+            ? {
+                role: "toolResult",
+                isError: true,
+                content: [],
+                toolCallId: this.toolCall.id,
+                toolName: this.toolCall.name,
+                timestamp: Date.now(),
+            }
+            : this.result;
+        const renderResult = renderTool(toolName, this.toolCall.arguments, result, !this.aborted && (this.isStreaming || this.pending));
+        // Handle custom rendering (no card wrapper)
+        if (renderResult.isCustom) {
+            return renderResult.content;
+        }
+        // Default: wrap in card
+        return html `
+			<div class="p-2.5 border border-border rounded-md bg-card text-card-foreground shadow-xs">
+				${renderResult.content}
+			</div>
+		`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], ToolMessage.prototype, "toolCall", void 0);
+__decorate([
+    property({ type: Object })
+], ToolMessage.prototype, "tool", void 0);
+__decorate([
+    property({ type: Object })
+], ToolMessage.prototype, "result", void 0);
+__decorate([
+    property({ type: Boolean })
+], ToolMessage.prototype, "pending", void 0);
+__decorate([
+    property({ type: Boolean })
+], ToolMessage.prototype, "aborted", void 0);
+__decorate([
+    property({ type: Boolean })
+], ToolMessage.prototype, "isStreaming", void 0);
+ToolMessage = __decorate([
+    customElement("tool-message")
+], ToolMessage);
+export { ToolMessage };
+let AbortedMessage = class AbortedMessage extends LitElement {
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.style.display = "block";
+    }
+    render() {
+        return html `<span class="text-sm text-destructive italic">${i18n("Request aborted")}</span>`;
+    }
+};
+AbortedMessage = __decorate([
+    customElement("aborted-message")
+], AbortedMessage);
+export { AbortedMessage };
+/**
+ * Convert attachments to content blocks for LLM.
+ * - Images become ImageContent blocks
+ * - Documents with extractedText become TextContent blocks with filename header
+ */
+export function convertAttachments(attachments) {
+    const content = [];
+    for (const attachment of attachments) {
+        if (attachment.type === "image") {
+            content.push({
+                type: "image",
+                data: attachment.content,
+                mimeType: attachment.mimeType,
+            });
+        }
+        else if (attachment.type === "document" && attachment.extractedText) {
+            content.push({
+                type: "text",
+                text: `\n\n[Document: ${attachment.fileName}]\n${attachment.extractedText}`,
+            });
+        }
+    }
+    return content;
+}
+/**
+ * Check if a message is a UserMessageWithAttachments.
+ */
+export function isUserMessageWithAttachments(msg) {
+    return msg.role === "user-with-attachments";
+}
+/**
+ * Check if a message is an ArtifactMessage.
+ */
+export function isArtifactMessage(msg) {
+    return msg.role === "artifact";
+}
+/**
+ * Default convertToLlm for web-ui apps.
+ *
+ * Handles:
+ * - UserMessageWithAttachments: converts to user message with content blocks
+ * - ArtifactMessage: filtered out (UI-only, for session reconstruction)
+ * - Standard LLM messages (user, assistant, toolResult): passed through
+ */
+export function defaultConvertToLlm(messages) {
+    return messages
+        .filter((m) => {
+        // Filter out artifact messages - they're for session reconstruction only
+        if (isArtifactMessage(m)) {
+            return false;
+        }
+        return true;
+    })
+        .map((m) => {
+        // Convert user-with-attachments to user message with content blocks
+        if (isUserMessageWithAttachments(m)) {
+            const textContent = typeof m.content === "string" ? [{ type: "text", text: m.content }] : [...m.content];
+            if (m.attachments) {
+                textContent.push(...convertAttachments(m.attachments));
+            }
+            return {
+                role: "user",
+                content: textContent,
+                timestamp: m.timestamp,
+            };
+        }
+        // Pass through standard LLM roles
+        if (m.role === "user" || m.role === "assistant" || m.role === "toolResult") {
+            return m;
+        }
+        // Filter out unknown message types
+        return null;
+    })
+        .filter((m) => m !== null);
+}
+//# sourceMappingURL=Messages.js.map

package/dist/components/Messages.js.map

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

package/dist/components/ProviderKeyInput.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from "lit";
+export declare class ProviderKeyInput extends LitElement {
+    provider: string;
+    private keyInput;
+    private testing;
+    private failed;
+    private hasKey;
+    private inputChanged;
+    protected createRenderRoot(): this;
+    connectedCallback(): Promise<void>;
+    private checkKeyStatus;
+    private testApiKey;
+    private saveKey;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=ProviderKeyInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderKeyInput.d.ts","sourceRoot":"","sources":["../../src/components/ProviderKeyInput.ts"],"names":[],"mappings":"AAIA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAmBvC,qBACa,gBAAiB,SAAQ,UAAU;IACnC,QAAQ,SAAM;IACjB,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,YAAY,CAAS;IAEtC,SAAS,CAAC,gBAAgB,SAEzB;IAEc,iBAAiB,kBAG/B;YAEa,cAAc;YASd,UAAU;YAgCV,OAAO;IAiCrB,MAAM,oCAoCL;CACD"}

package/dist/components/ProviderKeyInput.js

@@ -0,0 +1,168 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { complete, getModel } from "@draht/ai";
+import { i18n } from "@mariozechner/mini-lit";
+import { Badge } from "@mariozechner/mini-lit/dist/Badge.js";
+import { Button } from "@mariozechner/mini-lit/dist/Button.js";
+import { html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { getAppStorage } from "../storage/app-storage.js";
+import { applyProxyIfNeeded } from "../utils/proxy-utils.js";
+import { Input } from "./Input.js";
+// Test models for each provider
+const TEST_MODELS = {
+    anthropic: "claude-3-5-haiku-20241022",
+    openai: "gpt-4o-mini",
+    google: "gemini-2.5-flash",
+    groq: "openai/gpt-oss-20b",
+    openrouter: "z-ai/glm-4.6",
+    "vercel-ai-gateway": "anthropic/claude-opus-4.5",
+    cerebras: "gpt-oss-120b",
+    xai: "grok-4-fast-non-reasoning",
+    zai: "glm-4.5-air",
+};
+let ProviderKeyInput = class ProviderKeyInput extends LitElement {
+    provider = "";
+    keyInput = "";
+    testing = false;
+    failed = false;
+    hasKey = false;
+    inputChanged = false;
+    createRenderRoot() {
+        return this;
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        await this.checkKeyStatus();
+    }
+    async checkKeyStatus() {
+        try {
+            const key = await getAppStorage().providerKeys.get(this.provider);
+            this.hasKey = !!key;
+        }
+        catch (error) {
+            console.error("Failed to check key status:", error);
+        }
+    }
+    async testApiKey(provider, apiKey) {
+        try {
+            const modelId = TEST_MODELS[provider];
+            // Returning true here for Ollama and friends. Can' know which model to use for testing
+            if (!modelId)
+                return true;
+            let model = getModel(provider, modelId);
+            if (!model)
+                return false;
+            // Get proxy URL from settings (if available)
+            const proxyEnabled = await getAppStorage().settings.get("proxy.enabled");
+            const proxyUrl = await getAppStorage().settings.get("proxy.url");
+            // Apply proxy only if this provider/key combination requires it
+            model = applyProxyIfNeeded(model, apiKey, proxyEnabled ? proxyUrl || undefined : undefined);
+            const context = {
+                messages: [{ role: "user", content: "Reply with: ok", timestamp: Date.now() }],
+            };
+            const result = await complete(model, context, {
+                apiKey,
+                maxTokens: 200,
+            });
+            return result.stopReason === "stop";
+        }
+        catch (error) {
+            console.error(`API key test failed for ${provider}:`, error);
+            return false;
+        }
+    }
+    async saveKey() {
+        if (!this.keyInput)
+            return;
+        this.testing = true;
+        this.failed = false;
+        const success = await this.testApiKey(this.provider, this.keyInput);
+        this.testing = false;
+        if (success) {
+            try {
+                await getAppStorage().providerKeys.set(this.provider, this.keyInput);
+                this.hasKey = true;
+                this.inputChanged = false;
+                this.requestUpdate();
+            }
+            catch (error) {
+                console.error("Failed to save API key:", error);
+                this.failed = true;
+                setTimeout(() => {
+                    this.failed = false;
+                    this.requestUpdate();
+                }, 5000);
+            }
+        }
+        else {
+            this.failed = true;
+            setTimeout(() => {
+                this.failed = false;
+                this.requestUpdate();
+            }, 5000);
+        }
+    }
+    render() {
+        return html `
+			<div class="space-y-3">
+				<div class="flex items-center gap-2">
+					<span class="text-sm font-medium capitalize text-foreground">${this.provider}</span>
+					${this.testing
+            ? Badge({ children: i18n("Testing..."), variant: "secondary" })
+            : this.hasKey
+                ? html `<span class="text-green-600 dark:text-green-400">✓</span>`
+                : ""}
+					${this.failed ? Badge({ children: i18n("✗ Invalid"), variant: "destructive" }) : ""}
+				</div>
+				<div class="flex items-center gap-2">
+					${Input({
+            type: "password",
+            placeholder: this.hasKey ? "••••••••••••" : i18n("Enter API key"),
+            value: this.keyInput,
+            onInput: (e) => {
+                this.keyInput = e.target.value;
+                this.inputChanged = true;
+                this.requestUpdate();
+            },
+            className: "flex-1",
+        })}
+					${Button({
+            onClick: () => this.saveKey(),
+            variant: "default",
+            size: "sm",
+            disabled: !this.keyInput || this.testing || (this.hasKey && !this.inputChanged),
+            children: i18n("Save"),
+        })}
+				</div>
+			</div>
+		`;
+    }
+};
+__decorate([
+    property()
+], ProviderKeyInput.prototype, "provider", void 0);
+__decorate([
+    state()
+], ProviderKeyInput.prototype, "keyInput", void 0);
+__decorate([
+    state()
+], ProviderKeyInput.prototype, "testing", void 0);
+__decorate([
+    state()
+], ProviderKeyInput.prototype, "failed", void 0);
+__decorate([
+    state()
+], ProviderKeyInput.prototype, "hasKey", void 0);
+__decorate([
+    state()
+], ProviderKeyInput.prototype, "inputChanged", void 0);
+ProviderKeyInput = __decorate([
+    customElement("provider-key-input")
+], ProviderKeyInput);
+export { ProviderKeyInput };
+//# sourceMappingURL=ProviderKeyInput.js.map

package/dist/components/ProviderKeyInput.js.map

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

package/dist/components/SandboxedIframe.d.ts

@@ -0,0 +1,85 @@
+import { LitElement } from "lit";
+import { type MessageConsumer } from "./sandbox/RuntimeMessageRouter.js";
+import type { SandboxRuntimeProvider } from "./sandbox/SandboxRuntimeProvider.js";
+export interface SandboxFile {
+    fileName: string;
+    content: string | Uint8Array;
+    mimeType: string;
+}
+export interface SandboxResult {
+    success: boolean;
+    console: Array<{
+        type: string;
+        text: string;
+    }>;
+    files?: SandboxFile[];
+    error?: {
+        message: string;
+        stack: string;
+    };
+    returnValue?: any;
+}
+/**
+ * Function that returns the URL to the sandbox HTML file.
+ * Used in browser extensions to load sandbox.html via chrome.runtime.getURL().
+ */
+export type SandboxUrlProvider = () => string;
+/**
+ * Configuration for prepareHtmlDocument
+ */
+export interface PrepareHtmlOptions {
+    /** True if this is an HTML artifact (inject into existing HTML), false if REPL (wrap in HTML) */
+    isHtmlArtifact: boolean;
+    /** True if this is a standalone download (no runtime bridge, no navigation interceptor) */
+    isStandalone?: boolean;
+}
+export declare class SandboxIframe extends LitElement {
+    private iframe?;
+    /**
+     * Optional: Provide a function that returns the sandbox HTML URL.
+     * If provided, the iframe will use this URL instead of srcdoc.
+     * This is required for browser extensions with strict CSP.
+     */
+    sandboxUrlProvider?: SandboxUrlProvider;
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Load HTML content into sandbox and keep it displayed (for HTML artifacts)
+     * @param sandboxId Unique ID
+     * @param htmlContent Full HTML content
+     * @param providers Runtime providers to inject
+     * @param consumers Message consumers to register (optional)
+     */
+    loadContent(sandboxId: string, htmlContent: string, providers?: SandboxRuntimeProvider[], consumers?: MessageConsumer[]): void;
+    private loadViaSandboxUrl;
+    private loadViaSrcdoc;
+    /**
+     * Execute code in sandbox
+     * @param sandboxId Unique ID for this execution
+     * @param code User code (plain JS for REPL, or full HTML for artifacts)
+     * @param providers Runtime providers to inject
+     * @param consumers Additional message consumers (optional, execute has its own internal consumer)
+     * @param signal Abort signal
+     * @returns Promise resolving to execution result
+     */
+    execute(sandboxId: string, code: string, providers?: SandboxRuntimeProvider[], consumers?: MessageConsumer[], signal?: AbortSignal, isHtmlArtifact?: boolean): Promise<SandboxResult>;
+    /**
+     * Validate HTML using DOMParser - returns error message if invalid, null if valid
+     * Note: JavaScript syntax validation is done in sandbox.js to avoid CSP restrictions
+     */
+    private validateHtml;
+    /**
+     * Prepare complete HTML document with runtime + user code
+     * PUBLIC so HtmlArtifact can use it for download button
+     */
+    prepareHtmlDocument(sandboxId: string, userCode: string, providers?: SandboxRuntimeProvider[], options?: PrepareHtmlOptions): string;
+    /**
+     * Generate runtime script from providers
+     * @param sandboxId Unique sandbox ID
+     * @param providers Runtime providers
+     * @param isStandalone If true, skip runtime bridge and navigation interceptor (for standalone downloads)
+     */
+    private getRuntimeScript;
+}
+//# sourceMappingURL=SandboxedIframe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SandboxedIframe.d.ts","sourceRoot":"","sources":["../../src/components/SandboxedIframe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,EAAE,KAAK,eAAe,EAA0B,MAAM,mCAAmC,CAAC;AACjG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAElF,MAAM,WAAW,WAAW;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,GAAG,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,MAAM,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAClC,iGAAiG;IACjG,cAAc,EAAE,OAAO,CAAC;IACxB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAWD,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAO,CAAC,MAAM,CAAC,CAAoB;IAEnC;;;;OAIG;IAC6B,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IAExE,gBAAgB,SAEf;IAEQ,iBAAiB,SAEzB;IAEQ,oBAAoB,SAM5B;IAED;;;;;;OAMG;IACI,WAAW,CACjB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,SAAS,GAAE,sBAAsB,EAAO,EACxC,SAAS,GAAE,eAAe,EAAO,GAC/B,IAAI,CAgDN;IAED,OAAO,CAAC,iBAAiB;IAuEzB,OAAO,CAAC,aAAa;IAyBrB;;;;;;;;OAQG;IACU,OAAO,CACnB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,MAAM,EACZ,SAAS,GAAE,sBAAsB,EAAO,EACxC,SAAS,GAAE,eAAe,EAAO,EACjC,MAAM,CAAC,EAAE,WAAW,EACpB,cAAc,GAAE,OAAe,GAC7B,OAAO,CAAC,aAAa,CAAC,CAiKxB;IAED;;;OAGG;IACH,OAAO,CAAC,YAAY;IAiBpB;;;OAGG;IACI,mBAAmB,CACzB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,EAChB,SAAS,GAAE,sBAAsB,EAAO,EACxC,OAAO,CAAC,EAAE,kBAAkB,GAC1B,MAAM,CAiFR;IAED;;;;;OAKG;IACH,OAAO,CAAC,gBAAgB;CAgGxB"}