@simplysm/angular 14.0.51 → 14.0.53

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

@@ -17,6 +17,7 @@ export interface SdSheetHeaderDef {
     rowspan: number;
     isLastRow: boolean;
     colDef: SdSheetColumnDef | undefined;
+    colIndex: number;
 }
 export interface SdSheetConfig {
     columnRecord: Record<string, {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,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,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,gBAAgB,GAAG,SAAS,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,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,4BAA4B,CAAC,CAAC;IAC7C,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,WAAW,4BAA4B,CAAC,CAAC;IAC7C,IAAI,EAAE,CAAC,CAAC;IACR,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,aAAa,CAAC;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,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,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,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,4BAA4B,CAAC,CAAC;IAC7C,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,WAAW,4BAA4B,CAAC,CAAC;IAC7C,IAAI,EAAE,CAAC,CAAC;IACR,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,aAAa,CAAC;CACtB"}

package/dist/data/sheet/useSheetCellStyling.d.ts

@@ -3,7 +3,7 @@ import type { SdSheetColumnDef, SdSheetHeaderDef } from "./types";
 import type { ExpandItemDef } from "../../core/selection/useExpandingManager";
 export declare function useSheetCellStyling<T>(options: {
     columnDefs: Signal<SdSheetColumnDef[]>;
-    fixedLeftMap: Signal<Map<string, number>>;
+    fixedLeftMap: Signal<Map<number, number>>;
     getItemCellStyleFn: Signal<((item: T, colKey: string) => string | undefined) | undefined>;
     getItemCellClassFn: Signal<((item: T, colKey: string) => string) | undefined>;
     getChildrenFn: Signal<((item: T, index: number) => T[] | undefined) | undefined>;
@@ -15,7 +15,7 @@ export declare function useSheetCellStyling<T>(options: {
 }): {
     getHeaderCellStyle: (cell: SdSheetHeaderDef) => string | null;
     getCellStyle: (item: T, colDef: SdSheetColumnDef) => string | null;
-    getFixedCellStyle: (colDef: SdSheetColumnDef) => string | null;
+    getFixedCellStyle: (colIdx: number) => string | null;
     getCellStyleWithIndent: (item: T, colDef: SdSheetColumnDef, colIdx: number) => string | null;
     getDataCellClass: (item: T, colDef: SdSheetColumnDef, r: number, c: number) => string | null;
 };

package/dist/data/sheet/useSheetCellStyling.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSheetCellStyling.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/useSheetCellStyling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAE9E,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,OAAO,EAAE;IAC9C,UAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACvC,YAAY,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1C,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;IAC1F,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC;IAC9E,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;IACjF,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC;IAC5C,cAAc,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC;CAC7D;+BA4CmC,gBAAgB,KAAG,MAAM,GAAG,IAAI;yBAStC,CAAC,UAAU,gBAAgB,KAAG,MAAM,GAAG,IAAI;gCAQpC,gBAAgB,KAAG,MAAM,GAAG,IAAI;mCAI7B,CAAC,UAAU,gBAAgB,UAAU,MAAM,KAAG,MAAM,GAAG,IAAI;6BAejE,CAAC,UAAU,gBAAgB,KAAK,MAAM,KAAK,MAAM,KAAG,MAAM,GAAG,IAAI;EAoBlG"}
+{"version":3,"file":"useSheetCellStyling.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/useSheetCellStyling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAE9E,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,OAAO,EAAE;IAC9C,UAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACvC,YAAY,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1C,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;IAC1F,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC;IAC9E,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;IACjF,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC;IAC5C,cAAc,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC;CAC7D;+BAoDmC,gBAAgB,KAAG,MAAM,GAAG,IAAI;yBAStC,CAAC,UAAU,gBAAgB,KAAG,MAAM,GAAG,IAAI;gCAQpC,MAAM,KAAG,MAAM,GAAG,IAAI;mCAInB,CAAC,UAAU,gBAAgB,UAAU,MAAM,KAAG,MAAM,GAAG,IAAI;6BAejE,CAAC,UAAU,gBAAgB,KAAK,MAAM,KAAK,MAAM,KAAG,MAAM,GAAG,IAAI;EAoBlG"}

package/dist/data/sheet/useSheetCellStyling.js

@@ -9,36 +9,44 @@ export function useSheetCellStyling(options) {
         }
         return null;
     }
-    function getFixedStyle(colDef) {
-        const leftValue = options.fixedLeftMap().get(colDef.key);
+    function getFixedLeftStyle(colIdx) {
+        const leftValue = options.fixedLeftMap().get(colIdx);
         if (leftValue == null)
             return null;
         return `left: ${leftValue}px`;
     }
     const headerColumnStyles = computed(() => {
         const map = new Map();
-        for (const colDef of options.columnDefs()) {
+        const defs = options.columnDefs();
+        for (let i = 0; i < defs.length; i++) {
+            const colDef = defs[i];
             const parts = [];
             const colStyle = getColDefStyle(colDef);
             if (colStyle != null)
                 parts.push(colStyle);
-            const fixedStyle = getFixedStyle(colDef);
-            if (fixedStyle != null)
-                parts.push(fixedStyle);
+            if (colDef.fixed) {
+                const fixedStyle = getFixedLeftStyle(i);
+                if (fixedStyle != null)
+                    parts.push(fixedStyle);
+            }
             map.set(colDef.key, parts.length > 0 ? parts.join("; ") : null);
         }
         return map;
     }, ...(ngDevMode ? [{ debugName: "headerColumnStyles" }] : /* istanbul ignore next */ []));
     const dataColumnBaseStyles = computed(() => {
         const map = new Map();
-        for (const colDef of options.columnDefs()) {
+        const defs = options.columnDefs();
+        for (let i = 0; i < defs.length; i++) {
+            const colDef = defs[i];
             const parts = [];
             const colStyle = getColDefStyle(colDef);
             if (colStyle != null)
                 parts.push(colStyle);
-            const fixedStyle = getFixedStyle(colDef);
-            if (fixedStyle != null)
-                parts.push(fixedStyle);
+            if (colDef.fixed) {
+                const fixedStyle = getFixedLeftStyle(i);
+                if (fixedStyle != null)
+                    parts.push(fixedStyle);
+            }
             map.set(colDef.key, parts.length > 0 ? parts.join("; ") : null);
         }
         return map;
@@ -62,8 +70,8 @@ export function useSheetCellStyling(options) {
             return `${baseStyle}; ${customStyle}`;
         return customStyle ?? baseStyle ?? null;
     }
-    function getFixedCellStyle(colDef) {
-        return getFixedStyle(colDef);
+    function getFixedCellStyle(colIdx) {
+        return getFixedLeftStyle(colIdx);
     }
     function getCellStyleWithIndent(item, colDef, colIdx) {
         const parts = [];

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

@@ -1,15 +1,10 @@
 import { type Signal } from "@angular/core";
 import type { SdSheetColumnDef } from "./types";
-/**
- * Fixed column의 left offset을 계산한다.
- *
- * **주의:** fixed column의 `width`는 반드시 px 단위여야 정확한 offset이 계산된다.
- * em, rem, % 등 non-px 단위의 width는 offset 누적에 반영되지 않는다 (0으로 처리).
- */
 export declare function useSheetColumnFixing(options: {
     columnDefs: Signal<SdSheetColumnDef[]>;
+    cellWidths: Signal<Map<number, number>>;
+    hasExpandable: Signal<boolean>;
 }): {
-    fixedLeftMap: Signal<Map<string, number>>;
-    hasFixed: Signal<boolean>;
+    fixedLeftMap: Signal<Map<number, number>>;
 };
 //# sourceMappingURL=useSheetColumnFixing.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSheetColumnFixing.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/useSheetColumnFixing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,UAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;CACxC;;;EA+BA"}
+{"version":3,"file":"useSheetColumnFixing.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/useSheetColumnFixing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,UAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACvC,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACxC,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;CAChC;;EA4BA"}

package/dist/data/sheet/useSheetColumnFixing.js

@@ -1,35 +1,27 @@
 import { computed } from "@angular/core";
-/**
- * Fixed column의 left offset을 계산한다.
- *
- * **주의:** fixed column의 `width`는 반드시 px 단위여야 정확한 offset이 계산된다.
- * em, rem, % 등 non-px 단위의 width는 offset 누적에 반영되지 않는다 (0으로 처리).
- */
 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;
-                }
+        const widths = options.cellWidths();
+        const fixedIndices = [];
+        if (options.hasExpandable()) {
+            fixedIndices.push(-2, -1);
+        }
+        else {
+            fixedIndices.push(-1);
+        }
+        const defs = options.columnDefs();
+        for (let i = 0; i < defs.length; i++) {
+            if (defs[i].fixed && !defs[i].collapse) {
+                fixedIndices.push(i);
             }
         }
+        const map = new Map();
+        let accLeft = 0;
+        for (const idx of fixedIndices) {
+            map.set(idx, accLeft);
+            accLeft += widths.get(idx) ?? 0;
+        }
         return map;
     }, ...(ngDevMode ? [{ debugName: "fixedLeftMap" }] : /* istanbul ignore next */ []));
-    const hasFixed = computed(() => {
-        return fixedLeftMap().size > 0;
-    }, ...(ngDevMode ? [{ debugName: "hasFixed" }] : /* istanbul ignore next */ []));
-    return {
-        fixedLeftMap,
-        hasFixed,
-    };
+    return { fixedLeftMap };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useSheetLayoutEngine.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/useSheetLayoutEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEjF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,cAAc,EAAE,MAAM,CAAC,SAAS,aAAa,EAAE,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;CAC3C;;;;;;EA0IA"}
+{"version":3,"file":"useSheetLayoutEngine.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/useSheetLayoutEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEjF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,cAAc,EAAE,MAAM,CAAC,SAAS,aAAa,EAAE,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;CAC3C;;;;;;EA6IA"}

package/dist/data/sheet/useSheetLayoutEngine.js

@@ -46,7 +46,8 @@ export function useSheetLayoutEngine(options) {
         }
         // Track the header array of the first column in each cell span per row
         const spanStartHeaders = new Array(depth);
-        for (const colDef of cols) {
+        for (let colIdx = 0; colIdx < cols.length; colIdx++) {
+            const colDef = cols[colIdx];
             const headers = Array.isArray(colDef.header)
                 ? colDef.header
                 : [colDef.header];
@@ -61,6 +62,7 @@ export function useSheetLayoutEngine(options) {
                         rowspan,
                         isLastRow: true,
                         colDef,
+                        colIndex: colIdx,
                     });
                     spanStartHeaders[row] = headers;
                     break;
@@ -108,6 +110,7 @@ export function useSheetLayoutEngine(options) {
                             rowspan: 1,
                             isLastRow,
                             colDef: isLastRow ? colDef : undefined,
+                            colIndex: colIdx,
                         });
                         spanStartHeaders[row] = headers;
                     }

package/dist/layout/dock/sd-dock-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-dock-container.d.ts","sourceRoot":"","sources":["../../../src/layout/dock/sd-dock-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,UAAU,EAIX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;;AAEnC,qBAyBa,eAAe;IAC1B,YAAY,oDAA2B;IAEvC,YAAY,6DAET;IAEH,YAAY,0DAAmB;;yCAPpB,eAAe;2CAAf,eAAe;CA8D3B"}
+{"version":3,"file":"sd-dock-container.d.ts","sourceRoot":"","sources":["../../../src/layout/dock/sd-dock-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,UAAU,EAIX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;;AAEnC,qBA0Ba,eAAe;IAC1B,YAAY,oDAA2B;IAEvC,YAAY,6DAET;IAEH,YAAY,0DAAmB;;yCAPpB,eAAe;2CAAf,eAAe;CA8D3B"}

package/dist/layout/dock/sd-dock-container.js

@@ -81,7 +81,7 @@ export class SdDockContainer {
             i0.ɵɵdomElementEnd();
         } if (rf & 2) {
             i0.ɵɵclassMap(i0.ɵɵpureFunction1(3, _c2, ctx.contentClass()).filter(i0.ɵɵarrowFunction(2, arrowFn0, ctx)).join(" "));
-        } }, styles: ["sd-dock-container {\n  display: block;\n  height: 100%;\n}\nsd-dock-container > ._content {\n  position: relative;\n  height: 100%;\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, styles: ["sd-dock-container {\n  display: block;\n  height: 100%;\n  overflow: auto;\n}\nsd-dock-container > ._content {\n  position: relative;\n  height: 100%;\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDockContainer, [{
         type: Component,
@@ -89,8 +89,8 @@ export class SdDockContainer {
     <div #content [class]="['_content', contentClass()].filter((v) => v != null).join(' ')">
       <ng-content />
     </div>
-  `, styles: ["sd-dock-container {\n  display: block;\n  height: 100%;\n}\nsd-dock-container > ._content {\n  position: relative;\n  height: 100%;\n}"] }]
+  `, styles: ["sd-dock-container {\n  display: block;\n  height: 100%;\n  overflow: auto;\n}\nsd-dock-container > ._content {\n  position: relative;\n  height: 100%;\n}"] }]
     }], () => [], { dockControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdDock), { isSignal: true }] }], contentElRef: [{ type: i0.ViewChild, args: ["content", { ...{
                         read: ElementRef,
                     }, isSignal: true }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDockContainer, { className: "SdDockContainer", filePath: "packages/angular/src/layout/dock/sd-dock-container.ts", lineNumber: 38 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDockContainer, { className: "SdDockContainer", filePath: "packages/angular/src/layout/dock/sd-dock-container.ts", lineNumber: 39 }); })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/angular",
-  "version": "14.0.51",
+  "version": "14.0.53",
   "description": "심플리즘 패키지 - Angular",
   "author": "심플리즘",
   "license": "Apache-2.0",
@@ -16,8 +16,7 @@
   "files": [
     "dist",
     "src",
-    "scss",
-    "docs"
+    "scss"
   ],
   "sideEffects": [
     "./src/index.ts",
@@ -45,16 +44,16 @@
     "@tiptap/extension-text-style": "^3.22.4",
     "@tiptap/extension-underline": "^3.22.4",
     "@tiptap/starter-kit": "^3.22.4",
-    "bwip-js": "^4.9.2",
+    "bwip-js": "^4.10.1",
     "echarts": "^6.0.0",
     "html-to-image": "^1.11.13",
     "jspdf": "^4.2.1",
     "rxjs": "^7.8.2",
     "tabbable": "^6.4.0",
-    "@simplysm/core-common": "14.0.51",
-    "@simplysm/service-common": "14.0.51",
-    "@simplysm/service-client": "14.0.51",
-    "@simplysm/core-browser": "14.0.51"
+    "@simplysm/core-browser": "14.0.53",
+    "@simplysm/service-client": "14.0.53",
+    "@simplysm/core-common": "14.0.53",
+    "@simplysm/service-common": "14.0.53"
   },
   "devDependencies": {
     "@angular/compiler": "^21.2.9",

package/src/data/sheet/sd-sheet.ts

@@ -4,13 +4,11 @@ import {
   Component,
   computed,
   contentChildren,
-  effect,
   inject,
   input,
   model,
   output,
   signal,
-  untracked,
   ViewEncapsulation,
 } from "@angular/core";
 import { NgTemplateOutlet } from "@angular/common";
@@ -106,8 +104,8 @@ import { SdEvents } from "../../core/events/sd-events";
                     layout.headerFeatureRowSpan() > 1 ? layout.headerFeatureRowSpan() : null
                   "
                   [attr.data-c]="_fc"
-                  [style.left.px]="featureFixedLeftMap().get(_fc)"
-                  (sdResize)="onFeatureCellResize($event, _fc)"
+                  [style.left.px]="fixing.fixedLeftMap().get(_fc)"
+                  (sdResize)="onFixedCellResize($event, _fc)"
                 >
                   @if (selection.hasSelectable() && selectMode() === "multi") {
                     <sd-checkbox
@@ -125,8 +123,8 @@ import { SdEvents } from "../../core/events/sd-events";
                       layout.headerFeatureRowSpan() > 1 ? layout.headerFeatureRowSpan() : null
                     "
                     [attr.data-c]="-1"
-                    [style.left.px]="featureFixedLeftMap().get(-1)"
-                    (sdResize)="onFeatureCellResize($event, -1)"
+                    [style.left.px]="fixing.fixedLeftMap().get(-1)"
+                    (sdResize)="onFixedCellResize($event, -1)"
                   >
                     <ng-icon
                       [svg]="icons.tablerCaretRight"
@@ -137,16 +135,16 @@ import { SdEvents } from "../../core/events/sd-events";
                   </th>
                 }
               }
-              @for (cell of row; track $index; let c = $index) {
+              @for (cell of row; track $index) {
                 @if (!cell.isLastRow) {
                   <th
                     [class._fixed]="cell.colDef?.fixed"
                     [attr.colspan]="cell.colspan > 1 ? cell.colspan : null"
                     [attr.rowspan]="cell.rowspan > 1 ? cell.rowspan : null"
-                    [attr.data-c]="c"
+                    [attr.data-c]="cell.colIndex"
                     [attr.title]="cell.text"
                     [style.left.px]="
-                      cell.colDef?.fixed ? fixing.fixedLeftMap().get(cell.colDef!.key) : null
+                      cell.colDef?.fixed ? fixing.fixedLeftMap().get(cell.colIndex) : null
                     "
                   >
                     <div class="_p-sheet">
@@ -160,10 +158,11 @@ import { SdEvents } from "../../core/events/sd-events";
                     [class._sort]="cell.colDef && !cell.colDef.disableSorting"
                     [attr.colspan]="cell.colspan > 1 ? cell.colspan : null"
                     [attr.rowspan]="cell.rowspan > 1 ? cell.rowspan : null"
-                    [attr.data-c]="c"
+                    [attr.data-c]="cell.colIndex"
                     [attr.title]="cell.colDef?.tooltip ?? cell.text"
                     [class.help]="cell.colDef?.tooltip"
                     [style]="getHeaderCellStyle(cell)"
+                    (sdResize)="onFixedCellResize($event, cell.colIndex)"
                     (click)="onHeaderClick($event, cell)"
                   >
                     <div class="_headerContent flex-row">
@@ -206,15 +205,22 @@ import { SdEvents } from "../../core/events/sd-events";
           }
           @if (layout.hasSummary()) {
             <tr class="_summary-row">
-              <th class="_fixed _feature-cell"></th>
+              @let _sfc = expanding.hasExpandable() ? -2 : -1;
+              <th
+                class="_fixed _feature-cell"
+                [style.left.px]="fixing.fixedLeftMap().get(_sfc)"
+              ></th>
               @if (expanding.hasExpandable()) {
-                <th class="_fixed _feature-cell"></th>
+                <th
+                  class="_fixed _feature-cell"
+                  [style.left.px]="fixing.fixedLeftMap().get(-1)"
+                ></th>
               }
               @for (colDef of layout.columnDefs(); track colDef.key; let c = $index) {
                 <th
                   [class._fixed]="colDef.fixed"
                   [attr.data-c]="c"
-                  [style.left.px]="colDef.fixed ? fixing.fixedLeftMap().get(colDef.key) : null"
+                  [style.left.px]="colDef.fixed ? fixing.fixedLeftMap().get(c) : null"
                 >
                   @if (getColumnSummaryTpl(colDef.key); as tpl) {
                     <ng-template [ngTemplateOutlet]="tpl" />
@@ -236,7 +242,7 @@ import { SdEvents } from "../../core/events/sd-events";
                 class="_fixed _feature-cell"
                 [attr.data-r]="rowIdx"
                 [attr.data-c]="_fc"
-                [style.left.px]="featureFixedLeftMap().get(_fc)"
+                [style.left.px]="fixing.fixedLeftMap().get(_fc)"
               >
                 @if (selectMode() === "multi") {
                   @let _selectable = selection.getSelectable(item);
@@ -268,7 +274,7 @@ import { SdEvents } from "../../core/events/sd-events";
                   class="_fixed _feature-cell"
                   [attr.data-r]="rowIdx"
                   [attr.data-c]="-1"
-                  [style.left.px]="featureFixedLeftMap().get(-1)"
+                  [style.left.px]="fixing.fixedLeftMap().get(-1)"
                 >
                   @let itemDef = getItemDef(item);
                   @if (itemDef.depth > 0) {
@@ -580,7 +586,6 @@ export class SdSheet<T> {
   getItemCellClassFn = input<(item: T, colKey: string) => string>();
   getItemCellStyleFn = input<(item: T, colKey: string) => string | undefined>();
   hideConfigBar = input(false, { transform: booleanAttribute });
-  cumulativeSelection = input(false, { transform: booleanAttribute });
 
   // Outputs
   itemKeydown = output<SdSheetItemKeydownEventParam<T>>();
@@ -594,6 +599,10 @@ export class SdSheet<T> {
 
   // Content query
   columnControls = contentChildren(SdSheetColumn);
+  columnControlsInput = input<readonly SdSheetColumn[]>();
+  private readonly _effectiveColumnControls = computed(
+    () => this.columnControlsInput() ?? this.columnControls(),
+  );
 
   // Injected providers
   private readonly _sdModal = inject(SdModalProvider);
@@ -619,32 +628,10 @@ export class SdSheet<T> {
 
   // Layout engine
   layout = useSheetLayoutEngine({
-    columnControls: this.columnControls,
+    columnControls: this._effectiveColumnControls,
     config: computed(() => this._configResource.value()),
   });
 
-  // Column fixing
-  fixing = useSheetColumnFixing({
-    columnDefs: this.layout.columnDefs,
-  });
-
-  // Feature cell fixing (select/expand columns)
-  private readonly _featureCellWidths = signal(new Map<number, number>());
-
-  featureFixedLeftMap = computed(() => {
-    const map = new Map<number, number>();
-    const widths = this._featureCellWidths();
-    const hasExpand = this.expanding.hasExpandable();
-
-    if (hasExpand) {
-      map.set(-2, 0);
-      map.set(-1, widths.get(-2) ?? 0);
-    } else {
-      map.set(-1, 0);
-    }
-    return map;
-  });
-
   // Sorting manager
   sorting = useSortingManager({
     sorts: this.sorts,
@@ -665,6 +652,15 @@ export class SdSheet<T> {
   expanding = this._pipeline.expanding;
   displayItems = this._pipeline.displayItems;
 
+  // Column fixing (DOM 측정 기반 통합 fixedLeftMap)
+  private readonly _fixedCellWidths = signal(new Map<number, number>());
+
+  fixing = useSheetColumnFixing({
+    columnDefs: this.layout.columnDefs,
+    cellWidths: this._fixedCellWidths,
+    hasExpandable: this.expanding.hasExpandable,
+  });
+
   // Cell styling composable
   private readonly _styling = useSheetCellStyling<T>({
     columnDefs: this.layout.columnDefs,
@@ -702,23 +698,6 @@ export class SdSheet<T> {
     trackByFn: this.trackByFn,
   });
 
-  // cumulativeSelection=false면 items 변경 시 selectedItems를 초기화한다.
-  // 첫 실행(초기 마운트)은 skip하여 소비자가 넘긴 초기 selectedItems 값을 보존한다.
-  private _resetOnItemsChangeSkipFirst = true;
-  private readonly _resetOnItemsChange = effect(() => {
-    this.items(); // track only items
-    if (this._resetOnItemsChangeSkipFirst) {
-      this._resetOnItemsChangeSkipFirst = false;
-      return;
-    }
-    untracked(() => {
-      if (this.cumulativeSelection()) return;
-      if (this.selectedItems().length > 0) {
-        this.selectedItems.set([]);
-      }
-    });
-  });
-
   // Icons
   icons = {
     tablerSettings,
@@ -731,7 +710,7 @@ export class SdSheet<T> {
 
   private readonly _columnControlMap = computed(() => {
     const map = new Map<string, SdSheetColumn>();
-    for (const col of this.columnControls()) {
+    for (const col of this._effectiveColumnControls()) {
       map.set(col.key(), col);
     }
     return map;
@@ -845,10 +824,10 @@ export class SdSheet<T> {
     this._selectRowIndicator.redraw();
   }
 
-  onFeatureCellResize(event: SdResizeEvent, key: number): void {
+  onFixedCellResize(event: SdResizeEvent, key: number): void {
     if (!event.widthChanged) return;
     const width = event.target.offsetWidth;
-    this._featureCellWidths.update((m) => {
+    this._fixedCellWidths.update((m) => {
       const newMap = new Map(m);
       newMap.set(key, width);
       return newMap;
@@ -923,7 +902,7 @@ export class SdSheet<T> {
       type: SdSheetConfigModal,
       inputs: {
         sheetKey: this.key()!,
-        controls: this.columnControls(),
+        controls: this._effectiveColumnControls(),
         config: this._configResource.value(),
       },
     });

package/src/data/sheet/types.ts

@@ -18,6 +18,7 @@ export interface SdSheetHeaderDef {
   rowspan: number;
   isLastRow: boolean;
   colDef: SdSheetColumnDef | undefined;
+  colIndex: number;
 }
 
 export interface SdSheetConfig {

package/src/data/sheet/useSheetCellStyling.ts

@@ -4,7 +4,7 @@ import type { ExpandItemDef } from "../../core/selection/useExpandingManager";
 
 export function useSheetCellStyling<T>(options: {
   columnDefs: Signal<SdSheetColumnDef[]>;
-  fixedLeftMap: Signal<Map<string, number>>;
+  fixedLeftMap: Signal<Map<number, number>>;
   getItemCellStyleFn: Signal<((item: T, colKey: string) => string | undefined) | undefined>;
   getItemCellClassFn: Signal<((item: T, colKey: string) => string) | undefined>;
   getChildrenFn: Signal<((item: T, index: number) => T[] | undefined) | undefined>;
@@ -21,8 +21,8 @@ export function useSheetCellStyling<T>(options: {
     return null;
   }
 
-  function getFixedStyle(colDef: SdSheetColumnDef): string | null {
-    const leftValue = options.fixedLeftMap().get(colDef.key);
+  function getFixedLeftStyle(colIdx: number): string | null {
+    const leftValue = options.fixedLeftMap().get(colIdx);
     if (leftValue == null) return null;
 
     return `left: ${leftValue}px`;
@@ -30,12 +30,16 @@ export function useSheetCellStyling<T>(options: {
 
   const headerColumnStyles = computed(() => {
     const map = new Map<string, string | null>();
-    for (const colDef of options.columnDefs()) {
+    const defs = options.columnDefs();
+    for (let i = 0; i < defs.length; i++) {
+      const colDef = defs[i];
       const parts: string[] = [];
       const colStyle = getColDefStyle(colDef);
       if (colStyle != null) parts.push(colStyle);
-      const fixedStyle = getFixedStyle(colDef);
-      if (fixedStyle != null) parts.push(fixedStyle);
+      if (colDef.fixed) {
+        const fixedStyle = getFixedLeftStyle(i);
+        if (fixedStyle != null) parts.push(fixedStyle);
+      }
       map.set(colDef.key, parts.length > 0 ? parts.join("; ") : null);
     }
     return map;
@@ -43,12 +47,16 @@ export function useSheetCellStyling<T>(options: {
 
   const dataColumnBaseStyles = computed(() => {
     const map = new Map<string, string | null>();
-    for (const colDef of options.columnDefs()) {
+    const defs = options.columnDefs();
+    for (let i = 0; i < defs.length; i++) {
+      const colDef = defs[i];
       const parts: string[] = [];
       const colStyle = getColDefStyle(colDef);
       if (colStyle != null) parts.push(colStyle);
-      const fixedStyle = getFixedStyle(colDef);
-      if (fixedStyle != null) parts.push(fixedStyle);
+      if (colDef.fixed) {
+        const fixedStyle = getFixedLeftStyle(i);
+        if (fixedStyle != null) parts.push(fixedStyle);
+      }
       map.set(colDef.key, parts.length > 0 ? parts.join("; ") : null);
     }
     return map;
@@ -71,8 +79,8 @@ export function useSheetCellStyling<T>(options: {
     return customStyle ?? baseStyle ?? null;
   }
 
-  function getFixedCellStyle(colDef: SdSheetColumnDef): string | null {
-    return getFixedStyle(colDef);
+  function getFixedCellStyle(colIdx: number): string | null {
+    return getFixedLeftStyle(colIdx);
   }
 
   function getCellStyleWithIndent(item: T, colDef: SdSheetColumnDef, colIdx: number): string | null {