snice 4.9.0 → 4.10.0

package/dist/components/diff/snice-diff.js

@@ -0,0 +1,374 @@
+import { __runInitializers, __esDecorate } from 'tslib';
+import { element, property, styles, watch, render, dispatch, css, html, unsafeHTML } from 'snice';
+
+var diffStyles = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;--snice-diff-added-bg:rgb(220 252 231 / 0.5);--snice-diff-removed-bg:rgb(254 226 226 / 0.5);--snice-diff-added-word-bg:rgb(187 247 208 / 0.7);--snice-diff-removed-word-bg:rgb(254 202 202 / 0.7)}:host-context([data-theme=dark]){--snice-diff-added-bg:rgb(22 163 74 / 0.15);--snice-diff-removed-bg:rgb(220 38 38 / 0.15);--snice-diff-added-word-bg:rgb(22 163 74 / 0.3);--snice-diff-removed-word-bg:rgb(220 38 38 / 0.3)}@media (prefers-color-scheme:dark){:host{--snice-diff-added-bg:rgb(22 163 74 / 0.15);--snice-diff-removed-bg:rgb(220 38 38 / 0.15);--snice-diff-added-word-bg:rgb(22 163 74 / 0.3);--snice-diff-removed-word-bg:rgb(220 38 38 / 0.3)}}.diff-container{background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);overflow:hidden}.diff-header{display:flex;align-items:center;gap:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));background:var(--snice-color-background-element,rgb(252 251 249));font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.diff-stat-add{color:var(--snice-color-success,rgb(22 163 74));font-weight:var(--snice-font-weight-semibold,600)}.diff-stat-del{color:var(--snice-color-danger,rgb(220 38 38));font-weight:var(--snice-font-weight-semibold,600)}.diff-mode-toggle{margin-left:auto;display:flex;gap:0}.diff-mode-btn{background:0 0;border:1px solid var(--snice-color-border,rgb(226 226 226));cursor:pointer;padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82));transition:background-color var(--snice-transition-fast, 150ms) ease}.diff-mode-btn:first-child{border-radius:var(--snice-border-radius-md,.25rem) 0 0 var(--snice-border-radius-md,.25rem)}.diff-mode-btn:last-child{border-radius:0 var(--snice-border-radius-md,.25rem) var(--snice-border-radius-md,.25rem) 0;border-left:none}.diff-mode-btn.active{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-primary,rgb(37 99 235))}.diff-content{overflow-x:auto;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:var(--snice-font-size-sm, .875rem);line-height:1.4}.diff-table{width:100%;border-collapse:collapse;table-layout:fixed}.diff-line{border:none}.diff-line--added{background:var(--snice-diff-added-bg,rgb(220 252 231 / .5))}.diff-line--removed{background:var(--snice-diff-removed-bg,rgb(254 226 226 / .5))}.diff-line--unchanged{background:0 0}.diff-gutter{width:3.5rem;padding:0 var(--snice-spacing-xs,.5rem);text-align:right;color:var(--snice-color-text-tertiary,rgb(115 115 115));font-size:var(--snice-font-size-xs, .75rem);font-variant-numeric:tabular-nums;user-select:none;vertical-align:top;border-right:1px solid var(--snice-color-border,rgb(226 226 226))}.diff-gutter--marker{width:1.5rem;padding:0 var(--snice-spacing-2xs,.25rem);text-align:center;font-weight:var(--snice-font-weight-bold,700);border-right:1px solid var(--snice-color-border,rgb(226 226 226))}.diff-gutter--marker-add{color:var(--snice-color-success,rgb(22 163 74))}.diff-gutter--marker-del{color:var(--snice-color-danger,rgb(220 38 38))}.diff-code{padding:0 var(--snice-spacing-md,1rem);white-space:pre;overflow:hidden;text-overflow:ellipsis}.diff-word-add{background:var(--snice-diff-added-word-bg,rgb(187 247 208 / .7));border-radius:2px}.diff-word-del{background:var(--snice-diff-removed-word-bg,rgb(254 202 202 / .7));border-radius:2px}.diff-split{display:flex}.diff-split-pane{flex:1;overflow-x:auto;min-width:0}.diff-split-pane:first-child{border-right:1px solid var(--snice-color-border,rgb(226 226 226))}.diff-split-pane .diff-table{table-layout:fixed}.diff-hunk-separator{padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-md,1rem);background:var(--snice-color-background-element,rgb(252 251 249));color:var(--snice-color-text-tertiary,rgb(115 115 115));font-size:var(--snice-font-size-xs, .75rem);cursor:pointer;user-select:none;text-align:center;border-top:1px solid var(--snice-color-border,rgb(226 226 226));border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));transition:background-color var(--snice-transition-fast, 150ms) ease}.diff-hunk-separator:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.diff-content::-webkit-scrollbar{height:.5rem}.diff-content::-webkit-scrollbar-track{background:var(--snice-color-background-element,rgb(252 251 249))}.diff-content::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:9999px}";
+
+let SniceDiff = (() => {
+    let _classDecorators = [element('snice-diff')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _oldText_decorators;
+    let _oldText_initializers = [];
+    let _oldText_extraInitializers = [];
+    let _newText_decorators;
+    let _newText_initializers = [];
+    let _newText_extraInitializers = [];
+    let _language_decorators;
+    let _language_initializers = [];
+    let _language_extraInitializers = [];
+    let _mode_decorators;
+    let _mode_initializers = [];
+    let _mode_extraInitializers = [];
+    let _lineNumbers_decorators;
+    let _lineNumbers_initializers = [];
+    let _lineNumbers_extraInitializers = [];
+    let _contextLines_decorators;
+    let _contextLines_initializers = [];
+    let _contextLines_extraInitializers = [];
+    let _markers_decorators;
+    let _markers_initializers = [];
+    let _markers_extraInitializers = [];
+    let _componentStyles_decorators;
+    let _handleOldTextChange_decorators;
+    let _handleNewTextChange_decorators;
+    let _handleContextChange_decorators;
+    let _renderDiff_decorators;
+    let _emitDiffComputed_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        constructor() {
+            super(...arguments);
+            this.oldText = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _oldText_initializers, ''));
+            this.newText = (__runInitializers(this, _oldText_extraInitializers), __runInitializers(this, _newText_initializers, ''));
+            this.language = (__runInitializers(this, _newText_extraInitializers), __runInitializers(this, _language_initializers, ''));
+            this.mode = (__runInitializers(this, _language_extraInitializers), __runInitializers(this, _mode_initializers, 'unified'));
+            this.lineNumbers = (__runInitializers(this, _mode_extraInitializers), __runInitializers(this, _lineNumbers_initializers, true));
+            this.contextLines = (__runInitializers(this, _lineNumbers_extraInitializers), __runInitializers(this, _contextLines_initializers, 3));
+            this.markers = (__runInitializers(this, _contextLines_extraInitializers), __runInitializers(this, _markers_initializers, true));
+            this.hunks = (__runInitializers(this, _markers_extraInitializers), []);
+            this.additions = 0;
+            this.deletions = 0;
+        }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _oldText_decorators = [property({ attribute: 'old-text' })];
+            _newText_decorators = [property({ attribute: 'new-text' })];
+            _language_decorators = [property()];
+            _mode_decorators = [property()];
+            _lineNumbers_decorators = [property({ type: Boolean, attribute: 'line-numbers' })];
+            _contextLines_decorators = [property({ type: Number, attribute: 'context-lines' })];
+            _markers_decorators = [property({ type: Boolean })];
+            _componentStyles_decorators = [styles()];
+            _handleOldTextChange_decorators = [watch('oldText')];
+            _handleNewTextChange_decorators = [watch('newText')];
+            _handleContextChange_decorators = [watch('contextLines')];
+            _renderDiff_decorators = [render()];
+            _emitDiffComputed_decorators = [dispatch('diff-computed', { bubbles: true, composed: true })];
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleOldTextChange_decorators, { kind: "method", name: "handleOldTextChange", static: false, private: false, access: { has: obj => "handleOldTextChange" in obj, get: obj => obj.handleOldTextChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleNewTextChange_decorators, { kind: "method", name: "handleNewTextChange", static: false, private: false, access: { has: obj => "handleNewTextChange" in obj, get: obj => obj.handleNewTextChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleContextChange_decorators, { kind: "method", name: "handleContextChange", static: false, private: false, access: { has: obj => "handleContextChange" in obj, get: obj => obj.handleContextChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _renderDiff_decorators, { kind: "method", name: "renderDiff", static: false, private: false, access: { has: obj => "renderDiff" in obj, get: obj => obj.renderDiff }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitDiffComputed_decorators, { kind: "method", name: "emitDiffComputed", static: false, private: false, access: { has: obj => "emitDiffComputed" in obj, get: obj => obj.emitDiffComputed }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _oldText_decorators, { kind: "field", name: "oldText", static: false, private: false, access: { has: obj => "oldText" in obj, get: obj => obj.oldText, set: (obj, value) => { obj.oldText = value; } }, metadata: _metadata }, _oldText_initializers, _oldText_extraInitializers);
+            __esDecorate(null, null, _newText_decorators, { kind: "field", name: "newText", static: false, private: false, access: { has: obj => "newText" in obj, get: obj => obj.newText, set: (obj, value) => { obj.newText = value; } }, metadata: _metadata }, _newText_initializers, _newText_extraInitializers);
+            __esDecorate(null, null, _language_decorators, { kind: "field", name: "language", static: false, private: false, access: { has: obj => "language" in obj, get: obj => obj.language, set: (obj, value) => { obj.language = value; } }, metadata: _metadata }, _language_initializers, _language_extraInitializers);
+            __esDecorate(null, null, _mode_decorators, { kind: "field", name: "mode", static: false, private: false, access: { has: obj => "mode" in obj, get: obj => obj.mode, set: (obj, value) => { obj.mode = value; } }, metadata: _metadata }, _mode_initializers, _mode_extraInitializers);
+            __esDecorate(null, null, _lineNumbers_decorators, { kind: "field", name: "lineNumbers", static: false, private: false, access: { has: obj => "lineNumbers" in obj, get: obj => obj.lineNumbers, set: (obj, value) => { obj.lineNumbers = value; } }, metadata: _metadata }, _lineNumbers_initializers, _lineNumbers_extraInitializers);
+            __esDecorate(null, null, _contextLines_decorators, { kind: "field", name: "contextLines", static: false, private: false, access: { has: obj => "contextLines" in obj, get: obj => obj.contextLines, set: (obj, value) => { obj.contextLines = value; } }, metadata: _metadata }, _contextLines_initializers, _contextLines_extraInitializers);
+            __esDecorate(null, null, _markers_decorators, { kind: "field", name: "markers", static: false, private: false, access: { has: obj => "markers" in obj, get: obj => obj.markers, set: (obj, value) => { obj.markers = value; } }, metadata: _metadata }, _markers_initializers, _markers_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        componentStyles() {
+            return css /*css*/ `${diffStyles}`;
+        }
+        handleOldTextChange() {
+            this.computeDiff();
+        }
+        handleNewTextChange() {
+            this.computeDiff();
+        }
+        handleContextChange() {
+            this.computeDiff();
+        }
+        renderDiff() {
+            const isSplit = this.mode === 'split';
+            const showLineNums = this.lineNumbers;
+            return html /*html*/ `
+      <div class="diff-container">
+        <div class="diff-header">
+          <span class="diff-stat-add">+${this.additions}</span>
+          <span class="diff-stat-del">-${this.deletions}</span>
+          <div class="diff-mode-toggle">
+            <button
+              class="diff-mode-btn ${!isSplit ? 'active' : ''}"
+              @click=${() => { this.mode = 'unified'; }}
+            >Unified</button>
+            <button
+              class="diff-mode-btn ${isSplit ? 'active' : ''}"
+              @click=${() => { this.mode = 'split'; }}
+            >Split</button>
+          </div>
+        </div>
+        <div class="diff-content">
+          <if ${isSplit}>
+            ${this.renderSplitView(showLineNums)}
+          </if>
+          <if ${!isSplit}>
+            ${this.renderUnifiedView(showLineNums)}
+          </if>
+        </div>
+      </div>
+    `;
+        }
+        renderUnifiedView(showLineNums) {
+            // Pre-build all rows to avoid nested .map() in template
+            const rows = [];
+            const showMarkers = this.markers;
+            for (let hunkIdx = 0; hunkIdx < this.hunks.length; hunkIdx++) {
+                const hunk = this.hunks[hunkIdx];
+                if (hunk.collapsed) {
+                    const count = hunk.lines.length;
+                    rows.push(html /*html*/ `
+          <tr>
+            <td colspan="4" class="diff-hunk-separator" @click=${() => this.toggleHunk(hunkIdx)}>
+              ... ${count} unchanged lines (click to expand)
+            </td>
+          </tr>
+        `);
+                    continue;
+                }
+                for (const line of hunk.lines) {
+                    const lineClass = `diff-line diff-line--${line.type}`;
+                    const marker = line.type === 'added' ? '+' : line.type === 'removed' ? '-' : ' ';
+                    const markerClass = line.type === 'added' ? 'diff-gutter--marker diff-gutter--marker-add'
+                        : line.type === 'removed' ? 'diff-gutter--marker diff-gutter--marker-del'
+                            : 'diff-gutter--marker';
+                    const oldNum = line.oldLine !== null ? line.oldLine : '';
+                    const newNum = line.newLine !== null ? line.newLine : '';
+                    const content = unsafeHTML(this.escapeHtml(line.content));
+                    const gutterCells = showLineNums
+                        ? html `<td class="diff-gutter">${oldNum}</td><td class="diff-gutter">${newNum}</td>`
+                        : '';
+                    const markerCell = showMarkers
+                        ? html `<td class="${markerClass}">${marker}</td>`
+                        : '';
+                    rows.push(html /*html*/ `
+          <tr class="${lineClass}">
+            ${gutterCells}
+            ${markerCell}
+            <td class="diff-code">${content}</td>
+          </tr>
+        `);
+                }
+            }
+            return html /*html*/ `<table class="diff-table">${rows}</table>`;
+        }
+        renderSplitView(showLineNums) {
+            const pairs = this.buildSplitPairs();
+            const showMarkers = this.markers;
+            // Pre-build rows for left (old) and right (new) panes
+            const leftRows = [];
+            const rightRows = [];
+            for (const pair of pairs) {
+                const old = pair.old;
+                const nw = pair.new;
+                // Left pane (old)
+                const leftClass = old ? `diff-line diff-line--${old.type === 'removed' ? 'removed' : 'unchanged'}` : 'diff-line';
+                const leftNum = old?.oldLine != null ? old.oldLine : '';
+                const leftContent = old ? unsafeHTML(this.escapeHtml(old.content)) : '';
+                const leftMarker = old ? (old.type === 'removed' ? '-' : ' ') : ' ';
+                const leftMarkerClass = old?.type === 'removed' ? 'diff-gutter--marker diff-gutter--marker-del' : 'diff-gutter--marker';
+                const leftGutter = showLineNums ? html `<td class="diff-gutter">${leftNum}</td>` : '';
+                const leftMarkerCell = showMarkers ? html `<td class="${leftMarkerClass}">${leftMarker}</td>` : '';
+                leftRows.push(html `<tr class="${leftClass}">${leftGutter}${leftMarkerCell}<td class="diff-code">${leftContent}</td></tr>`);
+                // Right pane (new)
+                const rightClass = nw ? `diff-line diff-line--${nw.type === 'added' ? 'added' : 'unchanged'}` : 'diff-line';
+                const rightNum = nw?.newLine != null ? nw.newLine : '';
+                const rightContent = nw ? unsafeHTML(this.escapeHtml(nw.content)) : '';
+                const rightMarker = nw ? (nw.type === 'added' ? '+' : ' ') : ' ';
+                const rightMarkerClass = nw?.type === 'added' ? 'diff-gutter--marker diff-gutter--marker-add' : 'diff-gutter--marker';
+                const rightGutter = showLineNums ? html `<td class="diff-gutter">${rightNum}</td>` : '';
+                const rightMarkerCell = showMarkers ? html `<td class="${rightMarkerClass}">${rightMarker}</td>` : '';
+                rightRows.push(html `<tr class="${rightClass}">${rightGutter}${rightMarkerCell}<td class="diff-code">${rightContent}</td></tr>`);
+            }
+            return html /*html*/ `
+      <div class="diff-split">
+        <div class="diff-split-pane">
+          <table class="diff-table">${leftRows}</table>
+        </div>
+        <div class="diff-split-pane">
+          <table class="diff-table">${rightRows}</table>
+        </div>
+      </div>
+    `;
+        }
+        buildSplitPairs() {
+            const pairs = [];
+            const allLines = this.hunks.flatMap(h => h.collapsed ? [] : h.lines);
+            let i = 0;
+            while (i < allLines.length) {
+                const line = allLines[i];
+                if (line.type === 'unchanged') {
+                    pairs.push({ old: line, new: line });
+                    i++;
+                }
+                else if (line.type === 'removed') {
+                    // Collect consecutive removed lines and pair with following added lines
+                    const removed = [];
+                    while (i < allLines.length && allLines[i].type === 'removed') {
+                        removed.push(allLines[i]);
+                        i++;
+                    }
+                    const added = [];
+                    while (i < allLines.length && allLines[i].type === 'added') {
+                        added.push(allLines[i]);
+                        i++;
+                    }
+                    const maxLen = Math.max(removed.length, added.length);
+                    for (let j = 0; j < maxLen; j++) {
+                        pairs.push({
+                            old: j < removed.length ? removed[j] : null,
+                            new: j < added.length ? added[j] : null,
+                        });
+                    }
+                }
+                else if (line.type === 'added') {
+                    pairs.push({ old: null, new: line });
+                    i++;
+                }
+            }
+            return pairs;
+        }
+        computeDiff() {
+            const oldLines = this.oldText.split('\n');
+            const newLines = this.newText.split('\n');
+            // Simple LCS-based diff
+            const diffLines = this.myersDiff(oldLines, newLines);
+            // Count additions/deletions
+            this.additions = diffLines.filter(l => l.type === 'added').length;
+            this.deletions = diffLines.filter(l => l.type === 'removed').length;
+            // Group into hunks with context
+            this.hunks = this.groupIntoHunks(diffLines);
+            this.emitDiffComputed();
+        }
+        myersDiff(oldLines, newLines) {
+            // Build simple LCS-based diff
+            const m = oldLines.length;
+            const n = newLines.length;
+            // Create LCS table
+            const dp = Array.from({ length: m + 1 }, () => Array(n + 1).fill(0));
+            for (let i = 1; i <= m; i++) {
+                for (let j = 1; j <= n; j++) {
+                    if (oldLines[i - 1] === newLines[j - 1]) {
+                        dp[i][j] = dp[i - 1][j - 1] + 1;
+                    }
+                    else {
+                        dp[i][j] = Math.max(dp[i - 1][j], dp[i][j - 1]);
+                    }
+                }
+            }
+            // Backtrack to find diff
+            const result = [];
+            let i = m;
+            let j = n;
+            const stack = [];
+            while (i > 0 || j > 0) {
+                if (i > 0 && j > 0 && oldLines[i - 1] === newLines[j - 1]) {
+                    stack.push({ type: 'unchanged', oldLine: i, newLine: j, content: oldLines[i - 1] });
+                    i--;
+                    j--;
+                }
+                else if (j > 0 && (i === 0 || dp[i][j - 1] >= dp[i - 1][j])) {
+                    stack.push({ type: 'added', oldLine: null, newLine: j, content: newLines[j - 1] });
+                    j--;
+                }
+                else {
+                    stack.push({ type: 'removed', oldLine: i, newLine: null, content: oldLines[i - 1] });
+                    i--;
+                }
+            }
+            // Reverse since we built it backwards
+            while (stack.length > 0) {
+                result.push(stack.pop());
+            }
+            return result;
+        }
+        groupIntoHunks(lines) {
+            const ctx = this.contextLines;
+            const hunks = [];
+            // Find changed line indices
+            const changedIndices = new Set();
+            lines.forEach((line, i) => {
+                if (line.type !== 'unchanged') {
+                    for (let k = Math.max(0, i - ctx); k <= Math.min(lines.length - 1, i + ctx); k++) {
+                        changedIndices.add(k);
+                    }
+                }
+            });
+            // If no changes, return single collapsed hunk
+            if (changedIndices.size === 0 && lines.length > 0) {
+                return [{ lines, collapsed: true }];
+            }
+            let currentHunk = [];
+            let currentCollapsed = [];
+            for (let i = 0; i < lines.length; i++) {
+                if (changedIndices.has(i)) {
+                    // Flush collapsed section
+                    if (currentCollapsed.length > 0) {
+                        if (currentCollapsed.length > 2 * ctx) {
+                            hunks.push({ lines: currentCollapsed, collapsed: true });
+                        }
+                        else {
+                            currentHunk.push(...currentCollapsed);
+                        }
+                        currentCollapsed = [];
+                    }
+                    currentHunk.push(lines[i]);
+                }
+                else {
+                    if (currentHunk.length > 0) {
+                        hunks.push({ lines: currentHunk, collapsed: false });
+                        currentHunk = [];
+                    }
+                    currentCollapsed.push(lines[i]);
+                }
+            }
+            // Flush remaining
+            if (currentHunk.length > 0) {
+                hunks.push({ lines: currentHunk, collapsed: false });
+            }
+            if (currentCollapsed.length > 0) {
+                hunks.push({ lines: currentCollapsed, collapsed: true });
+            }
+            return hunks;
+        }
+        toggleHunk(index) {
+            if (index >= 0 && index < this.hunks.length) {
+                this.hunks[index].collapsed = !this.hunks[index].collapsed;
+                // Force re-render
+                this.hunks = [...this.hunks];
+            }
+        }
+        escapeHtml(text) {
+            return text
+                .replace(/&/g, '&amp;')
+                .replace(/</g, '&lt;')
+                .replace(/>/g, '&gt;')
+                .replace(/"/g, '&quot;');
+        }
+        emitDiffComputed() {
+            return { hunks: this.hunks, additions: this.additions, deletions: this.deletions };
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceDiff };
+//# sourceMappingURL=snice-diff.js.map

package/dist/components/diff/snice-diff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-diff.js","sources":["../../../components/diff/snice-diff.css?inline","../../../../components/diff/snice-diff.ts"],"sourcesContent":["export default \":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;--snice-diff-added-bg:rgb(220 252 231 / 0.5);--snice-diff-removed-bg:rgb(254 226 226 / 0.5);--snice-diff-added-word-bg:rgb(187 247 208 / 0.7);--snice-diff-removed-word-bg:rgb(254 202 202 / 0.7)}:host-context([data-theme=dark]){--snice-diff-added-bg:rgb(22 163 74 / 0.15);--snice-diff-removed-bg:rgb(220 38 38 / 0.15);--snice-diff-added-word-bg:rgb(22 163 74 / 0.3);--snice-diff-removed-word-bg:rgb(220 38 38 / 0.3)}@media (prefers-color-scheme:dark){:host{--snice-diff-added-bg:rgb(22 163 74 / 0.15);--snice-diff-removed-bg:rgb(220 38 38 / 0.15);--snice-diff-added-word-bg:rgb(22 163 74 / 0.3);--snice-diff-removed-word-bg:rgb(220 38 38 / 0.3)}}.diff-container{background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);overflow:hidden}.diff-header{display:flex;align-items:center;gap:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));background:var(--snice-color-background-element,rgb(252 251 249));font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.diff-stat-add{color:var(--snice-color-success,rgb(22 163 74));font-weight:var(--snice-font-weight-semibold,600)}.diff-stat-del{color:var(--snice-color-danger,rgb(220 38 38));font-weight:var(--snice-font-weight-semibold,600)}.diff-mode-toggle{margin-left:auto;display:flex;gap:0}.diff-mode-btn{background:0 0;border:1px solid var(--snice-color-border,rgb(226 226 226));cursor:pointer;padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82));transition:background-color var(--snice-transition-fast, 150ms) ease}.diff-mode-btn:first-child{border-radius:var(--snice-border-radius-md,.25rem) 0 0 var(--snice-border-radius-md,.25rem)}.diff-mode-btn:last-child{border-radius:0 var(--snice-border-radius-md,.25rem) var(--snice-border-radius-md,.25rem) 0;border-left:none}.diff-mode-btn.active{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));border-color:var(--snice-color-primary,rgb(37 99 235))}.diff-content{overflow-x:auto;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:var(--snice-font-size-sm, .875rem);line-height:1.4}.diff-table{width:100%;border-collapse:collapse;table-layout:fixed}.diff-line{border:none}.diff-line--added{background:var(--snice-diff-added-bg,rgb(220 252 231 / .5))}.diff-line--removed{background:var(--snice-diff-removed-bg,rgb(254 226 226 / .5))}.diff-line--unchanged{background:0 0}.diff-gutter{width:3.5rem;padding:0 var(--snice-spacing-xs,.5rem);text-align:right;color:var(--snice-color-text-tertiary,rgb(115 115 115));font-size:var(--snice-font-size-xs, .75rem);font-variant-numeric:tabular-nums;user-select:none;vertical-align:top;border-right:1px solid var(--snice-color-border,rgb(226 226 226))}.diff-gutter--marker{width:1.5rem;padding:0 var(--snice-spacing-2xs,.25rem);text-align:center;font-weight:var(--snice-font-weight-bold,700);border-right:1px solid var(--snice-color-border,rgb(226 226 226))}.diff-gutter--marker-add{color:var(--snice-color-success,rgb(22 163 74))}.diff-gutter--marker-del{color:var(--snice-color-danger,rgb(220 38 38))}.diff-code{padding:0 var(--snice-spacing-md,1rem);white-space:pre;overflow:hidden;text-overflow:ellipsis}.diff-word-add{background:var(--snice-diff-added-word-bg,rgb(187 247 208 / .7));border-radius:2px}.diff-word-del{background:var(--snice-diff-removed-word-bg,rgb(254 202 202 / .7));border-radius:2px}.diff-split{display:flex}.diff-split-pane{flex:1;overflow-x:auto;min-width:0}.diff-split-pane:first-child{border-right:1px solid var(--snice-color-border,rgb(226 226 226))}.diff-split-pane .diff-table{table-layout:fixed}.diff-hunk-separator{padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-md,1rem);background:var(--snice-color-background-element,rgb(252 251 249));color:var(--snice-color-text-tertiary,rgb(115 115 115));font-size:var(--snice-font-size-xs, .75rem);cursor:pointer;user-select:none;text-align:center;border-top:1px solid var(--snice-color-border,rgb(226 226 226));border-bottom:1px solid var(--snice-color-border,rgb(226 226 226));transition:background-color var(--snice-transition-fast, 150ms) ease}.diff-hunk-separator:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.diff-content::-webkit-scrollbar{height:.5rem}.diff-content::-webkit-scrollbar-track{background:var(--snice-color-background-element,rgb(252 251 249))}.diff-content::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:9999px}\";",null],"names":[],"mappings":"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"}

package/dist/components/diff/snice-diff.types.d.ts

@@ -0,0 +1,26 @@
+export type DiffMode = 'split' | 'unified';
+export interface DiffLine {
+    type: 'added' | 'removed' | 'unchanged';
+    oldLine: number | null;
+    newLine: number | null;
+    content: string;
+}
+export interface DiffHunk {
+    lines: DiffLine[];
+    collapsed: boolean;
+}
+export interface SniceDiffElement extends HTMLElement {
+    oldText: string;
+    newText: string;
+    language: string;
+    mode: DiffMode;
+    lineNumbers: boolean;
+    contextLines: number;
+}
+export interface SniceDiffEventMap {
+    'diff-computed': CustomEvent<{
+        hunks: DiffHunk[];
+        additions: number;
+        deletions: number;
+    }>;
+}

package/dist/components/flip-card/snice-flip-card.d.ts

@@ -0,0 +1,15 @@
+import type { FlipDirection, FlipSide, SniceFlipCardElement } from './snice-flip-card.types';
+export declare class SniceFlipCard extends HTMLElement implements SniceFlipCardElement {
+    flipped: boolean;
+    clickToFlip: boolean;
+    direction: FlipDirection;
+    duration: number;
+    private emitFlipChange;
+    onDurationChange(_old: number, val: number): void;
+    flip(): void;
+    flipTo(side: FlipSide): void;
+    private handleClick;
+    private handleKeydown;
+    template(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
+}

package/dist/components/flip-card/snice-flip-card.js

@@ -0,0 +1,116 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, dispatch, watch, render, styles, html, css } from 'snice';
+
+var cssContent = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);perspective:1000px;--flip-duration:600ms}.flip-card{position:relative;width:100%;height:100%;transition:transform var(--flip-duration) ease-in-out;transform-style:preserve-3d}:host(:not([direction])) .flip-card,:host([direction=horizontal]) .flip-card{transform:rotateY(0)}:host(:not([direction])[flipped]) .flip-card,:host([direction=horizontal][flipped]) .flip-card{transform:rotateY(180deg)}:host([direction=vertical]) .flip-card{transform:rotateX(0)}:host([direction=vertical][flipped]) .flip-card{transform:rotateX(180deg)}:host([click-to-flip]) .flip-card{cursor:pointer}.back,.front{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.front{z-index:2}:host(:not([direction])) .back,:host([direction=horizontal]) .back{transform:rotateY(180deg)}:host([direction=vertical]) .back{transform:rotateX(180deg)}:host(:focus-visible){outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px);border-radius:var(--snice-border-radius-md,.25rem)}";
+
+let SniceFlipCard = (() => {
+    let _classDecorators = [element('snice-flip-card')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _flipped_decorators;
+    let _flipped_initializers = [];
+    let _flipped_extraInitializers = [];
+    let _clickToFlip_decorators;
+    let _clickToFlip_initializers = [];
+    let _clickToFlip_extraInitializers = [];
+    let _direction_decorators;
+    let _direction_initializers = [];
+    let _direction_extraInitializers = [];
+    let _duration_decorators;
+    let _duration_initializers = [];
+    let _duration_extraInitializers = [];
+    let _emitFlipChange_decorators;
+    let _onDurationChange_decorators;
+    let _template_decorators;
+    let _componentStyles_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _flipped_decorators = [property({ type: Boolean })];
+            _clickToFlip_decorators = [property({ type: Boolean, attribute: 'click-to-flip' })];
+            _direction_decorators = [property()];
+            _duration_decorators = [property({ type: Number })];
+            _emitFlipChange_decorators = [dispatch('flip-change', { bubbles: true, composed: true })];
+            _onDurationChange_decorators = [watch('duration')];
+            _template_decorators = [render()];
+            _componentStyles_decorators = [styles()];
+            __esDecorate(this, null, _emitFlipChange_decorators, { kind: "method", name: "emitFlipChange", static: false, private: false, access: { has: obj => "emitFlipChange" in obj, get: obj => obj.emitFlipChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _onDurationChange_decorators, { kind: "method", name: "onDurationChange", static: false, private: false, access: { has: obj => "onDurationChange" in obj, get: obj => obj.onDurationChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _template_decorators, { kind: "method", name: "template", static: false, private: false, access: { has: obj => "template" in obj, get: obj => obj.template }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _flipped_decorators, { kind: "field", name: "flipped", static: false, private: false, access: { has: obj => "flipped" in obj, get: obj => obj.flipped, set: (obj, value) => { obj.flipped = value; } }, metadata: _metadata }, _flipped_initializers, _flipped_extraInitializers);
+            __esDecorate(null, null, _clickToFlip_decorators, { kind: "field", name: "clickToFlip", static: false, private: false, access: { has: obj => "clickToFlip" in obj, get: obj => obj.clickToFlip, set: (obj, value) => { obj.clickToFlip = value; } }, metadata: _metadata }, _clickToFlip_initializers, _clickToFlip_extraInitializers);
+            __esDecorate(null, null, _direction_decorators, { kind: "field", name: "direction", static: false, private: false, access: { has: obj => "direction" in obj, get: obj => obj.direction, set: (obj, value) => { obj.direction = value; } }, metadata: _metadata }, _direction_initializers, _direction_extraInitializers);
+            __esDecorate(null, null, _duration_decorators, { kind: "field", name: "duration", static: false, private: false, access: { has: obj => "duration" in obj, get: obj => obj.duration, set: (obj, value) => { obj.duration = value; } }, metadata: _metadata }, _duration_initializers, _duration_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        emitFlipChange() {
+            return { flipped: this.flipped, side: (this.flipped ? 'back' : 'front') };
+        }
+        onDurationChange(_old, val) {
+            this.style.setProperty('--flip-duration', `${val}ms`);
+        }
+        flip() {
+            this.flipped = !this.flipped;
+            this.emitFlipChange();
+        }
+        flipTo(side) {
+            const shouldFlip = side === 'back';
+            if (this.flipped !== shouldFlip) {
+                this.flipped = shouldFlip;
+                this.emitFlipChange();
+            }
+        }
+        handleClick() {
+            if (this.clickToFlip) {
+                this.flip();
+            }
+        }
+        handleKeydown(e) {
+            if (this.clickToFlip && (e.key === 'Enter' || e.key === ' ')) {
+                e.preventDefault();
+                this.flip();
+            }
+        }
+        template() {
+            const tabindex = this.clickToFlip ? '0' : '-1';
+            return html `
+      <div class="flip-card"
+           tabindex="${tabindex}"
+           role="button"
+           aria-label="${this.flipped ? 'Flip card, showing back' : 'Flip card, showing front'}"
+           @click=${this.handleClick}
+           @keydown=${this.handleKeydown}>
+        <div class="front">
+          <slot name="front"></slot>
+        </div>
+        <div class="back">
+          <slot name="back"></slot>
+        </div>
+      </div>
+    `;
+        }
+        componentStyles() {
+            return css `${cssContent}`;
+        }
+        constructor() {
+            super(...arguments);
+            this.flipped = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _flipped_initializers, false));
+            this.clickToFlip = (__runInitializers(this, _flipped_extraInitializers), __runInitializers(this, _clickToFlip_initializers, true));
+            this.direction = (__runInitializers(this, _clickToFlip_extraInitializers), __runInitializers(this, _direction_initializers, 'horizontal'));
+            this.duration = (__runInitializers(this, _direction_extraInitializers), __runInitializers(this, _duration_initializers, 600));
+            __runInitializers(this, _duration_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceFlipCard };
+//# sourceMappingURL=snice-flip-card.js.map

package/dist/components/flip-card/snice-flip-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-flip-card.js","sources":["../../../components/flip-card/snice-flip-card.css?inline","../../../../components/flip-card/snice-flip-card.ts"],"sourcesContent":["export default \":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);perspective:1000px;--flip-duration:600ms}.flip-card{position:relative;width:100%;height:100%;transition:transform var(--flip-duration) ease-in-out;transform-style:preserve-3d}:host(:not([direction])) .flip-card,:host([direction=horizontal]) .flip-card{transform:rotateY(0)}:host(:not([direction])[flipped]) .flip-card,:host([direction=horizontal][flipped]) .flip-card{transform:rotateY(180deg)}:host([direction=vertical]) .flip-card{transform:rotateX(0)}:host([direction=vertical][flipped]) .flip-card{transform:rotateX(180deg)}:host([click-to-flip]) .flip-card{cursor:pointer}.back,.front{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.front{z-index:2}:host(:not([direction])) .back,:host([direction=horizontal]) .back{transform:rotateY(180deg)}:host([direction=vertical]) .back{transform:rotateX(180deg)}:host(:focus-visible){outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px);border-radius:var(--snice-border-radius-md,.25rem)}\";",null],"names":["cssTag"],"mappings":"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"}

package/dist/components/flip-card/snice-flip-card.types.d.ts

@@ -0,0 +1,16 @@
+export type FlipDirection = 'horizontal' | 'vertical';
+export type FlipSide = 'front' | 'back';
+export interface SniceFlipCardElement extends HTMLElement {
+    flipped: boolean;
+    clickToFlip: boolean;
+    direction: FlipDirection;
+    duration: number;
+    flip(): void;
+    flipTo(side: FlipSide): void;
+}
+export interface SniceFlipCardEventMap {
+    'flip-change': CustomEvent<{
+        flipped: boolean;
+        side: FlipSide;
+    }>;
+}