@simplysm/angular 14.0.1 → 14.0.4

package/dist/ui/data/sheet/types.d.ts

@@ -0,0 +1,32 @@
+export interface ISdSheetColumnDef {
+    key: string;
+    header: string | string[];
+    width: string | undefined;
+    fixed: boolean;
+    hidden: boolean;
+    collapse: boolean;
+    disableSorting: boolean;
+    disableResizing: boolean;
+    ordering: number;
+}
+export interface ISdSheetHeaderDef {
+    text: string;
+    colspan: number;
+    rowspan: number;
+    isLastRow: boolean;
+    colDef: ISdSheetColumnDef | undefined;
+}
+export interface ISdSheetConfig {
+    columnRecord: Record<string, {
+        width?: string;
+        hidden?: boolean;
+        fixed?: boolean;
+        ordering?: number;
+    }>;
+}
+export interface ISdSheetItemKeydownEventParam<T> {
+    item: T;
+    key?: string;
+    event: KeyboardEvent;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/data/sheet/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\data\\sheet\\types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,iBAAiB,GAAG,SAAS,CAAC;CACvC;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAClB,MAAM,EACN;QACE,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CACF,CAAC;CACH;AAED,MAAM,WAAW,6BAA6B,CAAC,CAAC;IAC9C,IAAI,EAAE,CAAC,CAAC;IACR,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;CACtB"}

package/dist/ui/data/sheet/types.js

@@ -0,0 +1 @@
+export {};

package/dist/ui/data/sheet/useSheetCellAgent.d.ts

@@ -0,0 +1,21 @@
+import type { useSheetDomAccessor } from "./useSheetDomAccessor";
+export declare function useSheetCellAgent(options: {
+    domAccessor: ReturnType<typeof useSheetDomAccessor>;
+}): {
+    editModeCellAddr: import("@angular/core").WritableSignal<{
+        r: number;
+        c: number;
+    } | undefined>;
+    isCellEditMode: (addr: {
+        r: number;
+        c: number;
+    }) => boolean;
+    getCellAddr: (el: HTMLTableCellElement) => {
+        r: number;
+        c: number;
+    };
+    handleKeydownCapture: (event: KeyboardEvent) => Promise<void>;
+    handleCellDoubleClick: (event: MouseEvent) => void;
+    handleBlurCapture: (event: FocusEvent) => void;
+};
+//# sourceMappingURL=useSheetCellAgent.d.ts.map

package/dist/ui/data/sheet/useSheetCellAgent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetCellAgent.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\data\\sheet\\useSheetCellAgent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,wBAAgB,iBAAiB,CAAC,OAAO,EAAE;IACzC,WAAW,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACrD;;WACsC,MAAM;WAAK,MAAM;;2BAGxB;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAG,OAAO;sBAMvC,oBAAoB,KAAG;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;kCAwD7B,aAAa,KAAG,OAAO,CAAC,IAAI,CAAC;mCA4JlC,UAAU,KAAG,IAAI;+BAQrB,UAAU,KAAG,IAAI;EA+BpD"}

package/dist/ui/data/sheet/useSheetCellAgent.js

@@ -0,0 +1,245 @@
+import { signal } from "@angular/core";
+export function useSheetCellAgent(options) {
+    const editModeCellAddr = signal(undefined, ...(ngDevMode ? [{ debugName: "editModeCellAddr" }] : /* istanbul ignore next */ []));
+    let _isTransitioning = false;
+    function isCellEditMode(addr) {
+        const current = editModeCellAddr();
+        if (current == null)
+            return false;
+        return current.r === addr.r && current.c === addr.c;
+    }
+    function getCellAddr(el) {
+        const r = parseInt(el.getAttribute("data-r") ?? "-1", 10);
+        const c = parseInt(el.getAttribute("data-c") ?? "-1", 10);
+        return { r, c };
+    }
+    function _enterEditMode(r, c) {
+        const cell = options.domAccessor.getCell(r, c);
+        if (cell == null)
+            return;
+        editModeCellAddr.set({ r, c });
+        // Focus first focusable child after edit mode is set
+        queueMicrotask(() => {
+            const focusable = cell.findFirstFocusableChild();
+            if (focusable !== undefined) {
+                focusable.focus();
+            }
+        });
+    }
+    function _exitEditMode() {
+        editModeCellAddr.set(undefined);
+    }
+    function _getClosestDataCell(el) {
+        return el.closest("td[data-c]");
+    }
+    function _moveToCell(r, c, enterEdit) {
+        const cell = options.domAccessor.getCell(r, c);
+        if (cell == null)
+            return;
+        _isTransitioning = true;
+        _exitEditMode();
+        if (enterEdit) {
+            editModeCellAddr.set({ r, c });
+            queueMicrotask(() => {
+                _isTransitioning = false;
+                const targetCell = options.domAccessor.getCell(r, c);
+                if (targetCell == null)
+                    return;
+                const focusable = targetCell.findFirstFocusableChild();
+                if (focusable !== undefined) {
+                    focusable.focus();
+                }
+            });
+        }
+        else {
+            _isTransitioning = false;
+            cell.focus();
+        }
+    }
+    function _isMultiLineElement(el) {
+        return (el.tagName === "TEXTAREA" ||
+            el.isContentEditable === true);
+    }
+    async function handleKeydownCapture(event) {
+        const target = event.target;
+        // F2 to enter edit mode
+        if (event.key === "F2") {
+            const td = _getClosestDataCell(target);
+            if (td == null)
+                return;
+            const addr = getCellAddr(td);
+            if (!isCellEditMode(addr)) {
+                event.preventDefault();
+                _enterEditMode(addr.r, addr.c);
+                return;
+            }
+        }
+        // Escape to exit edit mode
+        if (event.key === "Escape") {
+            const currentAddr = editModeCellAddr();
+            if (currentAddr != null) {
+                event.preventDefault();
+                const cell = options.domAccessor.getCell(currentAddr.r, currentAddr.c);
+                _exitEditMode();
+                cell?.focus();
+                return;
+            }
+        }
+        // Enter handling
+        if (event.key === "Enter") {
+            const currentAddr = editModeCellAddr();
+            if (currentAddr != null) {
+                const isMultiLine = _isMultiLineElement(target);
+                if (isMultiLine) {
+                    // In multiline, only Ctrl+Alt+Enter moves to next row
+                    if (event.ctrlKey && event.altKey) {
+                        event.preventDefault();
+                        _moveToCell(currentAddr.r + 1, currentAddr.c, true);
+                        return;
+                    }
+                    // Otherwise, default behavior (newline)
+                    return;
+                }
+                // Normal input: Enter moves to next row
+                event.preventDefault();
+                _moveToCell(currentAddr.r + 1, currentAddr.c, true);
+                return;
+            }
+        }
+        // Arrow key handling (non-edit mode, on td)
+        if ((event.key === "ArrowDown" ||
+            event.key === "ArrowUp" ||
+            event.key === "ArrowLeft" ||
+            event.key === "ArrowRight") &&
+            editModeCellAddr() == null) {
+            const td = _getClosestDataCell(target);
+            if (td == null)
+                return;
+            if (td !== target)
+                return; // Only handle when td itself is focused
+            const addr = getCellAddr(td);
+            event.preventDefault();
+            switch (event.key) {
+                case "ArrowDown":
+                    _moveToCell(addr.r + 1, addr.c, false);
+                    break;
+                case "ArrowUp":
+                    _moveToCell(addr.r - 1, addr.c, false);
+                    break;
+                case "ArrowRight":
+                    _moveToCell(addr.r, addr.c + 1, false);
+                    break;
+                case "ArrowLeft":
+                    _moveToCell(addr.r, addr.c - 1, false);
+                    break;
+            }
+            return;
+        }
+        // Ctrl+Alt+Arrow in edit mode
+        if ((event.key === "ArrowDown" ||
+            event.key === "ArrowUp" ||
+            event.key === "ArrowLeft" ||
+            event.key === "ArrowRight") &&
+            event.ctrlKey &&
+            event.altKey) {
+            const currentAddr = editModeCellAddr();
+            if (currentAddr != null) {
+                event.preventDefault();
+                switch (event.key) {
+                    case "ArrowDown":
+                        _moveToCell(currentAddr.r + 1, currentAddr.c, true);
+                        break;
+                    case "ArrowUp":
+                        _moveToCell(currentAddr.r - 1, currentAddr.c, true);
+                        break;
+                    case "ArrowRight":
+                        _moveToCell(currentAddr.r, currentAddr.c + 1, true);
+                        break;
+                    case "ArrowLeft":
+                        _moveToCell(currentAddr.r, currentAddr.c - 1, true);
+                        break;
+                }
+                return;
+            }
+        }
+        // Ctrl+C (copy)
+        if (event.key === "c" && event.ctrlKey && !event.altKey && !event.shiftKey) {
+            const td = _getClosestDataCell(target);
+            if (td == null)
+                return;
+            if (td !== target)
+                return; // Only when td itself is focused
+            const selection = window.getSelection();
+            if (selection != null && selection.toString() !== "") {
+                // Text selected — let browser handle it
+                return;
+            }
+            event.preventDefault();
+            const text = td.textContent;
+            await navigator.clipboard.writeText(text);
+            return;
+        }
+        // Ctrl+V (paste)
+        if (event.key === "v" && event.ctrlKey && !event.altKey && !event.shiftKey) {
+            const td = _getClosestDataCell(target);
+            if (td == null)
+                return;
+            if (td !== target)
+                return; // Only when td itself is focused
+            event.preventDefault();
+            const text = await navigator.clipboard.readText();
+            // Enter edit mode and paste
+            const addr = getCellAddr(td);
+            _enterEditMode(addr.r, addr.c);
+            // Wait for edit mode to render, then paste
+            queueMicrotask(() => {
+                const cell = options.domAccessor.getCell(addr.r, addr.c);
+                if (cell == null)
+                    return;
+                const inputEl = cell.querySelector("input, textarea");
+                if (inputEl != null) {
+                    inputEl.value = text;
+                    inputEl.dispatchEvent(new Event("input", { bubbles: true }));
+                }
+            });
+            return;
+        }
+    }
+    function handleCellDoubleClick(event) {
+        const target = event.target;
+        const td = _getClosestDataCell(target);
+        if (td == null)
+            return;
+        const addr = getCellAddr(td);
+        _enterEditMode(addr.r, addr.c);
+    }
+    function handleBlurCapture(event) {
+        if (_isTransitioning)
+            return;
+        const currentAddr = editModeCellAddr();
+        if (currentAddr == null)
+            return;
+        const relatedTarget = event.relatedTarget;
+        if (relatedTarget == null) {
+            _exitEditMode();
+            return;
+        }
+        // Check if the new focus target is still within the same cell
+        const cell = options.domAccessor.getCell(currentAddr.r, currentAddr.c);
+        if (cell == null) {
+            _exitEditMode();
+            return;
+        }
+        if (!cell.contains(relatedTarget)) {
+            _exitEditMode();
+        }
+    }
+    return {
+        editModeCellAddr,
+        isCellEditMode,
+        getCellAddr,
+        handleKeydownCapture,
+        handleCellDoubleClick,
+        handleBlurCapture,
+    };
+}

package/dist/ui/data/sheet/useSheetColumnFixing.d.ts

@@ -0,0 +1,9 @@
+import { type Signal } from "@angular/core";
+import type { ISdSheetColumnDef } from "./types";
+export declare function useSheetColumnFixing(options: {
+    columnDefs: Signal<ISdSheetColumnDef[]>;
+}): {
+    fixedLeftMap: Signal<Map<string, number>>;
+    hasFixed: Signal<boolean>;
+};
+//# sourceMappingURL=useSheetColumnFixing.d.ts.map

package/dist/ui/data/sheet/useSheetColumnFixing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetColumnFixing.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\data\\sheet\\useSheetColumnFixing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,UAAU,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC;CACzC;;;EA+BA"}

package/dist/ui/data/sheet/useSheetColumnFixing.js

@@ -0,0 +1,29 @@
+import { computed } from "@angular/core";
+export function useSheetColumnFixing(options) {
+    const fixedLeftMap = computed(() => {
+        const map = new Map();
+        let accumulatedLeft = 0;
+        for (const colDef of options.columnDefs()) {
+            if (!colDef.fixed)
+                continue;
+            if (colDef.collapse)
+                continue;
+            map.set(colDef.key, accumulatedLeft);
+            const width = colDef.width;
+            if (width != null && width.endsWith("px")) {
+                const px = parseFloat(width);
+                if (!Number.isNaN(px)) {
+                    accumulatedLeft += px;
+                }
+            }
+        }
+        return map;
+    }, ...(ngDevMode ? [{ debugName: "fixedLeftMap" }] : /* istanbul ignore next */ []));
+    const hasFixed = computed(() => {
+        return fixedLeftMap().size > 0;
+    }, ...(ngDevMode ? [{ debugName: "hasFixed" }] : /* istanbul ignore next */ []));
+    return {
+        fixedLeftMap,
+        hasFixed,
+    };
+}

package/dist/ui/data/sheet/useSheetDomAccessor.d.ts

@@ -0,0 +1,11 @@
+export declare function useSheetDomAccessor(): {
+    getHostEl: () => HTMLElement;
+    getContainer: () => HTMLElement;
+    getTable: () => HTMLTableElement;
+    getTHead: () => HTMLTableSectionElement;
+    getRow: (r: number) => HTMLTableRowElement | null;
+    getCell: (r: number, c: number) => HTMLTableCellElement | null;
+    getColumnResizeIndicator: () => HTMLElement;
+    getLastDepthFixedHeaders: () => HTMLElement[];
+};
+//# sourceMappingURL=useSheetDomAccessor.d.ts.map

package/dist/ui/data/sheet/useSheetDomAccessor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetDomAccessor.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\data\\sheet\\useSheetDomAccessor.ts"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB;qBAGX,WAAW;wBAIR,WAAW;oBAIf,gBAAgB;oBAIhB,uBAAuB;gBAIzB,MAAM,KAAG,mBAAmB,GAAG,IAAI;iBAOlC,MAAM,KAAK,MAAM,KAAG,oBAAoB,GAAG,IAAI;oCAY9B,WAAW;oCAIX,WAAW,EAAE;EAiBnD"}

package/dist/ui/data/sheet/useSheetDomAccessor.js

@@ -0,0 +1,55 @@
+import { ElementRef, inject } from "@angular/core";
+export function useSheetDomAccessor() {
+    const elRef = inject(ElementRef);
+    function getHostEl() {
+        return elRef.nativeElement;
+    }
+    function getContainer() {
+        return elRef.nativeElement.querySelector("._container");
+    }
+    function getTable() {
+        return elRef.nativeElement.querySelector("table");
+    }
+    function getTHead() {
+        return getTable().querySelector("thead");
+    }
+    function getRow(r) {
+        const tbody = getTable().querySelector("tbody");
+        if (tbody == null)
+            return null;
+        const rows = tbody.querySelectorAll("tr");
+        return rows[r] ?? null;
+    }
+    function getCell(r, c) {
+        const row = getRow(r);
+        if (row == null)
+            return null;
+        const cells = row.querySelectorAll("td[data-c]");
+        for (const cell of cells) {
+            if (cell.getAttribute("data-c") === String(c)) {
+                return cell;
+            }
+        }
+        return null;
+    }
+    function getColumnResizeIndicator() {
+        return elRef.nativeElement.querySelector("._resize-indicator");
+    }
+    function getLastDepthFixedHeaders() {
+        const thead = getTHead();
+        const lastRow = thead.querySelector("tr:last-child");
+        if (lastRow == null)
+            return [];
+        return Array.from(lastRow.querySelectorAll("th[style*='sticky']"));
+    }
+    return {
+        getHostEl,
+        getContainer,
+        getTable,
+        getTHead,
+        getRow,
+        getCell,
+        getColumnResizeIndicator,
+        getLastDepthFixedHeaders,
+    };
+}

package/dist/ui/data/sheet/useSheetLayoutEngine.d.ts

@@ -0,0 +1,14 @@
+import { type Signal } from "@angular/core";
+import type { SdSheetColumnDirective } from "./sd-sheet-column.directive";
+import type { ISdSheetColumnDef, ISdSheetConfig, ISdSheetHeaderDef } from "./types";
+export declare function useSheetLayoutEngine(options: {
+    columnControls: Signal<readonly SdSheetColumnDirective[]>;
+    config: Signal<ISdSheetConfig | undefined>;
+}): {
+    columnDefs: Signal<ISdSheetColumnDef[]>;
+    hasSummary: Signal<boolean>;
+    headerDefTable: Signal<ISdSheetHeaderDef[][]>;
+    headerDepth: Signal<number>;
+    headerFeatureRowSpan: Signal<number>;
+};
+//# sourceMappingURL=useSheetLayoutEngine.d.ts.map

package/dist/ui/data/sheet/useSheetLayoutEngine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetLayoutEngine.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\data\\sheet\\useSheetLayoutEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEpF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,cAAc,EAAE,MAAM,CAAC,SAAS,sBAAsB,EAAE,CAAC,CAAC;IAC1D,MAAM,EAAE,MAAM,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC;CAC5C;;;;;;EAuIA"}

package/dist/ui/data/sheet/useSheetLayoutEngine.js

@@ -0,0 +1,126 @@
+import { computed } from "@angular/core";
+export function useSheetLayoutEngine(options) {
+    const columnDefs = computed(() => {
+        const cfg = options.config();
+        const cols = options.columnControls();
+        return cols
+            .map((col) => {
+            const key = col.key();
+            const cfgCol = cfg?.columnRecord[key];
+            return {
+                key,
+                header: col.header(),
+                width: cfgCol?.width ?? col.width(),
+                fixed: cfgCol?.fixed ?? col.fixed(),
+                hidden: cfgCol?.hidden ?? col.hidden(),
+                collapse: col.collapse(),
+                disableSorting: col.disableSorting(),
+                disableResizing: col.disableResizing(),
+                ordering: cfgCol?.ordering ?? col.ordering(),
+            };
+        })
+            .filter((def) => !def.hidden)
+            .sort((a, b) => a.ordering - b.ordering);
+    }, ...(ngDevMode ? [{ debugName: "columnDefs" }] : /* istanbul ignore next */ []));
+    const hasSummary = computed(() => {
+        return options.columnControls().some((col) => col.summaryTplRef() != null);
+    }, ...(ngDevMode ? [{ debugName: "hasSummary" }] : /* istanbul ignore next */ []));
+    const headerDepth = computed(() => {
+        let maxDepth = 1;
+        for (const def of columnDefs()) {
+            const header = def.header;
+            if (Array.isArray(header)) {
+                maxDepth = Math.max(maxDepth, header.length);
+            }
+        }
+        return maxDepth;
+    }, ...(ngDevMode ? [{ debugName: "headerDepth" }] : /* istanbul ignore next */ []));
+    const headerDefTable = computed(() => {
+        const depth = headerDepth();
+        const cols = columnDefs();
+        const table = [];
+        for (let row = 0; row < depth; row++) {
+            table.push([]);
+        }
+        // Track the header array of the first column in each cell span per row
+        const spanStartHeaders = new Array(depth);
+        for (const colDef of cols) {
+            const headers = Array.isArray(colDef.header)
+                ? colDef.header
+                : [colDef.header];
+            for (let row = 0; row < depth; row++) {
+                const isLastRow = row === depth - 1 || row === headers.length - 1;
+                const text = row < headers.length ? headers[row] : headers[headers.length - 1];
+                if (isLastRow && row < depth - 1) {
+                    const rowspan = depth - row;
+                    table[row].push({
+                        text,
+                        colspan: 1,
+                        rowspan,
+                        isLastRow: true,
+                        colDef,
+                    });
+                    spanStartHeaders[row] = headers;
+                    break;
+                }
+                else {
+                    const prevCells = table[row];
+                    const lastCell = prevCells.length > 0 ? prevCells[prevCells.length - 1] : undefined;
+                    let canMerge = false;
+                    if (lastCell != null && lastCell.text === text) {
+                        if (!lastCell.isLastRow && !isLastRow) {
+                            // Non-final rows: also check parent levels match
+                            canMerge = true;
+                            const prev = spanStartHeaders[row];
+                            for (let r = 0; r < row; r++) {
+                                const prevText = r < prev.length ? prev[r] : prev[prev.length - 1];
+                                const curText = r < headers.length ? headers[r] : headers[headers.length - 1];
+                                if (prevText !== curText) {
+                                    canMerge = false;
+                                    break;
+                                }
+                            }
+                        }
+                        else if (lastCell.isLastRow && isLastRow) {
+                            // Last-row cells: only merge if all parent levels also match
+                            canMerge = true;
+                            const prev = spanStartHeaders[row];
+                            for (let r = 0; r < row; r++) {
+                                const prevText = r < prev.length ? prev[r] : prev[prev.length - 1];
+                                const curText = r < headers.length ? headers[r] : headers[headers.length - 1];
+                                if (prevText !== curText) {
+                                    canMerge = false;
+                                    break;
+                                }
+                            }
+                        }
+                    }
+                    if (canMerge && lastCell != null) {
+                        lastCell.colspan += 1;
+                    }
+                    else {
+                        table[row].push({
+                            text,
+                            colspan: 1,
+                            rowspan: 1,
+                            isLastRow,
+                            colDef: isLastRow ? colDef : undefined,
+                        });
+                        spanStartHeaders[row] = headers;
+                    }
+                }
+            }
+        }
+        return table;
+    }, ...(ngDevMode ? [{ debugName: "headerDefTable" }] : /* istanbul ignore next */ []));
+    const headerFeatureRowSpan = computed(() => {
+        return headerDepth();
+    }, ...(ngDevMode ? [{ debugName: "headerFeatureRowSpan" }] : /* istanbul ignore next */ []));
+    return {
+        columnDefs,
+        hasSummary,
+        headerDefTable,
+        headerDepth,
+        headerFeatureRowSpan,
+    };
+}

package/dist/ui/form/button/sd-additional-button.control.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class SdAdditionalButtonControl {
+    size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
+    inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAdditionalButtonControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdAdditionalButtonControl, "sd-additional-button", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; }, {}, never, ["*", "sd-anchor", "sd-button"], true, never>;
+}
+//# sourceMappingURL=sd-additional-button.control.d.ts.map

package/dist/ui/form/button/sd-additional-button.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-additional-button.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\button\\sd-additional-button.control.ts"],"names":[],"mappings":";AAQA,qBAwFa,yBAAyB;IACpC,IAAI,+DAAwB;IAC5B,KAAK,qEAAiD;yCAF3C,yBAAyB;2CAAzB,yBAAyB;CAGrC"}

package/dist/ui/form/button/sd-additional-button.control.js

@@ -0,0 +1,38 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from "@angular/core";
+import * as i0 from "@angular/core";
+const _c0 = ["*", [["sd-anchor"]], [["sd-button"]]];
+const _c1 = ["*", "sd-anchor", "sd-button"];
+export class SdAdditionalButtonControl {
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
+    inset = input(false, { ...(ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = function SdAdditionalButtonControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdAdditionalButtonControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdAdditionalButtonControl, selectors: [["sd-additional-button"]], hostAttrs: [1, "flex-row", "gap-sm"], hostVars: 2, hostBindings: function SdAdditionalButtonControl_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-sd-size", ctx.size())("data-sd-inset", ctx.inset());
+        } }, inputs: { size: [1, "size"], inset: [1, "inset"] }, ngContentSelectors: _c1, decls: 5, vars: 0, consts: [[1, "_content", "flex-fill"], [1, "_button"]], template: function SdAdditionalButtonControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0);
+            i0.ɵɵdomElementStart(0, "div", 0);
+            i0.ɵɵprojection(1);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(2, "div", 1);
+            i0.ɵɵprojection(3, 1);
+            i0.ɵɵprojection(4, 2);
+            i0.ɵɵdomElementEnd();
+        } }, styles: ["sd-additional-button {\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-additional-button > ._content {\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-additional-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-additional-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-additional-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-additional-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-additional-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-additional-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-additional-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-additional-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-additional-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-additional-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-additional-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-additional-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-additional-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-additional-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-additional-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-additional-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-additional-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-additional-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-additional-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdAdditionalButtonControl, [{
+        type: Component,
+        args: [{ selector: "sd-additional-button", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: `
+    <div class="_content flex-fill">
+      <ng-content />
+    </div>
+    <div class="_button">
+      <ng-content select="sd-anchor" />
+      <ng-content select="sd-button" />
+    </div>
+  `, host: {
+                    "class": "flex-row gap-sm",
+                    "[attr.data-sd-size]": "size()",
+                    "[attr.data-sd-inset]": "inset()",
+                }, styles: ["sd-additional-button {\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-additional-button > ._content {\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-additional-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-additional-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-additional-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-additional-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-additional-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-additional-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-additional-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-additional-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-additional-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-additional-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-additional-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-additional-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-additional-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-additional-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-additional-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-additional-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-additional-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-additional-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-additional-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"] }]
+    }], null, { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAdditionalButtonControl, { className: "SdAdditionalButtonControl", filePath: "packages/angular/src/ui/form/button/sd-additional-button.control.ts", lineNumber: 97 }); })();

package/dist/ui/form/button/sd-anchor.control.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class SdAnchorControl {
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAnchorControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdAnchorControl, "sd-anchor", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-anchor.control.d.ts.map

package/dist/ui/form/button/sd-anchor.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-anchor.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\button\\sd-anchor.control.ts"],"names":[],"mappings":";AAQA,qBAqDa,eAAe;IAC1B,QAAQ,qEAAiD;IACzD,KAAK,kIAEQ;yCAJF,eAAe;2CAAf,eAAe;CAK3B"}