svelte-streamdown 1.0.9 → 2.0.0

package/dist/marked/marked-table.js

@@ -0,0 +1,495 @@
+// Default configuration options for the extended tables extension
+export const DEFAULT_OPTIONS = {
+    useTheadTbody: true,
+    useTfoot: false,
+    detectFooter: true,
+    maxColspan: null,
+    handleComplexSpans: true
+};
+// Creates an HTML table cell with appropriate attributes
+export const getTableCell = (text, cell, type, align) => {
+    if (!cell.rowspan)
+        return '';
+    const tag = `<${type}` +
+        `${cell.colspan > 1 ? ` colspan=${cell.colspan}` : ''}` +
+        `${cell.rowspan > 1 ? ` rowspan=${cell.rowspan}` : ''}` +
+        `${align ? ` align=${align}` : ''}>`;
+    return `${tag + text}</${type}>\n`;
+};
+function splitRow(src) {
+    const out = [];
+    let buf = '';
+    let esc = false;
+    let inCode = false;
+    let fence = 0;
+    for (let i = 0; i < src.length; i++) {
+        const ch = src[i];
+        if (esc) {
+            buf += ch;
+            esc = false;
+            continue;
+        }
+        if (ch === '\\') {
+            esc = true;
+            buf += ch;
+            continue;
+        }
+        if (ch === '`') {
+            // count backticks
+            let run = 1;
+            while (i + run < src.length && src[i + run] === '`')
+                run++;
+            if (!inCode) {
+                inCode = true;
+                fence = run;
+            }
+            else if (run >= fence) {
+                inCode = false;
+                fence = 0;
+            }
+            buf += src.slice(i, i + run);
+            i += run - 1;
+            continue;
+        }
+        if (ch === '|' && !inCode) {
+            out.push(buf.trim());
+            buf = '';
+            continue;
+        }
+        buf += ch;
+    }
+    out.push(buf.trim());
+    return out;
+}
+// Splits a table row into cells and processes row/column spans
+export const splitCells = (tableRow, count, prevRow = null, maxColspan = null) => {
+    // Split by pipe, but handle escaped pipes and empty cells
+    const cells = splitRow(tableRow);
+    // Remove first/last cell if it's empty (from leading/trailing pipes)
+    if (cells.length > 0 && !cells[0])
+        cells.shift();
+    if (cells.length > 0 && !cells[cells.length - 1])
+        cells.pop();
+    return processSpans(cells, count, prevRow || [], maxColspan);
+};
+// Process row and column spans in table cells
+const processSpans = (cells, count, prevRow = [], maxColspan = null) => {
+    let numCols = 0;
+    let i, j, trimmedCell, prevCell;
+    const processedCells = [];
+    // Track colspan cells that need rowspan
+    const colspanCells = new Map();
+    // First pass: Process each cell's colspan and merge consecutive empty cells
+    let cellIndex = 0;
+    const mergedIndices = new Set();
+    for (i = 0; i < cells.length; i++) {
+        // Skip cells that were merged into previous colspans
+        if (mergedIndices.has(i))
+            continue;
+        trimmedCell = cells[i];
+        // Count consecutive empty cells for colspan
+        let colspan = 1;
+        if (!trimmedCell.trim()) {
+            // Count how many consecutive empty cells we have
+            let j = i + 1;
+            while (j < cells.length && !cells[j].trim()) {
+                colspan++;
+                mergedIndices.add(j); // Mark as merged
+                j++;
+            }
+        }
+        // Apply maxColspan limit if specified
+        if (maxColspan !== null && colspan > maxColspan)
+            colspan = maxColspan;
+        processedCells[cellIndex] = {
+            rowspan: 1,
+            colspan: colspan,
+            text: trimmedCell.trim().replace(/\\\|/g, '|'),
+            position: numCols // Store original column position for better tracking
+        };
+        numCols += processedCells[cellIndex].colspan;
+        cellIndex++;
+    }
+    // Second pass: Process rowspan by matching cells by position
+    for (i = 0; i < processedCells.length; i++) {
+        const cell = processedCells[i];
+        let cellText = cell.text;
+        // Handle Rowspan - cells ending with ^
+        if (cellText.slice(-1) === '^' && prevRow.length > 0) {
+            // Clean the ^ indicator from the cell text
+            cell.text = cellText.slice(0, -1).trim();
+            cellText = cell.text;
+            let targetFound = false;
+            const startPosition = cell.position || 0;
+            const endPosition = startPosition + cell.colspan - 1;
+            // Try to find a matching cell or combination of cells in previous row
+            for (j = 0; j < prevRow.length; j++) {
+                prevCell = prevRow[j];
+                const prevStartPosition = prevCell.position || 0;
+                const prevEndPosition = prevStartPosition + prevCell.colspan - 1;
+                // Check for position overlap between cells
+                if ((startPosition >= prevStartPosition && startPosition <= prevEndPosition) ||
+                    (endPosition >= prevStartPosition && endPosition <= prevEndPosition) ||
+                    (prevStartPosition >= startPosition && prevEndPosition <= endPosition)) {
+                    // Complex case: Handle rowspan for colspan cells
+                    if (cell.colspan > 1 && prevCell.colspan > 1) {
+                        // If the cell spans exactly match, simple case
+                        if (cell.colspan === prevCell.colspan && cell.position === prevCell.position) {
+                            cell.rowSpanTarget = prevCell.rowSpanTarget ?? prevCell;
+                            // Only append text if it's different from the target cell
+                            const textToAppend = cell.text.slice(0, -1).trim();
+                            const targetText = cell.rowSpanTarget.text.trim();
+                            // Don't append if the text is the same or already contained (common case for rowspan indicators)
+                            if (textToAppend &&
+                                textToAppend !== targetText &&
+                                !targetText.includes(textToAppend)) {
+                                cell.rowSpanTarget.text = targetText + (targetText ? ' ' : '') + textToAppend;
+                            }
+                            cell.rowSpanTarget.rowspan += 1;
+                            cell.rowspan = 0;
+                            targetFound = true;
+                            break;
+                        }
+                        else {
+                            // More complex case: Track colspan cells that need rowspan for next row
+                            const key = `${cell.position}-${cell.colspan}`;
+                            colspanCells.set(key, {
+                                original: prevCell,
+                                newCell: cell
+                            });
+                            // Keep the cell visible for now, will be merged in rendering
+                        }
+                    }
+                    else {
+                        // Standard case of single column cell with rowspan
+                        cell.rowSpanTarget = prevCell.rowSpanTarget ?? prevCell;
+                        // Only append text if it's different from the target cell
+                        const textToAppend = cell.text.slice(0, -1).trim();
+                        const targetText = cell.rowSpanTarget.text.trim();
+                        // Don't append if the text is the same or already contained (common case for rowspan indicators)
+                        if (textToAppend && textToAppend !== targetText && !targetText.includes(textToAppend)) {
+                            cell.rowSpanTarget.text = targetText + (targetText ? ' ' : '') + textToAppend;
+                        }
+                        cell.rowSpanTarget.rowspan += 1;
+                        cell.rowspan = 0;
+                        targetFound = true;
+                        break;
+                    }
+                }
+            }
+            // If no target was found but it's a rowspan cell, clean the ^ indicator
+            if (!targetFound && cell.rowspan > 0) {
+                cell.text = cell.text.slice(0, -1);
+            }
+        }
+    }
+    // Process any complex colspan+rowspan combinations we tracked
+    colspanCells.forEach((spanData) => {
+        const { original, newCell } = spanData;
+        if (original && newCell) {
+            // Here we could apply more sophisticated merging logic
+            // For now, just mark that these cells have a relationship
+            newCell.complexRowSpan = true;
+            newCell.relatedCell = original;
+        }
+    });
+    // Normalize column count
+    return normalizeColumnCount(processedCells, count, numCols);
+};
+// Ensures the row has the correct number of columns
+const normalizeColumnCount = (cells, count, numCols) => {
+    // If count is null, don't normalize
+    if (count === null)
+        return cells;
+    if (numCols > count) {
+        // We need to keep track of total column count
+        let currentColCount = 0;
+        const cellsToKeep = [];
+        for (const cell of cells) {
+            if (currentColCount + cell.colspan <= count) {
+                // This cell fits completely
+                cellsToKeep.push(cell);
+                currentColCount += cell.colspan;
+            }
+            else if (currentColCount < count) {
+                // This cell partially fits - adjust its colspan
+                const adjustedCell = { ...cell };
+                adjustedCell.colspan = count - currentColCount;
+                cellsToKeep.push(adjustedCell);
+                currentColCount = count;
+            }
+            else {
+                // This cell doesn't fit at all
+                break;
+            }
+        }
+        return cellsToKeep;
+    }
+    else {
+        while (numCols < count) {
+            cells.push({
+                colspan: 1,
+                rowspan: 1,
+                text: '',
+                position: numCols
+            });
+            numCols += 1;
+        }
+    }
+    return cells;
+};
+// Process alignment indicators in table headers
+function processAlignment(alignRow) {
+    const alignment = [];
+    for (let i = 0; i < alignRow.length; i++) {
+        if (/^ *-+: *$/.test(alignRow[i])) {
+            alignment[i] = 'right';
+        }
+        else if (/^ *:-+: *$/.test(alignRow[i])) {
+            alignment[i] = 'center';
+        }
+        else if (/^ *:-+ *$/.test(alignRow[i])) {
+            alignment[i] = 'left';
+        }
+        else {
+            alignment[i] = null;
+        }
+    }
+    return alignment;
+}
+// Convert working cell to TH
+function workingCellToTH(cell, align) {
+    return {
+        type: 'th',
+        rowspan: cell.rowspan,
+        colspan: cell.colspan,
+        text: cell.text,
+        position: cell.position,
+        tokens: cell.tokens,
+        rowSpanTarget: cell.rowSpanTarget,
+        complexRowSpan: cell.complexRowSpan,
+        relatedCell: cell.relatedCell,
+        align
+    };
+}
+// Convert working cell to TD
+function workingCellToTD(cell, align) {
+    return {
+        type: 'td',
+        rowspan: cell.rowspan,
+        colspan: cell.colspan,
+        text: cell.text,
+        position: cell.position,
+        tokens: cell.tokens,
+        rowSpanTarget: cell.rowSpanTarget,
+        complexRowSpan: cell.complexRowSpan,
+        relatedCell: cell.relatedCell,
+        align
+    };
+}
+// Process table rows and add inline tokens to cells
+function processRows(headerRows, bodyRows, alignment, colCount, lexer, maxColspan, detectFooter) {
+    const tokens = [];
+    // Process header rows
+    const processedHeaderRows = [];
+    for (let i = 0; i < headerRows.length; i++) {
+        const prevRow = i > 0 ? processedHeaderRows[i - 1] : null;
+        processedHeaderRows[i] = splitCells(headerRows[i], colCount, prevRow, maxColspan);
+    }
+    // Convert header rows to THead (only if we have header rows)
+    if (processedHeaderRows.length > 0) {
+        const theadRows = processedHeaderRows.map((row) => ({
+            type: 'tr',
+            tokens: row.map((cell) => {
+                // Use the cell's position to get the correct alignment
+                const cellAlignment = cell.position !== undefined ? alignment[cell.position] : null;
+                const th = workingCellToTH(cell, cellAlignment);
+                // Add inline tokens
+                th.tokens = lexer.inline(th.text, th.tokens);
+                return th;
+            })
+        }));
+        tokens.push({
+            type: 'thead',
+            tokens: theadRows
+        });
+    }
+    // Process body rows
+    if (bodyRows.length > 0) {
+        const processedBodyRows = [];
+        for (let i = 0; i < bodyRows.length; i++) {
+            const prevRow = i > 0 ? processedBodyRows[i - 1] : processedHeaderRows[processedHeaderRows.length - 1];
+            processedBodyRows[i] = splitCells(bodyRows[i], colCount, prevRow, maxColspan);
+        }
+        // Handle footer detection
+        let tbodyRows = processedBodyRows;
+        let tfootRows = [];
+        if (detectFooter && processedBodyRows.length > 0) {
+            const lastRowIndex = processedBodyRows.length - 1;
+            tfootRows = [processedBodyRows[lastRowIndex]];
+            tbodyRows = processedBodyRows.slice(0, lastRowIndex);
+        }
+        // Convert body rows to TBody if there are any
+        if (tbodyRows.length > 0) {
+            const tbodyRowTokens = tbodyRows.map((row) => ({
+                type: 'tr',
+                tokens: row.map((cell) => {
+                    // Use the cell's position to get the correct alignment
+                    const cellAlignment = cell.position !== undefined ? alignment[cell.position] : null;
+                    const td = workingCellToTD(cell, cellAlignment);
+                    // Add inline tokens
+                    td.tokens = lexer.inline(td.text, td.tokens);
+                    return td;
+                })
+            }));
+            tokens.push({
+                type: 'tbody',
+                tokens: tbodyRowTokens
+            });
+        }
+        // Convert footer rows to TFoot if there are any
+        if (tfootRows.length > 0) {
+            const tfootRowTokens = tfootRows.map((row) => ({
+                type: 'tr',
+                tokens: row.map((cell) => {
+                    // Use the cell's position to get the correct alignment
+                    const cellAlignment = cell.position !== undefined ? alignment[cell.position] : null;
+                    const td = workingCellToTD(cell, cellAlignment);
+                    // Add inline tokens
+                    td.tokens = lexer.inline(td.text, td.tokens);
+                    return td;
+                })
+            }));
+            tokens.push({
+                type: 'tfoot',
+                tokens: tfootRowTokens
+            });
+        }
+    }
+    return tokens;
+}
+// Adds support for extended tables in marked with row spanning, column spanning,
+// multi-row headers, and column alignment
+export function markedTable(options = {}) {
+    const config = { ...DEFAULT_OPTIONS, ...options };
+    const { detectFooter, maxColspan } = config;
+    return {
+        extensions: [
+            {
+                name: 'table',
+                level: 'block',
+                start(src) {
+                    // Check for table with potential header alignment
+                    let match = src.match(/^\n *([^\n ].*\|.*)\n/);
+                    if (match)
+                        return match.index;
+                    // Check for simple table without header alignment
+                    match = src.match(/^\n *(\|.*\|)\n/);
+                    if (match)
+                        return match.index;
+                    return undefined;
+                },
+                tokenizer(src) {
+                    // Try to match table with header and alignment first
+                    let regex = new RegExp('^' +
+                        '([^\\n ].*\\|.*\\n(?: *[^\\s].*\\n)*?)' + // Header
+                        ' {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?' + // Header Align
+                        '(?:\\n((?:(?! *\\n| {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})' + // Body Cells
+                        '(?:\\n+|$)| {0,3}#{1,6} | {0,3}>| {4}[^\\n]| {0,3}(?:`{3,}' +
+                        '(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n| {0,3}(?:[*+-]|1[.)]) |' +
+                        '<\\/?(?:address|article|aside|base|basefont|blockquote|body|' +
+                        'caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul)(?: +|\\n|\\/?>)|<(?:script|pre|style|textarea|!--)).*(?:\\n|$))*)\\n*|$)');
+                    let cap = regex.exec(src);
+                    let hasHeaderAlignment = true;
+                    // If no match with header alignment, try table without header alignment
+                    if (!cap) {
+                        // Simple regex for tables without header alignment
+                        regex = /^(\|.*\|(?:\n\|.*\|)*)/;
+                        cap = regex.exec(src);
+                        hasHeaderAlignment = false;
+                    }
+                    if (!cap)
+                        return null;
+                    // Combine all captured groups to get complete table rows
+                    let allTableContent = cap[1]; // Headers
+                    if (cap[2])
+                        allTableContent += '\n' + cap[2]; // Alignment row
+                    if (cap[3])
+                        allTableContent += '\n' + cap[3]; // Body rows
+                    const allRows = allTableContent.replace(/\n$/, '').split('\n');
+                    let headerRows = [];
+                    let bodyRows = [];
+                    let alignRow = [];
+                    let alignment = [];
+                    let colCount = 0;
+                    if (hasHeaderAlignment) {
+                        // Traditional table with header and alignment
+                        // Parse all rows and identify which are headers vs body
+                        let headerEndIndex = -1;
+                        // Find the FIRST alignment row (contains dashes/underscores/asterisks)
+                        for (let i = 0; i < allRows.length; i++) {
+                            const row = allRows[i].trim();
+                            const isAlignment = /^ *(\| *)?:?-+:? *(\| *:?-+:? *)*(\| *)?$/.test(row);
+                            // Check if this row matches alignment pattern (contains only |, spaces, and alignment chars)
+                            if (isAlignment) {
+                                headerEndIndex = i;
+                                alignRow = row.replace(/^ *\| *| *\| *$/g, '').split(/ *\| */);
+                                break; // Stop at the first alignment row
+                            }
+                        }
+                        if (headerEndIndex === -1) {
+                            // No alignment row found, treat as simple table
+                            bodyRows = allRows;
+                            colCount = bodyRows[0].split('|').filter((cell) => cell.trim() !== '').length;
+                            alignment = new Array(colCount).fill(null);
+                        }
+                        else {
+                            // Found alignment row, split headers and body
+                            // Filter out empty rows and the alignment row itself from headers
+                            headerRows = allRows.slice(0, headerEndIndex).filter((row) => row.trim() !== '');
+                            bodyRows =
+                                headerEndIndex + 1 < allRows.length ? allRows.slice(headerEndIndex + 1) : [];
+                            // Use alignment row length as the authoritative column count
+                            colCount = alignRow.length;
+                            // Validate that we have a reasonable table structure
+                            if (colCount === 0)
+                                return null;
+                            // Process alignment
+                            alignment = processAlignment(alignRow);
+                        }
+                    }
+                    else {
+                        // Table without header alignment - treat all rows as body rows
+                        bodyRows = allRows;
+                        const firstRowCells = bodyRows[0].split('|').filter((cell) => cell.trim() !== '');
+                        colCount = firstRowCells.length;
+                        alignment = new Array(colCount).fill(null); // No alignment for tables without headers
+                    }
+                    // Detect footer alignment row pattern in body rows (only for tables with header alignment)
+                    let shouldDetectFooter = false;
+                    let processedBodyRows = bodyRows;
+                    if (detectFooter && hasHeaderAlignment && bodyRows.length > 0) {
+                        // Check if any row matches the alignment pattern (contains only dashes, pipes, colons, and spaces)
+                        for (let i = bodyRows.length - 1; i >= 0; i--) {
+                            const row = bodyRows[i];
+                            if (/^ *\| *:?-+:? *(\| *:?-+:? *)*\| *$/.test(row)) {
+                                // Found footer alignment row - remove it and enable footer detection
+                                shouldDetectFooter = true;
+                                processedBodyRows = bodyRows.slice(0, i).concat(bodyRows.slice(i + 1));
+                                break;
+                            }
+                        }
+                    }
+                    // Process all rows and create table sections
+                    const tokens = processRows(headerRows, processedBodyRows, alignment, colCount, this.lexer, maxColspan, shouldDetectFooter);
+                    const item = {
+                        type: 'table',
+                        tokens,
+                        raw: cap[0]
+                    };
+                    return item;
+                }
+            }
+        ]
+    };
+}

package/dist/theme.d.ts

@@ -70,10 +70,16 @@ export declare const theme: {
         base: string;
         table: string;
     };
-    tableRow: {
+    thead: {
         base: string;
     };
-    tableHead: {
+    tbody: {
+        base: string;
+    };
+    tfoot: {
+        base: string;
+    };
+    tr: {
         base: string;
     };
     td: {
@@ -191,10 +197,16 @@ export declare const shadcnTheme: {
         base: string;
         table: string;
     };
-    tableRow: {
+    thead: {
+        base: string;
+    };
+    tbody: {
         base: string;
     };
-    tableHead: {
+    tfoot: {
+        base: string;
+    };
+    tr: {
         base: string;
     };
     td: {
@@ -313,10 +325,16 @@ export declare const mergeTheme: (customTheme?: Partial<Theme>, baseTheme?: "tai
         base: string;
         table: string;
     };
-    tableRow: {
+    thead: {
+        base: string;
+    };
+    tbody: {
+        base: string;
+    };
+    tfoot: {
         base: string;
     };
-    tableHead: {
+    tr: {
         base: string;
     };
     td: {

package/dist/theme.js

@@ -71,17 +71,23 @@ export const theme = {
         base: 'overflow-x-auto max-w-full my-4 border border-gray-200 rounded-lg',
         table: 'w-full border-collapse min-w-full'
     },
-    tableRow: {
-        base: 'border-gray-200 border-b hover:bg-gray-100/50 transition-colors'
-    },
-    tableHead: {
+    thead: {
         base: 'bg-gray-200/80'
     },
+    tbody: {
+        base: ''
+    },
+    tfoot: {
+        base: 'bg-gray-100/50 border-t border-gray-300'
+    },
+    tr: {
+        base: 'border-gray-200 border-b hover:bg-gray-100/50 transition-colors'
+    },
     td: {
         base: 'px-4 py-3 text-sm min-w-[200px] max-w-[400px] break-words'
     },
     th: {
-        base: 'text-left px-4 py-3 text-sm text-foreground min-w-[200px] max-w-[400px] break-words'
+        base: 'px-4 py-3 text-sm text-foreground min-w-[200px] max-w-[400px] break-words'
     },
     sup: {
         base: 'text-sm'
@@ -192,17 +198,23 @@ export const shadcnTheme = {
         base: 'overflow-x-auto max-w-full my-4 rounded-lg border border-border',
         table: 'w-full border-collapse min-w-full'
     },
-    tableRow: {
-        base: 'border-border border-b hover:bg-muted/50 transition-colors'
-    },
-    tableHead: {
+    thead: {
         base: 'bg-muted/80'
     },
+    tbody: {
+        base: ''
+    },
+    tfoot: {
+        base: 'bg-muted/50 border-t border-border'
+    },
+    tr: {
+        base: 'border-border border-b hover:bg-muted/50 transition-colors'
+    },
     td: {
         base: 'px-4 py-3 text-sm text-foreground min-w-[200px] max-w-[400px] break-words'
     },
     th: {
-        base: 'text-left px-4 py-3 text-sm text-foreground min-w-[200px] max-w-[400px] break-words'
+        base: 'px-4 py-3 text-sm text-foreground min-w-[200px] max-w-[400px] break-words'
     },
     sup: {
         base: 'text-sm'

package/dist/utils/panzoom.svelte.d.ts

@@ -8,29 +8,28 @@ export interface PanzoomOptions {
     initialY?: number;
     activateMouseWheel?: boolean;
 }
-export interface PanzoomInstance {
-    attach: (node: HTMLElement | SVGSVGElement) => () => void;
+export interface ExpandOptions {
+    padding?: number;
+    duration?: number;
+    easing?: string;
+    zIndex?: number;
+    fitRatio?: number;
+}
+export declare const usePanzoom: (opts?: PanzoomOptions) => {
+    attach: (target: HTMLElement | SVGSVGElement) => () => void;
     zoomToFit: (padding?: number) => void;
     zoomBy: (factor: number) => void;
     zoomIn: (factor?: number) => void;
     zoomOut: (factor?: number) => void;
     moveBy: (dx: number, dy: number) => void;
-    setTransform: (x: number, y: number, scale: number) => void;
+    setTransform: (nx: number, ny: number, ns: number) => void;
     expand: () => void;
     collapse: () => void;
-    toggleExpand: (options?: ExpandOptions | number) => Promise<void>;
+    toggleExpand: () => Promise<void>;
+    readonly transform: {
+        readonly x: number;
+        readonly y: number;
+        readonly scale: number;
+    };
     readonly expanded: boolean;
-    readonly transform: Readonly<{
-        x: number;
-        y: number;
-        scale: number;
-    }>;
-}
-export interface ExpandOptions {
-    padding?: number;
-    duration?: number;
-    easing?: string;
-    zIndex?: number;
-    fitRatio?: number;
-}
-export declare const usePanzoom: (opts?: PanzoomOptions) => PanzoomInstance;
+};

package/dist/utils/panzoom.svelte.js

@@ -429,7 +429,6 @@ export const usePanzoom = (opts = {}) => {
         apply();
     }
     function zoomBy(factor) {
-        console.log('zoomBy', factor);
         if (!node)
             return;
         // Use zoomAt with the center of the container for consistent behavior
@@ -448,7 +447,6 @@ export const usePanzoom = (opts = {}) => {
         zoomBy(factor);
     }
     function zoomOut(factor = 1.25) {
-        console.log('zoomOut', factor);
         // zoom out by inverse multiplier
         if (factor <= 0)
             return;

package/dist/utils/useClickOutside.svelte.js

@@ -32,7 +32,6 @@ export const useClickOutside = (props) => {
                         if (listener && refs.size === 0) {
                             listener();
                             listener = null;
-                            console.log('clean up', listener);
                         }
                     };
                 }