@simplysm/angular 14.0.49 → 14.0.52

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,16 +81,16 @@ 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,
         args: [{ selector: "sd-dock-container", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
-    <div #content [class]="['_content', contentClass()].filter(v => v != null).join(' ')">
+    <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.49",
+  "version": "14.0.52",
   "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-browser": "14.0.49",
-    "@simplysm/core-common": "14.0.49",
-    "@simplysm/service-client": "14.0.49",
-    "@simplysm/service-common": "14.0.49"
+    "@simplysm/core-browser": "14.0.52",
+    "@simplysm/core-common": "14.0.52",
+    "@simplysm/service-client": "14.0.52",
+    "@simplysm/service-common": "14.0.52"
   },
   "devDependencies": {
     "@angular/compiler": "^21.2.9",

package/src/controls/select/sd-select.ts

@@ -372,12 +372,12 @@ export class SdSelect<M extends "single" | "multi", T> {
       const currentValue = this.value();
 
       if (this.selectMode() === "multi") {
-        const arr = currentValue as T[] | undefined;
-        if (arr == null || arr.length === 0) {
+        if (!Array.isArray(currentValue) || currentValue.length === 0) {
           this._selectedItemContentHTML.set(undefined);
           return;
         }
 
+        const arr: T[] = currentValue;
         const selectedItems = untracked(() => items.filter((item) => arr.includes(item.value())));
 
         const isVertical = this.multiSelectionDisplayDirection() === "vertical";
@@ -429,7 +429,7 @@ export class SdSelect<M extends "single" | "multi", T> {
       this.value.set(itemValue);
     } else {
       this.value.update((v) => {
-        const arr = (v as T[] | undefined) ?? [];
+        const arr: T[] = Array.isArray(v) ? v : [];
         if (arr.includes(itemValue as T)) {
           return arr.filter((item) => item !== itemValue);
         } else {

package/src/core/modal/sd-modal.provider.ts

@@ -112,7 +112,7 @@ export class SdModalProvider {
       }
 
       // 4. setInput으로 inputs 바인딩
-      for (const [key, value] of Object.entries(modal.inputs as Record<string, unknown>)) {
+      for (const [key, value] of Object.entries(modal.inputs)) {
         contentRef.setInput(key, value);
       }
 

package/src/core/modal/sd-modal.ts

@@ -514,7 +514,7 @@ export class SdModal {
   private async _restoreConfig(k: string): Promise<void> {
     if (this._sdSystemConfig == null) return;
 
-    const config = (await this._sdSystemConfig.getAsync(`sd-modal.${k}` as any)) as
+    const config = (await this._sdSystemConfig.getAsync(`sd-modal.${k}`)) as
       | Record<string, string | undefined>
       | undefined;
     if (config == null) return;

package/src/core/routing/menu-utils.ts

@@ -15,7 +15,7 @@ export function getMenuRouterLinkOption(
   const qp =
     q == null
       ? undefined
-      : (Object.fromEntries(new URLSearchParams(q)) as Record<string, string>);
+      : Object.fromEntries(new URLSearchParams(q));
 
   return {
     link: "/home/" + n,

package/src/core/shared-data/sd-shared-data.provider.ts

@@ -50,7 +50,7 @@ export abstract class SdSharedDataProvider<T extends Record<string, SharedDataBa
   abstract initialize(): void;
 
   register<K extends string & keyof T>(name: K, info: SharedDataInfo<T[K]>): void {
-    const existing = this._entries.get(name as string);
+    const existing = this._entries.get(name);
     if (existing != null) {
       // 기존 리스너 키 초기화 + generation 증가로 이전 이벤트 무시
       if (existing.listenerKey != null) {
@@ -75,7 +75,7 @@ export abstract class SdSharedDataProvider<T extends Record<string, SharedDataBa
         },
       };
 
-      this._entries.set(name as string, {
+      this._entries.set(name, {
         info,
         itemsSignal,
         handle,
@@ -87,14 +87,14 @@ export abstract class SdSharedDataProvider<T extends Record<string, SharedDataBa
   }
 
   getHandle<K extends string & keyof T>(name: K): SharedDataHandle<T[K]> {
-    const entry = this._entries.get(name as string);
+    const entry = this._entries.get(name);
     if (entry == null) {
-      throw new Error(`등록되지 않은 공유 데이터: ${name as string}`);
+      throw new Error(`등록되지 않은 공유 데이터: ${name}`);
     }
 
     if (entry.needsReload && !entry.isLoading) {
       entry.needsReload = false;
-      this._loadAndListen(name as string, entry);
+      this._loadAndListen(name, entry);
     }
 
     return entry.handle;
@@ -104,9 +104,9 @@ export abstract class SdSharedDataProvider<T extends Record<string, SharedDataBa
     name: K,
     changeKeys?: (string | number)[],
   ): Promise<void> {
-    const entry = this._entries.get(name as string);
+    const entry = this._entries.get(name);
     if (entry == null) {
-      throw new Error(`등록되지 않은 공유 데이터: ${name as string}`);
+      throw new Error(`등록되지 않은 공유 데이터: ${name}`);
     }
 
     const client = this._sdServiceClientFactory.get(entry.info.serviceKey);

package/src/data/shared-data/sd-shared-data-select.ts

@@ -247,7 +247,7 @@ export class SdSharedDataSelect<
       }
 
       if (hasParent && parentMap != null) {
-        const children = parentMap.get(key as TItem["__valueKey"]) ?? [];
+        const children = parentMap.get(key) ?? [];
         for (let i = 0; i < children.length; i++) {
           if (check(children[i], i)) {
             cache.set(key, true);
@@ -331,7 +331,7 @@ export class SdSharedDataSelect<
 
   getChildren = (item: SharedDataBase<string | number>): TItem[] => {
     return (
-      this._sortedChildrenMap()?.get(item.__valueKey as TItem["__valueKey"]) ??
+      this._sortedChildrenMap()?.get(item.__valueKey) ??
       []
     );
   };

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(),
       },
     });