@elyracode/mini-lit 0.9.4

package/dist/LanguageSelector.js

@@ -0,0 +1,92 @@
+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, state } from "lit/decorators.js";
+import { Globe } from "lucide";
+import { Button } from "./Button.js";
+import { getCurrentLanguage, setLanguage } from "./i18n.js";
+import { icon } from "./icons.js";
+let LanguageSelector = class LanguageSelector extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.currentLanguage = getCurrentLanguage();
+        this.isOpen = false;
+        this.languages = [
+            { code: "en", label: "EN" },
+            { code: "de", label: "DE" },
+        ];
+        this.handleClickOutside = (e) => {
+            if (!this.contains(e.target)) {
+                this.isOpen = false;
+            }
+        };
+    }
+    selectLanguage(code) {
+        if (code !== this.currentLanguage) {
+            setLanguage(code);
+        }
+        this.isOpen = false;
+    }
+    toggleDropdown() {
+        this.isOpen = !this.isOpen;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener("click", this.handleClickOutside);
+    }
+    disconnectedCallback() {
+        document.removeEventListener("click", this.handleClickOutside);
+        super.disconnectedCallback();
+    }
+    createRenderRoot() {
+        return this;
+    }
+    render() {
+        return html `
+         <div class="relative">
+            ${Button({
+            variant: "ghost",
+            size: "sm",
+            onClick: () => this.toggleDropdown(),
+            className: "gap-1.5",
+            children: html `
+                  ${icon(Globe, "sm")}
+                  <span class="text-xs font-medium">${this.currentLanguage.toUpperCase()}</span>
+               `,
+        })}
+            ${this.isOpen
+            ? html `
+                    <div
+                       class="absolute right-0 mt-1 py-1 bg-popover border border-border rounded-md shadow-lg min-w-[80px] z-50"
+                    >
+                       ${this.languages.map((lang) => html `
+                             <button
+                                class="w-full px-3 py-1.5 text-sm text-left hover:bg-accent hover:text-accent-foreground transition-colors
+												${lang.code === this.currentLanguage ? "bg-accent/50 text-accent-foreground font-medium" : ""}"
+                                @click=${() => this.selectLanguage(lang.code)}
+                             >
+                                ${lang.label}
+                             </button>
+                          `)}
+                    </div>
+                 `
+            : ""}
+         </div>
+      `;
+    }
+};
+__decorate([
+    state()
+], LanguageSelector.prototype, "currentLanguage", void 0);
+__decorate([
+    state()
+], LanguageSelector.prototype, "isOpen", void 0);
+LanguageSelector = __decorate([
+    customElement("language-selector")
+], LanguageSelector);
+export { LanguageSelector };
+//# sourceMappingURL=LanguageSelector.js.map

package/dist/LanguageSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../src/LanguageSelector.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAqB,WAAW,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAG3B,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QACa,oBAAe,GAAiB,kBAAkB,EAAE,CAAC;QACrD,WAAM,GAAG,KAAK,CAAC;QAExB,cAAS,GAA4C;YAC1D,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;YAC3B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;SAC7B,CAAC;QAaM,uBAAkB,GAAG,CAAC,CAAa,EAAE,EAAE;YAC5C,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE,CAAC;gBACpC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACvB,CAAC;QACJ,CAAC,CAAC;IAqDL,CAAC;IApEU,cAAc,CAAC,IAAkB;QACtC,IAAI,IAAI,KAAK,IAAI,CAAC,eAAe,EAAE,CAAC;YACjC,WAAW,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACvB,CAAC;IAEO,cAAc;QACnB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;IAC9B,CAAC;IAQQ,iBAAiB;QACvB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC/D,CAAC;IAEQ,oBAAoB;QAC1B,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC/D,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAEQ,gBAAgB;QACtB,OAAO,IAAI,CAAC;IACf,CAAC;IAEQ,MAAM;QACZ,OAAO,IAAI,CAAA;;cAEH,MAAM,CAAC;YACN,OAAO,EAAE,OAAO;YAChB,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE;YACpC,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,IAAI,CAAA;oBACT,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;sDACiB,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE;gBACxE;SACH,CAAC;cAEC,IAAI,CAAC,MAAM;YACR,CAAC,CAAC,IAAI,CAAA;;;;yBAIC,IAAI,CAAC,SAAS,CAAC,GAAG,CACjB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;;cAG1B,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,iDAAiD,CAAC,CAAC,CAAC,EAAE;yCAChE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;;kCAE3C,IAAI,CAAC,KAAK;;2BAEjB,CACH;;kBAEN;YACA,CAAC,CAAC,EACR;;OAEL,CAAC;IACL,CAAC;CACH,CAAA;AA5EmB;IAAhB,KAAK,EAAE;yDAA8D;AACrD;IAAhB,KAAK,EAAE;gDAAwB;AAFtB,gBAAgB;IAD5B,aAAa,CAAC,mBAAmB,CAAC;GACtB,gBAAgB,CA6E5B"}

package/dist/MarkdownBlock.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from "lit";
+export declare class MarkdownBlock extends LitElement {
+    content: string;
+    isThinking: boolean;
+    escapeHtml: boolean;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=MarkdownBlock.d.ts.map

package/dist/MarkdownBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownBlock.d.ts","sourceRoot":"","sources":["../src/MarkdownBlock.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBACa,aAAc,SAAQ,UAAU;IAC9B,OAAO,SAAM;IACb,UAAU,UAAS;IACnB,UAAU,UAAQ;cAEX,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAI5D,iBAAiB;IAOjB,MAAM;CAmOjB"}

package/dist/MarkdownBlock.js

@@ -0,0 +1,257 @@
+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 katex from "katex";
+import { html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { marked } from "marked";
+let MarkdownBlock = class MarkdownBlock extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.content = "";
+        this.isThinking = false;
+        this.escapeHtml = true;
+    }
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // Add styles for markdown content
+        this.classList.add("markdown-content");
+        this.style.display = "block";
+    }
+    render() {
+        if (!this.content) {
+            return html ``;
+        }
+        let preservedContent = this.content;
+        if (this.escapeHtml) {
+            // First, preserve code blocks by replacing them with placeholders
+            const codeBlocks = [];
+            preservedContent = this.content.replace(/```[\s\S]*?```|`[^`\n]+`/g, (match) => {
+                const index = codeBlocks.length;
+                codeBlocks.push(match);
+                return `__CODE_BLOCK_${index}__`;
+            });
+            // Escape HTML tags but preserve markdown syntax
+            // This regex matches HTML tags but not markdown blockquotes (> at line start)
+            preservedContent = preservedContent
+                // Replace opening tags like <script>, <div>, etc.
+                .replace(/<(\w+)([^>]*)>/g, "&lt;$1$2&gt;")
+                // Replace closing tags like </script>, </div>, etc.
+                .replace(/<\/(\w+)>/g, "&lt;/$1&gt;")
+                // Replace self-closing tags like <img />, <br/>
+                .replace(/<(\w+)([^>]*)\s*\/>/g, "&lt;$1$2/&gt;")
+                // Replace any remaining < that might be part of HTML
+                .replace(/<(?![^\s])/g, "&lt;");
+            // Restore code blocks
+            codeBlocks.forEach((block, index) => {
+                preservedContent = preservedContent.replace(`__CODE_BLOCK_${index}__`, block);
+            });
+        }
+        const katexMode = "html"; // Use both HTML and MathML output
+        // Configure marked with math extensions
+        marked.use({
+            extensions: [
+                // Inline math with $...$
+                {
+                    name: "inlineMathDollar",
+                    level: "inline",
+                    start(src) {
+                        return src.indexOf("$");
+                    },
+                    tokenizer(src) {
+                        const match = /^\$([^$\n]+?)\$/s.exec(src);
+                        if (match) {
+                            return {
+                                type: "inlineMathDollar",
+                                raw: match[0],
+                                text: match[1].trim(),
+                            };
+                        }
+                        return undefined;
+                    },
+                    renderer(token) {
+                        try {
+                            return katex.renderToString(token.text, {
+                                throwOnError: false,
+                                displayMode: false,
+                                output: katexMode,
+                            });
+                        }
+                        catch (e) {
+                            console.error("KaTeX error:", e);
+                            return `<span class="text-red-500 font-mono">$${token.text}$</span>`;
+                        }
+                    },
+                },
+                // Block math with $$...$$
+                {
+                    name: "blockMathDollar",
+                    level: "block",
+                    start(src) {
+                        return src.indexOf("$$");
+                    },
+                    tokenizer(src) {
+                        const match = /^\$\$([^$]+?)\$\$/s.exec(src);
+                        if (match) {
+                            return {
+                                type: "blockMathDollar",
+                                raw: match[0],
+                                text: match[1].trim(),
+                            };
+                        }
+                        return undefined;
+                    },
+                    renderer(token) {
+                        try {
+                            return `<div class="my-4">${katex.renderToString(token.text, {
+                                throwOnError: false,
+                                displayMode: true,
+                                output: katexMode,
+                            })}</div>`;
+                        }
+                        catch (e) {
+                            console.error("KaTeX error:", e);
+                            return `<div class="my-4 text-red-500 font-mono">$$${token.text}$$</div>`;
+                        }
+                    },
+                },
+                // Inline math with \(...\)
+                {
+                    name: "inlineMathLatex",
+                    level: "inline",
+                    start(src) {
+                        return src.indexOf("\\(");
+                    },
+                    tokenizer(src) {
+                        const match = /^\\\((.+?)\\\)/s.exec(src);
+                        if (match) {
+                            return {
+                                type: "inlineMathLatex",
+                                raw: match[0],
+                                text: match[1].trim(),
+                            };
+                        }
+                        return undefined;
+                    },
+                    renderer(token) {
+                        try {
+                            return katex.renderToString(token.text, {
+                                throwOnError: false,
+                                displayMode: false,
+                                output: katexMode,
+                            });
+                        }
+                        catch (e) {
+                            console.error("KaTeX error:", e);
+                            return `<span class="text-red-500 font-mono">\\(${token.text}\\)</span>`;
+                        }
+                    },
+                },
+                // Block math with \[...\]
+                {
+                    name: "blockMathLatex",
+                    level: "block",
+                    start(src) {
+                        return src.indexOf("\\[");
+                    },
+                    tokenizer(src) {
+                        const match = /^\\\[(.+?)\\\]/s.exec(src);
+                        if (match) {
+                            return {
+                                type: "blockMathLatex",
+                                raw: match[0],
+                                text: match[1].trim(),
+                            };
+                        }
+                        return undefined;
+                    },
+                    renderer(token) {
+                        try {
+                            return `<div class="my-4">${katex.renderToString(token.text, {
+                                throwOnError: false,
+                                displayMode: true,
+                                output: katexMode,
+                            })}</div>`;
+                        }
+                        catch (e) {
+                            console.error("KaTeX error:", e);
+                            return `<div class="my-4 text-red-500 font-mono">\\[${token.text}\\]</div>`;
+                        }
+                    },
+                },
+            ],
+        });
+        // Configure renderer to open links in new tabs and wrap tables
+        const renderer = new marked.Renderer();
+        const originalLink = renderer.link;
+        renderer.link = function (token) {
+            const link = originalLink.call(this, token);
+            return link.replace("<a ", '<a target="_blank" rel="noopener noreferrer" ');
+        };
+        // Wrap tables in a container to handle overflow
+        const originalTable = renderer.table;
+        renderer.table = function (token) {
+            const table = originalTable.call(this, token);
+            // Wrap in a div with overflow handling
+            return `<div class="overflow-x-auto my-2 border border-border rounded">${table}</div>`;
+        };
+        // Parse the markdown content with our configured marked
+        const parsedContent = marked.parse(preservedContent, {
+            async: false,
+            renderer: renderer,
+        });
+        // Replace code blocks with our custom code-block component
+        let highlightedContent = parsedContent.replace(/<pre><code class="language-(\w+)">([\s\S]+?)<\/code><\/pre>/g, (_match, lang, code) => {
+            // Unescape all HTML entities
+            const unescaped = code
+                .replace(/&lt;/g, "<")
+                .replace(/&gt;/g, ">")
+                .replace(/&quot;/g, '"')
+                .replace(/&#39;/g, "'")
+                .replace(/&#x27;/g, "'")
+                .replace(/&amp;/g, "&"); // Must be last to avoid double-unescaping
+            // Pass the raw unescaped code to CodeBlock - it will handle highlighting
+            const base64Code = btoa(unescape(encodeURIComponent(unescaped)));
+            return `<div class="mt-2"><code-block language="${lang}" code="${base64Code}"></code-block></div>`;
+        });
+        // Also handle code blocks without language specification
+        highlightedContent = highlightedContent.replace(/<pre><code>([\s\S]+?)<\/code><\/pre>/g, (_match, code) => {
+            // Unescape all HTML entities
+            const unescaped = code
+                .replace(/&lt;/g, "<")
+                .replace(/&gt;/g, ">")
+                .replace(/&quot;/g, '"')
+                .replace(/&#39;/g, "'")
+                .replace(/&#x27;/g, "'")
+                .replace(/&amp;/g, "&"); // Must be last to avoid double-unescaping
+            // Use "text" as default language for proper styling
+            const base64Code = btoa(unescape(encodeURIComponent(unescaped)));
+            return `<div class="mt-2"><code-block language="text" code="${base64Code}"></code-block></div>`;
+        });
+        const containerClasses = this.isThinking
+            ? "text-muted-foreground italic max-w-none break-words overflow-wrap-anywhere text-sm [&>*:last-child]:!mb-0"
+            : "text-foreground max-w-none break-words overflow-wrap-anywhere [&>*:last-child]:!mb-0";
+        return html ` <div class="${containerClasses}">${unsafeHTML(highlightedContent)}</div> `;
+    }
+};
+__decorate([
+    property()
+], MarkdownBlock.prototype, "content", void 0);
+__decorate([
+    property()
+], MarkdownBlock.prototype, "isThinking", void 0);
+__decorate([
+    property()
+], MarkdownBlock.prototype, "escapeHtml", void 0);
+MarkdownBlock = __decorate([
+    customElement("markdown-block")
+], MarkdownBlock);
+export { MarkdownBlock };
+//# sourceMappingURL=MarkdownBlock.js.map

package/dist/MarkdownBlock.js.map

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

package/dist/ModeToggle.d.ts

@@ -0,0 +1,14 @@
+import { LitElement, type TemplateResult } from "lit";
+export declare class ModeToggle extends LitElement {
+    modes: string[];
+    selectedIndex: number;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private setMode;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "mode-toggle": ModeToggle;
+    }
+}
+//# sourceMappingURL=ModeToggle.d.ts.map

package/dist/ModeToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModeToggle.d.ts","sourceRoot":"","sources":["../src/ModeToggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5D,qBACa,UAAW,SAAQ,UAAU;IACZ,KAAK,EAAE,MAAM,EAAE,CAAoC;IAClD,aAAa,SAAK;cAE3B,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAIrE,OAAO,CAAC,OAAO;IAYN,MAAM,IAAI,cAAc;CAwBnC;AAED,OAAO,CAAC,MAAM,CAAC;IACZ,UAAU,qBAAqB;QAC5B,aAAa,EAAE,UAAU,CAAC;KAC5B;CACH"}

package/dist/ModeToggle.js

@@ -0,0 +1,59 @@
+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 { i18n } from "./i18n.js";
+let ModeToggle = class ModeToggle extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.modes = [i18n("Mode 1"), i18n("Mode 2")];
+        this.selectedIndex = 0;
+    }
+    createRenderRoot() {
+        return this; // light DOM for shared styles
+    }
+    setMode(index) {
+        if (this.selectedIndex !== index && index >= 0 && index < this.modes.length) {
+            this.selectedIndex = index;
+            this.dispatchEvent(new CustomEvent("mode-change", {
+                detail: { index, mode: this.modes[index] },
+                bubbles: true,
+            }));
+        }
+    }
+    render() {
+        if (this.modes.length < 2)
+            return html ``;
+        return html `
+         <div class="inline-flex items-center h-7 rounded-md overflow-hidden border border-border bg-muted/60">
+            ${this.modes.map((mode, index) => html `
+                  <button
+                     class="px-3 h-full flex items-center text-sm font-medium transition-colors
+								${index === this.selectedIndex
+            ? "bg-card text-foreground shadow-sm"
+            : "text-muted-foreground hover:text-accent-foreground"}"
+                     @click=${() => this.setMode(index)}
+                     title="${mode}"
+                  >
+                     ${mode}
+                  </button>
+               `)}
+         </div>
+      `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], ModeToggle.prototype, "modes", void 0);
+__decorate([
+    property({ type: Number })
+], ModeToggle.prototype, "selectedIndex", void 0);
+ModeToggle = __decorate([
+    customElement("mode-toggle")
+], ModeToggle);
+export { ModeToggle };
+//# sourceMappingURL=ModeToggle.js.map

package/dist/ModeToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModeToggle.js","sourceRoot":"","sources":["../src/ModeToggle.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAG1B,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QACuB,UAAK,GAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,kBAAa,GAAG,CAAC,CAAC;IA0CjD,CAAC;IAxCqB,gBAAgB;QAChC,OAAO,IAAI,CAAC,CAAC,8BAA8B;IAC9C,CAAC;IAEO,OAAO,CAAC,KAAa;QAC1B,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAC3E,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,aAAa,CACf,IAAI,WAAW,CAAkC,aAAa,EAAE;gBAC7D,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;gBAC1C,OAAO,EAAE,IAAI;aACf,CAAC,CACJ,CAAC;QACL,CAAC;IACJ,CAAC;IAEQ,MAAM;QACZ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAEzC,OAAO,IAAI,CAAA;;cAEH,IAAI,CAAC,KAAK,CAAC,GAAG,CACb,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;;UAIT,KAAK,KAAK,IAAI,CAAC,aAAa;YACzB,CAAC,CAAC,mCAAmC;YACrC,CAAC,CAAC,oDACR;8BACM,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;8BACzB,IAAI;;uBAEX,IAAI;;gBAEX,CACH;;OAEN,CAAC;IACL,CAAC;CACH,CAAA;AA3C6B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;yCAAoD;AAClD;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAmB;AAFpC,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA4CtB"}

package/dist/PreviewCode.d.ts

@@ -0,0 +1,12 @@
+import { LitElement, type TemplateResult } from "lit";
+export declare class PreviewCode extends LitElement {
+    preview: TemplateResult | string;
+    code: string;
+    language: string;
+    className: string;
+    private showCode;
+    protected createRenderRoot(): this;
+    toggleView: () => void;
+    render(): TemplateResult<1>;
+}
+//# sourceMappingURL=PreviewCode.d.ts.map

package/dist/PreviewCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewCode.d.ts","sourceRoot":"","sources":["../src/PreviewCode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,qBACa,WAAY,SAAQ,UAAU;IACZ,OAAO,EAAE,cAAc,GAAG,MAAM,CAAM;IACtC,IAAI,SAAM;IACV,QAAQ,SAAgB;IACC,SAAS,SAAM;IAE3D,OAAO,CAAC,QAAQ,CAAS;IAElC,SAAS,CAAC,gBAAgB;IAInB,UAAU,aAEf;IAEF,MAAM;CAkCR"}

package/dist/PreviewCode.js

@@ -0,0 +1,80 @@
+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, state } from "lit/decorators.js";
+import { Button } from "./Button.js";
+import { Card, CardContent } from "./Card.js";
+let PreviewCode = class PreviewCode extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.preview = "";
+        this.code = "";
+        this.language = "typescript";
+        this.className = "";
+        this.showCode = false;
+        this.toggleView = () => {
+            this.showCode = !this.showCode;
+        };
+    }
+    createRenderRoot() {
+        return this; // Use light DOM for global styles
+    }
+    render() {
+        return html `
+         <div class="${this.className}">
+            <!-- Toggle buttons -->
+            <div class="flex gap-2 mb-4">
+               ${Button({
+            variant: this.showCode ? "ghost" : "default",
+            size: "sm",
+            onClick: () => {
+                this.showCode = false;
+            },
+            children: "Preview",
+        })}
+               ${Button({
+            variant: this.showCode ? "default" : "ghost",
+            size: "sm",
+            onClick: () => {
+                this.showCode = true;
+            },
+            children: "Code",
+        })}
+            </div>
+
+            <!-- Content -->
+            ${Card({
+            children: CardContent({
+                children: this.showCode
+                    ? html `<code-block language="${this.language}" code="${btoa(this.code)}"></code-block>`
+                    : this.preview,
+            }),
+        })}
+         </div>
+      `;
+    }
+};
+__decorate([
+    property({ type: Object })
+], PreviewCode.prototype, "preview", void 0);
+__decorate([
+    property({ type: String })
+], PreviewCode.prototype, "code", void 0);
+__decorate([
+    property({ type: String })
+], PreviewCode.prototype, "language", void 0);
+__decorate([
+    property({ type: String, attribute: "class-name" })
+], PreviewCode.prototype, "className", void 0);
+__decorate([
+    state()
+], PreviewCode.prototype, "showCode", void 0);
+PreviewCode = __decorate([
+    customElement("preview-code")
+], PreviewCode);
+export { PreviewCode };
+//# sourceMappingURL=PreviewCode.js.map

package/dist/PreviewCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewCode.js","sourceRoot":"","sources":["../src/PreviewCode.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGvC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QACwB,YAAO,GAA4B,EAAE,CAAC;QACtC,SAAI,GAAG,EAAE,CAAC;QACV,aAAQ,GAAG,YAAY,CAAC;QACC,cAAS,GAAG,EAAE,CAAC;QAEnD,aAAQ,GAAG,KAAK,CAAC;QAM3B,eAAU,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAClC,CAAC,CAAC;IAoCL,CAAC;IA1CY,gBAAgB;QACvB,OAAO,IAAI,CAAC,CAAC,kCAAkC;IAClD,CAAC;IAMD,MAAM;QACH,OAAO,IAAI,CAAA;uBACM,IAAI,CAAC,SAAS;;;iBAGpB,MAAM,CAAC;YACN,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAC5C,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,GAAG,EAAE;gBACX,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACzB,CAAC;YACD,QAAQ,EAAE,SAAS;SACrB,CAAC;iBACA,MAAM,CAAC;YACN,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;YAC5C,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,GAAG,EAAE;gBACX,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACxB,CAAC;YACD,QAAQ,EAAE,MAAM;SAClB,CAAC;;;;cAIH,IAAI,CAAC;YACJ,QAAQ,EAAE,WAAW,CAAC;gBACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACpB,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,QAAQ,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB;oBACvF,CAAC,CAAC,IAAI,CAAC,OAAO;aACnB,CAAC;SACJ,CAAC;;OAEP,CAAC;IACL,CAAC;CACH,CAAA;AAjD8B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAuC;AACtC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAyB;AACC;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;8CAAgB;AAEnD;IAAhB,KAAK,EAAE;6CAA0B;AANxB,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAkDvB"}

package/dist/PreviewCodeToggle.d.ts

@@ -0,0 +1,15 @@
+import { LitElement, type TemplateResult } from "lit";
+type Mode = "preview" | "code";
+export declare class PreviewCodeToggle extends LitElement {
+    mode: Mode;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private setMode;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "preview-code-toggle": PreviewCodeToggle;
+    }
+}
+export {};
+//# sourceMappingURL=PreviewCodeToggle.d.ts.map

package/dist/PreviewCodeToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewCodeToggle.d.ts","sourceRoot":"","sources":["../src/PreviewCodeToggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAM5D,KAAK,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC;AAE/B,qBACa,iBAAkB,SAAQ,UAAU;IAChB,IAAI,EAAE,IAAI,CAAa;cAElC,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAIrE,OAAO,CAAC,OAAO;IAON,MAAM,IAAI,cAAc;CAyBnC;AAED,OAAO,CAAC,MAAM,CAAC;IACZ,UAAU,qBAAqB;QAC5B,qBAAqB,EAAE,iBAAiB,CAAC;KAC3C;CACH"}

package/dist/PreviewCodeToggle.js

@@ -0,0 +1,55 @@
+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 { Code, Eye } from "lucide";
+import { i18n } from "./i18n.js";
+import { icon } from "./icons.js";
+let PreviewCodeToggle = class PreviewCodeToggle extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.mode = "preview";
+    }
+    createRenderRoot() {
+        return this; // light DOM for shared styles
+    }
+    setMode(mode) {
+        if (this.mode !== mode) {
+            this.mode = mode;
+            this.dispatchEvent(new CustomEvent("mode-change", { detail: this.mode, bubbles: true }));
+        }
+    }
+    render() {
+        const isPreview = this.mode === "preview";
+        return html `
+         <div class="inline-flex items-center h-7 rounded-md overflow-hidden border border-border bg-muted/60">
+            <button
+               class="px-2 h-full flex items-center ${isPreview ? "bg-card text-foreground" : "text-muted-foreground hover:text-accent-foreground"}"
+               @click=${() => this.setMode("preview")}
+               title="${i18n("Preview")}"
+            >
+               ${icon(Eye, "sm")}
+            </button>
+            <button
+               class="px-2 h-full flex items-center ${!isPreview ? "bg-card text-foreground" : "text-muted-foreground hover:text-accent-foreground"}"
+               @click=${() => this.setMode("code")}
+               title="${i18n("Code")}"
+            >
+               ${icon(Code, "sm")}
+            </button>
+         </div>
+      `;
+    }
+};
+__decorate([
+    property({ reflect: false })
+], PreviewCodeToggle.prototype, "mode", void 0);
+PreviewCodeToggle = __decorate([
+    customElement("preview-code-toggle")
+], PreviewCodeToggle);
+export { PreviewCodeToggle };
+//# sourceMappingURL=PreviewCodeToggle.js.map

package/dist/PreviewCodeToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewCodeToggle.js","sourceRoot":"","sources":["../src/PreviewCodeToggle.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAK3B,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QAC0B,SAAI,GAAS,SAAS,CAAC;IAsCxD,CAAC;IApCqB,gBAAgB;QAChC,OAAO,IAAI,CAAC,CAAC,8BAA8B;IAC9C,CAAC;IAEO,OAAO,CAAC,IAAU;QACvB,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;YACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACjB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAO,aAAa,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAClG,CAAC;IACJ,CAAC;IAEQ,MAAM;QACZ,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;QAC1C,OAAO,IAAI,CAAA;;;sDAIC,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,oDAC3C;wBACS,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;wBAC7B,IAAI,CAAC,SAAS,CAAC;;iBAEtB,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC;;;sDAId,CAAC,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,oDAC5C;wBACS,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;wBAC1B,IAAI,CAAC,MAAM,CAAC;;iBAEnB,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;;;OAG1B,CAAC;IACL,CAAC;CACH,CAAA;AAtCgC;IAA7B,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;+CAAwB;AAD3C,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAuC7B"}