@semantic-components/code 0.63.0 → 0.64.0

package/esm2022/index.js

@@ -0,0 +1,2 @@
+export * from './lib/components';
+//# sourceMappingURL=index.js.map

package/esm2022/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/code/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './lib/components';\n"]}

package/esm2022/lib/components/code-editor/code-editor-content.js

@@ -0,0 +1,435 @@
+import { ChangeDetectionStrategy, Component, computed, effect, inject, input, model, output, signal, viewChild, ViewEncapsulation, } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { codeToHtml } from 'shiki';
+import { cn } from '@semantic-components/ui';
+import * as i0 from "@angular/core";
+const EXTENSION_MAP = {
+    js: 'javascript',
+    mjs: 'javascript',
+    cjs: 'javascript',
+    jsx: 'javascript',
+    ts: 'typescript',
+    mts: 'typescript',
+    cts: 'typescript',
+    tsx: 'typescript',
+    html: 'html',
+    htm: 'html',
+    css: 'css',
+    scss: 'css',
+    sass: 'css',
+    less: 'css',
+    json: 'json',
+    py: 'python',
+    pyw: 'python',
+    sh: 'bash',
+    bash: 'bash',
+    zsh: 'shell',
+    sql: 'sql',
+    md: 'markdown',
+    markdown: 'markdown',
+    yaml: 'yaml',
+    yml: 'yaml',
+    go: 'go',
+    rs: 'rust',
+    java: 'java',
+    txt: 'plaintext',
+};
+export function detectLanguage(code, filename) {
+    if (filename) {
+        const ext = filename.split('.').pop()?.toLowerCase();
+        if (ext && EXTENSION_MAP[ext]) {
+            return EXTENSION_MAP[ext];
+        }
+    }
+    // Try to detect from content
+    if (code.includes('<!DOCTYPE') ||
+        code.includes('<html') ||
+        /<\w+[^>]*>/.test(code)) {
+        return 'html';
+    }
+    if (/^\s*\{[\s\S]*\}\s*$/.test(code) || /^\s*\[[\s\S]*\]\s*$/.test(code)) {
+        try {
+            JSON.parse(code);
+            return 'json';
+        }
+        catch {
+            // Not JSON
+        }
+    }
+    if (/^(import|export|const|let|var|function|class)\s/.test(code)) {
+        if (/:\s*(string|number|boolean|any|void|never)\b/.test(code) ||
+            /interface\s+\w+/.test(code)) {
+            return 'typescript';
+        }
+        return 'javascript';
+    }
+    if (/^(def|class|import|from|if __name__)\s/.test(code) ||
+        /:\s*$/.test(code.split('\n')[0])) {
+        return 'python';
+    }
+    if (/^(SELECT|INSERT|UPDATE|DELETE|CREATE|ALTER|DROP)\s/i.test(code)) {
+        return 'sql';
+    }
+    if (/^#\s/.test(code) || /^\*\*.*\*\*$/.test(code)) {
+        return 'markdown';
+    }
+    if (/^#!/.test(code)) {
+        return 'bash';
+    }
+    return 'plaintext';
+}
+export class ScCodeEditorContent {
+    // Two-way binding for value
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    // Inputs
+    language = input('plaintext', ...(ngDevMode ? [{ debugName: "language" }] : []));
+    filename = input('', ...(ngDevMode ? [{ debugName: "filename" }] : []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    showLineNumbers = input(true, ...(ngDevMode ? [{ debugName: "showLineNumbers" }] : []));
+    tabSize = input(2, ...(ngDevMode ? [{ debugName: "tabSize" }] : []));
+    insertSpaces = input(true, ...(ngDevMode ? [{ debugName: "insertSpaces" }] : []));
+    wordWrap = input(false, ...(ngDevMode ? [{ debugName: "wordWrap" }] : []));
+    autoDetectLanguage = input(false, ...(ngDevMode ? [{ debugName: "autoDetectLanguage" }] : []));
+    ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    ariaDescribedby = input('', ...(ngDevMode ? [{ debugName: "ariaDescribedby" }] : []));
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    // Outputs
+    valueChange = output();
+    languageDetected = output();
+    cursorChange = output();
+    // Internal state
+    activeLine = signal(1, ...(ngDevMode ? [{ debugName: "activeLine" }] : []));
+    activeColumn = signal(1, ...(ngDevMode ? [{ debugName: "activeColumn" }] : []));
+    isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
+    highlightedHtml = signal(null, ...(ngDevMode ? [{ debugName: "highlightedHtml" }] : []));
+    scrollTop = 0;
+    scrollLeft = 0;
+    sanitizer = inject(DomSanitizer);
+    textarea = viewChild.required('textarea');
+    lines = computed(() => {
+        const code = this.value() || '';
+        return code.split('\n');
+    }, ...(ngDevMode ? [{ debugName: "lines" }] : []));
+    lineNumberWidth = computed(() => {
+        return Math.max(2, String(this.lines().length).length + 1);
+    }, ...(ngDevMode ? [{ debugName: "lineNumberWidth" }] : []));
+    displayCode = computed(() => {
+        const code = this.value() || '';
+        return code.endsWith('\n') ? code : code + '\n';
+    }, ...(ngDevMode ? [{ debugName: "displayCode" }] : []));
+    effectiveLanguage = computed(() => {
+        if (this.autoDetectLanguage() && this.value()) {
+            return detectLanguage(this.value(), this.filename());
+        }
+        return this.language();
+    }, ...(ngDevMode ? [{ debugName: "effectiveLanguage" }] : []));
+    wrapperClass = computed(() => cn('relative flex overflow-hidden', this.classInput()), ...(ngDevMode ? [{ debugName: "wrapperClass" }] : []));
+    textareaClass = computed(() => cn('relative m-0 w-full resize-none p-3', 'border-none bg-transparent text-transparent caret-current outline-none', 'font-mono text-sm leading-relaxed', this.disabled() && 'cursor-not-allowed'), ...(ngDevMode ? [{ debugName: "textareaClass" }] : []));
+    textareaStyle = computed(() => ({
+        whiteSpace: this.wordWrap() ? 'pre-wrap' : 'pre',
+        wordBreak: this.wordWrap() ? 'break-all' : 'normal',
+        overflowWrap: this.wordWrap() ? 'break-word' : 'normal',
+    }), ...(ngDevMode ? [{ debugName: "textareaStyle" }] : []));
+    constructor() {
+        // Effect to trigger Shiki highlighting
+        effect(() => {
+            const code = this.displayCode();
+            const lang = this.effectiveLanguage();
+            this.highlight(code, lang);
+        });
+        // Effect for language detection notification
+        effect(() => {
+            if (this.autoDetectLanguage() && this.value()) {
+                const detected = detectLanguage(this.value(), this.filename());
+                this.languageDetected.emit(detected);
+            }
+        });
+    }
+    async highlight(code, lang) {
+        try {
+            const html = await codeToHtml(code, {
+                lang,
+                themes: {
+                    light: 'github-light',
+                    dark: 'github-dark',
+                },
+                defaultColor: false,
+            });
+            this.highlightedHtml.set(this.sanitizer.bypassSecurityTrustHtml(html));
+        }
+        catch {
+            this.highlightedHtml.set(null);
+        }
+    }
+    focusTextarea() {
+        if (!this.disabled() && !this.readonly()) {
+            this.textarea().nativeElement.focus();
+        }
+    }
+    onInput(event) {
+        const target = event.target;
+        this.value.set(target.value);
+        this.valueChange.emit(target.value);
+        this.updateCursorPosition(target);
+    }
+    onKeydown(event) {
+        const target = event.target;
+        // Handle Tab key
+        if (event.key === 'Tab') {
+            event.preventDefault();
+            const start = target.selectionStart;
+            const end = target.selectionEnd;
+            const value = target.value;
+            const indent = this.insertSpaces() ? ' '.repeat(this.tabSize()) : '\t';
+            if (event.shiftKey) {
+                // Outdent
+                const lineStart = value.lastIndexOf('\n', start - 1) + 1;
+                const lineContent = value.slice(lineStart, start);
+                const indentMatch = lineContent.match(/^(\t| {1,})/);
+                if (indentMatch) {
+                    const removeLength = Math.min(indentMatch[1].length, this.insertSpaces() ? this.tabSize() : 1);
+                    const newValue = value.slice(0, lineStart) + value.slice(lineStart + removeLength);
+                    this.value.set(newValue);
+                    this.valueChange.emit(newValue);
+                    // Restore cursor position
+                    setTimeout(() => {
+                        target.selectionStart = target.selectionEnd = start - removeLength;
+                    });
+                }
+            }
+            else {
+                // Indent
+                const newValue = value.slice(0, start) + indent + value.slice(end);
+                this.value.set(newValue);
+                this.valueChange.emit(newValue);
+                // Move cursor after indent
+                setTimeout(() => {
+                    target.selectionStart = target.selectionEnd = start + indent.length;
+                });
+            }
+        }
+        // Handle Enter for auto-indent
+        if (event.key === 'Enter' && !event.shiftKey) {
+            const start = target.selectionStart;
+            const value = target.value;
+            // Find the current line's indentation
+            const lineStart = value.lastIndexOf('\n', start - 1) + 1;
+            const lineContent = value.slice(lineStart, start);
+            const indentMatch = lineContent.match(/^(\s*)/);
+            const currentIndent = indentMatch ? indentMatch[1] : '';
+            // Check if we need extra indent (after { or :)
+            const charBefore = value[start - 1];
+            const extraIndent = charBefore === '{' || charBefore === ':' || charBefore === '['
+                ? this.insertSpaces()
+                    ? ' '.repeat(this.tabSize())
+                    : '\t'
+                : '';
+            event.preventDefault();
+            const newValue = value.slice(0, start) +
+                '\n' +
+                currentIndent +
+                extraIndent +
+                value.slice(start);
+            this.value.set(newValue);
+            this.valueChange.emit(newValue);
+            setTimeout(() => {
+                const newPos = start + 1 + currentIndent.length + extraIndent.length;
+                target.selectionStart = target.selectionEnd = newPos;
+                this.updateCursorPosition(target);
+            });
+        }
+        // Handle closing brackets
+        if (event.key === '}' || event.key === ']' || event.key === ')') {
+            const start = target.selectionStart;
+            const value = target.value;
+            const lineStart = value.lastIndexOf('\n', start - 1) + 1;
+            const beforeCursor = value.slice(lineStart, start);
+            // If line is only whitespace, reduce indent
+            if (/^\s+$/.test(beforeCursor)) {
+                const reduceBy = this.insertSpaces() ? this.tabSize() : 1;
+                const newIndent = beforeCursor.slice(0, Math.max(0, beforeCursor.length - reduceBy));
+                event.preventDefault();
+                const newValue = value.slice(0, lineStart) +
+                    newIndent +
+                    event.key +
+                    value.slice(start);
+                this.value.set(newValue);
+                this.valueChange.emit(newValue);
+                setTimeout(() => {
+                    target.selectionStart = target.selectionEnd =
+                        lineStart + newIndent.length + 1;
+                });
+            }
+        }
+    }
+    onScroll(event) {
+        const target = event.target;
+        this.scrollTop = target.scrollTop;
+        this.scrollLeft = target.scrollLeft;
+        // Sync scroll with the display layer
+        const displayLayer = target.previousElementSibling;
+        if (displayLayer) {
+            displayLayer.scrollTop = this.scrollTop;
+            displayLayer.scrollLeft = this.scrollLeft;
+        }
+    }
+    onFocus() {
+        this.isFocused.set(true);
+    }
+    onBlur() {
+        this.isFocused.set(false);
+    }
+    updateActiveLine(event) {
+        const target = event.target;
+        this.updateCursorPosition(target);
+    }
+    updateCursorPosition(textarea) {
+        const value = textarea.value;
+        const pos = textarea.selectionStart;
+        // Calculate line and column
+        const textBeforeCursor = value.slice(0, pos);
+        const lines = textBeforeCursor.split('\n');
+        const line = lines.length;
+        const column = lines[lines.length - 1].length + 1;
+        this.activeLine.set(line);
+        this.activeColumn.set(column);
+        this.cursorChange.emit({ line, column });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCodeEditorContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: ScCodeEditorContent, isStandalone: true, selector: "div[sc-code-editor-content]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, filename: { classPropertyName: "filename", publicName: "filename", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, showLineNumbers: { classPropertyName: "showLineNumbers", publicName: "showLineNumbers", isSignal: true, isRequired: false, transformFunction: null }, tabSize: { classPropertyName: "tabSize", publicName: "tabSize", isSignal: true, isRequired: false, transformFunction: null }, insertSpaces: { classPropertyName: "insertSpaces", publicName: "insertSpaces", isSignal: true, isRequired: false, transformFunction: null }, wordWrap: { classPropertyName: "wordWrap", publicName: "wordWrap", isSignal: true, isRequired: false, transformFunction: null }, autoDetectLanguage: { classPropertyName: "autoDetectLanguage", publicName: "autoDetectLanguage", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange", languageDetected: "languageDetected", cursorChange: "cursorChange" }, host: { attributes: { "data-slot": "code-editor-content" }, listeners: { "click": "focusTextarea()" }, properties: { "class": "wrapperClass()" } }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <!-- Line numbers -->
+    @if (showLineNumbers()) {
+      <div
+        class="sc-code-editor-content__line-numbers flex-shrink-0 select-none border-r border-border py-3 pl-3 pr-3 text-right"
+        [style.min-width.ch]="lineNumberWidth()"
+        aria-hidden="true"
+      >
+        @for (line of lines(); track $index) {
+          <div
+            class="font-mono text-sm leading-relaxed"
+            [class.sc-code-editor-content__line-numbers--active]="
+              activeLine() === $index + 1
+            "
+          >
+            {{ $index + 1 }}
+          </div>
+        }
+      </div>
+    }
+
+    <!-- Code area -->
+    <div class="relative min-w-0 flex-1">
+      <!-- Highlighted code (display layer) -->
+      <div
+        class="pointer-events-none absolute inset-0 overflow-hidden"
+        [class.word-wrap-enabled]="wordWrap()"
+        aria-hidden="true"
+      >
+        @if (highlightedHtml()) {
+          <div [innerHTML]="highlightedHtml()"></div>
+        } @else {
+          <pre
+            class="m-0 p-3 font-mono text-sm leading-relaxed"
+          ><code>{{ displayCode() }}</code></pre>
+        }
+      </div>
+
+      <!-- Textarea (input layer) -->
+      <textarea
+        #textarea
+        [value]="value()"
+        (input)="onInput($event)"
+        (keydown)="onKeydown($event)"
+        (scroll)="onScroll($event)"
+        (focus)="onFocus()"
+        (blur)="onBlur()"
+        (click)="updateActiveLine($event)"
+        (keyup)="updateActiveLine($event)"
+        [disabled]="disabled()"
+        [readonly]="readonly()"
+        [placeholder]="placeholder()"
+        [attr.aria-label]="ariaLabel() || 'Code editor'"
+        [attr.aria-describedby]="ariaDescribedby()"
+        autocomplete="off"
+        autocorrect="off"
+        autocapitalize="off"
+        spellcheck="false"
+        [class]="textareaClass()"
+        [style]="textareaStyle()"
+      ></textarea>
+    </div>
+  `, isInline: true, styles: [".sc-code-editor-content__line-numbers{color:oklch(from var(--muted-foreground) l c h / .5)}.sc-code-editor-content__line-numbers--active{color:var(--foreground)}[sc-code-editor-content] pre.shiki,[sc-code-editor-content] pre.shiki span{background-color:transparent!important}[sc-code-editor-content] .word-wrap-enabled pre.shiki{white-space:pre-wrap;word-break:break-all}[sc-code-editor-content] textarea{caret-color:var(--primary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCodeEditorContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'div[sc-code-editor-content]', template: `
+    <!-- Line numbers -->
+    @if (showLineNumbers()) {
+      <div
+        class="sc-code-editor-content__line-numbers flex-shrink-0 select-none border-r border-border py-3 pl-3 pr-3 text-right"
+        [style.min-width.ch]="lineNumberWidth()"
+        aria-hidden="true"
+      >
+        @for (line of lines(); track $index) {
+          <div
+            class="font-mono text-sm leading-relaxed"
+            [class.sc-code-editor-content__line-numbers--active]="
+              activeLine() === $index + 1
+            "
+          >
+            {{ $index + 1 }}
+          </div>
+        }
+      </div>
+    }
+
+    <!-- Code area -->
+    <div class="relative min-w-0 flex-1">
+      <!-- Highlighted code (display layer) -->
+      <div
+        class="pointer-events-none absolute inset-0 overflow-hidden"
+        [class.word-wrap-enabled]="wordWrap()"
+        aria-hidden="true"
+      >
+        @if (highlightedHtml()) {
+          <div [innerHTML]="highlightedHtml()"></div>
+        } @else {
+          <pre
+            class="m-0 p-3 font-mono text-sm leading-relaxed"
+          ><code>{{ displayCode() }}</code></pre>
+        }
+      </div>
+
+      <!-- Textarea (input layer) -->
+      <textarea
+        #textarea
+        [value]="value()"
+        (input)="onInput($event)"
+        (keydown)="onKeydown($event)"
+        (scroll)="onScroll($event)"
+        (focus)="onFocus()"
+        (blur)="onBlur()"
+        (click)="updateActiveLine($event)"
+        (keyup)="updateActiveLine($event)"
+        [disabled]="disabled()"
+        [readonly]="readonly()"
+        [placeholder]="placeholder()"
+        [attr.aria-label]="ariaLabel() || 'Code editor'"
+        [attr.aria-describedby]="ariaDescribedby()"
+        autocomplete="off"
+        autocorrect="off"
+        autocapitalize="off"
+        spellcheck="false"
+        [class]="textareaClass()"
+        [style]="textareaStyle()"
+      ></textarea>
+    </div>
+  `, host: {
+                        'data-slot': 'code-editor-content',
+                        '[class]': 'wrapperClass()',
+                        '(click)': 'focusTextarea()',
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".sc-code-editor-content__line-numbers{color:oklch(from var(--muted-foreground) l c h / .5)}.sc-code-editor-content__line-numbers--active{color:var(--foreground)}[sc-code-editor-content] pre.shiki,[sc-code-editor-content] pre.shiki span{background-color:transparent!important}[sc-code-editor-content] .word-wrap-enabled pre.shiki{white-space:pre-wrap;word-break:break-all}[sc-code-editor-content] textarea{caret-color:var(--primary)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], filename: [{ type: i0.Input, args: [{ isSignal: true, alias: "filename", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], showLineNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLineNumbers", required: false }] }], tabSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabSize", required: false }] }], insertSpaces: [{ type: i0.Input, args: [{ isSignal: true, alias: "insertSpaces", required: false }] }], wordWrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wordWrap", required: false }] }], autoDetectLanguage: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoDetectLanguage", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedby", required: false }] }], classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], languageDetected: [{ type: i0.Output, args: ["languageDetected"] }], cursorChange: [{ type: i0.Output, args: ["cursorChange"] }], textarea: [{ type: i0.ViewChild, args: ['textarea', { isSignal: true }] }] } });
+//# sourceMappingURL=code-editor-content.js.map

package/esm2022/lib/components/code-editor/code-editor-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor-content.js","sourceRoot":"","sources":["../../../../../../../libs/code/src/lib/components/code-editor/code-editor-content.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { codeToHtml } from 'shiki';\nimport { cn } from '@semantic-components/ui';\n\nexport type ScCodeEditorLanguage =\n  | 'angular-ts'\n  | 'typescript'\n  | 'javascript'\n  | 'html'\n  | 'css'\n  | 'json'\n  | 'python'\n  | 'bash'\n  | 'shell'\n  | 'markdown'\n  | 'yaml'\n  | 'sql'\n  | 'go'\n  | 'rust'\n  | 'java'\n  | 'plaintext';\n\nconst EXTENSION_MAP: Record<string, ScCodeEditorLanguage> = {\n  js: 'javascript',\n  mjs: 'javascript',\n  cjs: 'javascript',\n  jsx: 'javascript',\n  ts: 'typescript',\n  mts: 'typescript',\n  cts: 'typescript',\n  tsx: 'typescript',\n  html: 'html',\n  htm: 'html',\n  css: 'css',\n  scss: 'css',\n  sass: 'css',\n  less: 'css',\n  json: 'json',\n  py: 'python',\n  pyw: 'python',\n  sh: 'bash',\n  bash: 'bash',\n  zsh: 'shell',\n  sql: 'sql',\n  md: 'markdown',\n  markdown: 'markdown',\n  yaml: 'yaml',\n  yml: 'yaml',\n  go: 'go',\n  rs: 'rust',\n  java: 'java',\n  txt: 'plaintext',\n};\n\nexport function detectLanguage(\n  code: string,\n  filename?: string,\n): ScCodeEditorLanguage {\n  if (filename) {\n    const ext = filename.split('.').pop()?.toLowerCase();\n    if (ext && EXTENSION_MAP[ext]) {\n      return EXTENSION_MAP[ext];\n    }\n  }\n\n  // Try to detect from content\n  if (\n    code.includes('<!DOCTYPE') ||\n    code.includes('<html') ||\n    /<\\w+[^>]*>/.test(code)\n  ) {\n    return 'html';\n  }\n  if (/^\\s*\\{[\\s\\S]*\\}\\s*$/.test(code) || /^\\s*\\[[\\s\\S]*\\]\\s*$/.test(code)) {\n    try {\n      JSON.parse(code);\n      return 'json';\n    } catch {\n      // Not JSON\n    }\n  }\n  if (/^(import|export|const|let|var|function|class)\\s/.test(code)) {\n    if (\n      /:\\s*(string|number|boolean|any|void|never)\\b/.test(code) ||\n      /interface\\s+\\w+/.test(code)\n    ) {\n      return 'typescript';\n    }\n    return 'javascript';\n  }\n  if (\n    /^(def|class|import|from|if __name__)\\s/.test(code) ||\n    /:\\s*$/.test(code.split('\\n')[0])\n  ) {\n    return 'python';\n  }\n  if (/^(SELECT|INSERT|UPDATE|DELETE|CREATE|ALTER|DROP)\\s/i.test(code)) {\n    return 'sql';\n  }\n  if (/^#\\s/.test(code) || /^\\*\\*.*\\*\\*$/.test(code)) {\n    return 'markdown';\n  }\n  if (/^#!/.test(code)) {\n    return 'bash';\n  }\n\n  return 'plaintext';\n}\n\n@Component({\n  selector: 'div[sc-code-editor-content]',\n  template: `\n    <!-- Line numbers -->\n    @if (showLineNumbers()) {\n      <div\n        class=\"sc-code-editor-content__line-numbers flex-shrink-0 select-none border-r border-border py-3 pl-3 pr-3 text-right\"\n        [style.min-width.ch]=\"lineNumberWidth()\"\n        aria-hidden=\"true\"\n      >\n        @for (line of lines(); track $index) {\n          <div\n            class=\"font-mono text-sm leading-relaxed\"\n            [class.sc-code-editor-content__line-numbers--active]=\"\n              activeLine() === $index + 1\n            \"\n          >\n            {{ $index + 1 }}\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Code area -->\n    <div class=\"relative min-w-0 flex-1\">\n      <!-- Highlighted code (display layer) -->\n      <div\n        class=\"pointer-events-none absolute inset-0 overflow-hidden\"\n        [class.word-wrap-enabled]=\"wordWrap()\"\n        aria-hidden=\"true\"\n      >\n        @if (highlightedHtml()) {\n          <div [innerHTML]=\"highlightedHtml()\"></div>\n        } @else {\n          <pre\n            class=\"m-0 p-3 font-mono text-sm leading-relaxed\"\n          ><code>{{ displayCode() }}</code></pre>\n        }\n      </div>\n\n      <!-- Textarea (input layer) -->\n      <textarea\n        #textarea\n        [value]=\"value()\"\n        (input)=\"onInput($event)\"\n        (keydown)=\"onKeydown($event)\"\n        (scroll)=\"onScroll($event)\"\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n        (click)=\"updateActiveLine($event)\"\n        (keyup)=\"updateActiveLine($event)\"\n        [disabled]=\"disabled()\"\n        [readonly]=\"readonly()\"\n        [placeholder]=\"placeholder()\"\n        [attr.aria-label]=\"ariaLabel() || 'Code editor'\"\n        [attr.aria-describedby]=\"ariaDescribedby()\"\n        autocomplete=\"off\"\n        autocorrect=\"off\"\n        autocapitalize=\"off\"\n        spellcheck=\"false\"\n        [class]=\"textareaClass()\"\n        [style]=\"textareaStyle()\"\n      ></textarea>\n    </div>\n  `,\n  styles: `\n    .sc-code-editor-content__line-numbers {\n      color: oklch(from var(--muted-foreground) l c h / 0.5);\n    }\n\n    .sc-code-editor-content__line-numbers--active {\n      color: var(--foreground);\n    }\n\n    /* Transparent background for editor overlay effect */\n    [sc-code-editor-content] pre.shiki,\n    [sc-code-editor-content] pre.shiki span {\n      background-color: transparent !important;\n    }\n\n    /* Word wrap support */\n    [sc-code-editor-content] .word-wrap-enabled pre.shiki {\n      white-space: pre-wrap;\n      word-break: break-all;\n    }\n\n    /* Caret color */\n    [sc-code-editor-content] textarea {\n      caret-color: var(--primary);\n    }\n  `,\n  host: {\n    'data-slot': 'code-editor-content',\n    '[class]': 'wrapperClass()',\n    '(click)': 'focusTextarea()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCodeEditorContent {\n  // Two-way binding for value\n  readonly value = model<string>('');\n\n  // Inputs\n  readonly language = input<ScCodeEditorLanguage>('plaintext');\n  readonly filename = input<string>('');\n  readonly placeholder = input<string>('');\n  readonly disabled = input(false);\n  readonly readonly = input(false);\n  readonly showLineNumbers = input(true);\n  readonly tabSize = input(2);\n  readonly insertSpaces = input(true);\n  readonly wordWrap = input(false);\n  readonly autoDetectLanguage = input(false);\n  readonly ariaLabel = input<string>('');\n  readonly ariaDescribedby = input<string>('');\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  // Outputs\n  readonly valueChange = output<string>();\n  readonly languageDetected = output<ScCodeEditorLanguage>();\n  readonly cursorChange = output<{ line: number; column: number }>();\n\n  // Internal state\n  readonly activeLine = signal(1);\n  readonly activeColumn = signal(1);\n  readonly isFocused = signal(false);\n  protected readonly highlightedHtml = signal<SafeHtml | null>(null);\n  private scrollTop = 0;\n  private scrollLeft = 0;\n\n  private readonly sanitizer = inject(DomSanitizer);\n  private readonly textarea =\n    viewChild.required<ElementRef<HTMLTextAreaElement>>('textarea');\n\n  protected readonly lines = computed(() => {\n    const code = this.value() || '';\n    return code.split('\\n');\n  });\n\n  protected readonly lineNumberWidth = computed(() => {\n    return Math.max(2, String(this.lines().length).length + 1);\n  });\n\n  protected readonly displayCode = computed(() => {\n    const code = this.value() || '';\n    return code.endsWith('\\n') ? code : code + '\\n';\n  });\n\n  protected readonly effectiveLanguage = computed(() => {\n    if (this.autoDetectLanguage() && this.value()) {\n      return detectLanguage(this.value(), this.filename());\n    }\n    return this.language();\n  });\n\n  protected readonly wrapperClass = computed(() =>\n    cn('relative flex overflow-hidden', this.classInput()),\n  );\n\n  protected readonly textareaClass = computed(() =>\n    cn(\n      'relative m-0 w-full resize-none p-3',\n      'border-none bg-transparent text-transparent caret-current outline-none',\n      'font-mono text-sm leading-relaxed',\n      this.disabled() && 'cursor-not-allowed',\n    ),\n  );\n\n  protected readonly textareaStyle = computed(() => ({\n    whiteSpace: this.wordWrap() ? 'pre-wrap' : 'pre',\n    wordBreak: this.wordWrap() ? 'break-all' : 'normal',\n    overflowWrap: this.wordWrap() ? 'break-word' : 'normal',\n  }));\n\n  constructor() {\n    // Effect to trigger Shiki highlighting\n    effect(() => {\n      const code = this.displayCode();\n      const lang = this.effectiveLanguage();\n\n      this.highlight(code, lang);\n    });\n\n    // Effect for language detection notification\n    effect(() => {\n      if (this.autoDetectLanguage() && this.value()) {\n        const detected = detectLanguage(this.value(), this.filename());\n        this.languageDetected.emit(detected);\n      }\n    });\n  }\n\n  private async highlight(\n    code: string,\n    lang: ScCodeEditorLanguage,\n  ): Promise<void> {\n    try {\n      const html = await codeToHtml(code, {\n        lang,\n        themes: {\n          light: 'github-light',\n          dark: 'github-dark',\n        },\n        defaultColor: false,\n      });\n      this.highlightedHtml.set(this.sanitizer.bypassSecurityTrustHtml(html));\n    } catch {\n      this.highlightedHtml.set(null);\n    }\n  }\n\n  focusTextarea(): void {\n    if (!this.disabled() && !this.readonly()) {\n      this.textarea().nativeElement.focus();\n    }\n  }\n\n  protected onInput(event: Event): void {\n    const target = event.target as HTMLTextAreaElement;\n    this.value.set(target.value);\n    this.valueChange.emit(target.value);\n    this.updateCursorPosition(target);\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    const target = event.target as HTMLTextAreaElement;\n\n    // Handle Tab key\n    if (event.key === 'Tab') {\n      event.preventDefault();\n      const start = target.selectionStart;\n      const end = target.selectionEnd;\n      const value = target.value;\n\n      const indent = this.insertSpaces() ? ' '.repeat(this.tabSize()) : '\\t';\n\n      if (event.shiftKey) {\n        // Outdent\n        const lineStart = value.lastIndexOf('\\n', start - 1) + 1;\n        const lineContent = value.slice(lineStart, start);\n        const indentMatch = lineContent.match(/^(\\t| {1,})/);\n\n        if (indentMatch) {\n          const removeLength = Math.min(\n            indentMatch[1].length,\n            this.insertSpaces() ? this.tabSize() : 1,\n          );\n          const newValue =\n            value.slice(0, lineStart) + value.slice(lineStart + removeLength);\n\n          this.value.set(newValue);\n          this.valueChange.emit(newValue);\n\n          // Restore cursor position\n          setTimeout(() => {\n            target.selectionStart = target.selectionEnd = start - removeLength;\n          });\n        }\n      } else {\n        // Indent\n        const newValue = value.slice(0, start) + indent + value.slice(end);\n        this.value.set(newValue);\n        this.valueChange.emit(newValue);\n\n        // Move cursor after indent\n        setTimeout(() => {\n          target.selectionStart = target.selectionEnd = start + indent.length;\n        });\n      }\n    }\n\n    // Handle Enter for auto-indent\n    if (event.key === 'Enter' && !event.shiftKey) {\n      const start = target.selectionStart;\n      const value = target.value;\n\n      // Find the current line's indentation\n      const lineStart = value.lastIndexOf('\\n', start - 1) + 1;\n      const lineContent = value.slice(lineStart, start);\n      const indentMatch = lineContent.match(/^(\\s*)/);\n      const currentIndent = indentMatch ? indentMatch[1] : '';\n\n      // Check if we need extra indent (after { or :)\n      const charBefore = value[start - 1];\n      const extraIndent =\n        charBefore === '{' || charBefore === ':' || charBefore === '['\n          ? this.insertSpaces()\n            ? ' '.repeat(this.tabSize())\n            : '\\t'\n          : '';\n\n      event.preventDefault();\n      const newValue =\n        value.slice(0, start) +\n        '\\n' +\n        currentIndent +\n        extraIndent +\n        value.slice(start);\n\n      this.value.set(newValue);\n      this.valueChange.emit(newValue);\n\n      setTimeout(() => {\n        const newPos = start + 1 + currentIndent.length + extraIndent.length;\n        target.selectionStart = target.selectionEnd = newPos;\n        this.updateCursorPosition(target);\n      });\n    }\n\n    // Handle closing brackets\n    if (event.key === '}' || event.key === ']' || event.key === ')') {\n      const start = target.selectionStart;\n      const value = target.value;\n      const lineStart = value.lastIndexOf('\\n', start - 1) + 1;\n      const beforeCursor = value.slice(lineStart, start);\n\n      // If line is only whitespace, reduce indent\n      if (/^\\s+$/.test(beforeCursor)) {\n        const reduceBy = this.insertSpaces() ? this.tabSize() : 1;\n        const newIndent = beforeCursor.slice(\n          0,\n          Math.max(0, beforeCursor.length - reduceBy),\n        );\n\n        event.preventDefault();\n        const newValue =\n          value.slice(0, lineStart) +\n          newIndent +\n          event.key +\n          value.slice(start);\n\n        this.value.set(newValue);\n        this.valueChange.emit(newValue);\n\n        setTimeout(() => {\n          target.selectionStart = target.selectionEnd =\n            lineStart + newIndent.length + 1;\n        });\n      }\n    }\n  }\n\n  protected onScroll(event: Event): void {\n    const target = event.target as HTMLTextAreaElement;\n    this.scrollTop = target.scrollTop;\n    this.scrollLeft = target.scrollLeft;\n\n    // Sync scroll with the display layer\n    const displayLayer = target.previousElementSibling as HTMLElement;\n    if (displayLayer) {\n      displayLayer.scrollTop = this.scrollTop;\n      displayLayer.scrollLeft = this.scrollLeft;\n    }\n  }\n\n  protected onFocus(): void {\n    this.isFocused.set(true);\n  }\n\n  protected onBlur(): void {\n    this.isFocused.set(false);\n  }\n\n  protected updateActiveLine(event: Event): void {\n    const target = event.target as HTMLTextAreaElement;\n    this.updateCursorPosition(target);\n  }\n\n  private updateCursorPosition(textarea: HTMLTextAreaElement): void {\n    const value = textarea.value;\n    const pos = textarea.selectionStart;\n\n    // Calculate line and column\n    const textBeforeCursor = value.slice(0, pos);\n    const lines = textBeforeCursor.split('\\n');\n    const line = lines.length;\n    const column = lines[lines.length - 1].length + 1;\n\n    this.activeLine.set(line);\n    this.activeColumn.set(column);\n    this.cursorChange.emit({ line, column });\n  }\n}\n"]}

package/esm2022/lib/components/code-editor/code-editor-copy-button.js

@@ -0,0 +1,90 @@
+import { ChangeDetectionStrategy, Component, computed, input, signal, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import * as i0 from "@angular/core";
+export class ScCodeEditorCopyButton {
+    code = input.required(...(ngDevMode ? [{ debugName: "code" }] : []));
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    copied = signal(false, ...(ngDevMode ? [{ debugName: "copied" }] : []));
+    class = computed(() => cn('rounded p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    ariaLabel = computed(() => this.copied() ? 'Copied!' : 'Copy code', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    async copyCode(event) {
+        event.stopPropagation();
+        try {
+            await navigator.clipboard.writeText(this.code());
+            this.copied.set(true);
+            setTimeout(() => this.copied.set(false), 2000);
+        }
+        catch (err) {
+            console.error('Failed to copy code:', err);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCodeEditorCopyButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: ScCodeEditorCopyButton, isStandalone: true, selector: "button[sc-code-editor-copy-button]", inputs: { code: { classPropertyName: "code", publicName: "code", isSignal: true, isRequired: true, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "code-editor-copy-button", "type": "button" }, listeners: { "click": "copyCode($event)" }, properties: { "class": "class()", "attr.aria-label": "ariaLabel()" } }, ngImport: i0, template: `
+    @if (copied()) {
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        class="size-4"
+      >
+        <polyline points="20 6 9 17 4 12" />
+      </svg>
+    } @else {
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        class="size-4"
+      >
+        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
+        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
+      </svg>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCodeEditorCopyButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[sc-code-editor-copy-button]',
+                    template: `
+    @if (copied()) {
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        class="size-4"
+      >
+        <polyline points="20 6 9 17 4 12" />
+      </svg>
+    } @else {
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        class="size-4"
+      >
+        <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
+        <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
+      </svg>
+    }
+  `,
+                    host: {
+                        'data-slot': 'code-editor-copy-button',
+                        '[class]': 'class()',
+                        '[attr.aria-label]': 'ariaLabel()',
+                        type: 'button',
+                        '(click)': 'copyCode($event)',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { code: [{ type: i0.Input, args: [{ isSignal: true, alias: "code", required: true }] }], classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=code-editor-copy-button.js.map

package/esm2022/lib/components/code-editor/code-editor-copy-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor-copy-button.js","sourceRoot":"","sources":["../../../../../../../libs/code/src/lib/components/code-editor/code-editor-copy-button.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;;AAwC7C,MAAM,OAAO,sBAAsB;IACxB,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAU,CAAC;IAChC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEnD,MAAM,GAAG,MAAM,CAAC,KAAK,kDAAC,CAAC;IAEb,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,6FAA6F,EAC7F,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEiB,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC3C,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,qDACxC,CAAC;IAEQ,KAAK,CAAC,QAAQ,CAAC,KAAY;QACnC,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YACjD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACtB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QACjD,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;uGA3BU,sBAAsB;2FAAtB,sBAAsB,siBApCvB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBT;;2FAWU,sBAAsB;kBAtClC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oCAAoC;oBAC9C,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,yBAAyB;wBACtC,SAAS,EAAE,SAAS;wBACpB,mBAAmB,EAAE,aAAa;wBAClC,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,kBAAkB;qBAC9B;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\n\n@Component({\n  selector: 'button[sc-code-editor-copy-button]',\n  template: `\n    @if (copied()) {\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        class=\"size-4\"\n      >\n        <polyline points=\"20 6 9 17 4 12\" />\n      </svg>\n    } @else {\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        class=\"size-4\"\n      >\n        <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n        <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n      </svg>\n    }\n  `,\n  host: {\n    'data-slot': 'code-editor-copy-button',\n    '[class]': 'class()',\n    '[attr.aria-label]': 'ariaLabel()',\n    type: 'button',\n    '(click)': 'copyCode($event)',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCodeEditorCopyButton {\n  readonly code = input.required<string>();\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  readonly copied = signal(false);\n\n  protected readonly class = computed(() =>\n    cn(\n      'rounded p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground',\n      this.classInput(),\n    ),\n  );\n\n  protected readonly ariaLabel = computed(() =>\n    this.copied() ? 'Copied!' : 'Copy code',\n  );\n\n  protected async copyCode(event: Event): Promise<void> {\n    event.stopPropagation();\n\n    try {\n      await navigator.clipboard.writeText(this.code());\n      this.copied.set(true);\n      setTimeout(() => this.copied.set(false), 2000);\n    } catch (err) {\n      console.error('Failed to copy code:', err);\n    }\n  }\n}\n"]}

package/esm2022/lib/components/code-editor/code-editor-footer.js

@@ -0,0 +1,27 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import * as i0 from "@angular/core";
+export class ScCodeEditorFooter {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('flex items-center justify-between border-t border-border bg-background/50 px-3 py-1.5 text-xs text-muted-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCodeEditorFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScCodeEditorFooter, isStandalone: true, selector: "div[sc-code-editor-footer]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "code-editor-footer" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCodeEditorFooter, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[sc-code-editor-footer]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'code-editor-footer',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=code-editor-footer.js.map

package/esm2022/lib/components/code-editor/code-editor-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor-footer.js","sourceRoot":"","sources":["../../../../../../../libs/code/src/lib/components/code-editor/code-editor-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;;AAc7C,MAAM,OAAO,kBAAkB;IACpB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,qHAAqH,EACrH,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,kBAAkB;2FAAlB,kBAAkB,qUAVnB;;GAET;;2FAQU,kBAAkB;kBAZ9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,oBAAoB;wBACjC,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\n\n@Component({\n  selector: 'div[sc-code-editor-footer]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'code-editor-footer',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCodeEditorFooter {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'flex items-center justify-between border-t border-border bg-background/50 px-3 py-1.5 text-xs text-muted-foreground',\n      this.classInput(),\n    ),\n  );\n}\n"]}