@simplysm/angular 14.0.41 → 14.0.42

package/dist/controls/collapse/sd-collapse-icon.d.ts

@@ -1,13 +1,11 @@
 import * as i0 from "@angular/core";
 export declare class SdCollapseIcon {
+    icon: import("@angular/core").InputSignal<string>;
     open: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     openRotate: import("@angular/core").InputSignalWithTransform<number, unknown>;
-    icons: {
-        tablerChevronRight: string;
-    };
     transformStyle: import("@angular/core").Signal<string>;
     transitionStyle: import("@angular/core").Signal<"transform 0.1s ease-out" | "transform 0.1s ease-in">;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdCollapseIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdCollapseIcon, "sd-collapse-icon", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "openRotate": { "alias": "openRotate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCollapseIcon, "sd-collapse-icon", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "openRotate": { "alias": "openRotate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 //# sourceMappingURL=sd-collapse-icon.d.ts.map

package/dist/controls/collapse/sd-collapse-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-collapse-icon.d.ts","sourceRoot":"","sources":["../../../src/controls/collapse/sd-collapse-icon.ts"],"names":[],"mappings":";AAYA,qBAyBa,cAAc;IACzB,IAAI,qEAAiD;IACrD,UAAU,oEAA6C;IAEvD,KAAK;;MAA0B;IAE/B,cAAc,yCAEX;IAEH,eAAe,uFAEZ;yCAZQ,cAAc;2CAAd,cAAc;CAa1B"}
+{"version":3,"file":"sd-collapse-icon.d.ts","sourceRoot":"","sources":["../../../src/controls/collapse/sd-collapse-icon.ts"],"names":[],"mappings":";AAYA,qBAyBa,cAAc;IACzB,IAAI,8CAA6B;IACjC,IAAI,qEAAiD;IACrD,UAAU,oEAA6C;IAEvD,cAAc,yCAEX;IAEH,eAAe,uFAEZ;yCAXQ,cAAc;2CAAd,cAAc;CAY1B"}

package/dist/controls/collapse/sd-collapse-icon.js

@@ -3,9 +3,9 @@ import { NgIcon } from "@ng-icons/core";
 import { tablerChevronRight } from "@ng-icons/tabler-icons";
 import * as i0 from "@angular/core";
 export class SdCollapseIcon {
+    icon = input(tablerChevronRight, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     open = input(false, { ...(ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     openRotate = input(90, { ...(ngDevMode ? { debugName: "openRotate" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-    icons = { tablerChevronRight };
     transformStyle = computed(() => {
         return this.open() ? `rotate(${this.openRotate()}deg)` : "";
     }, ...(ngDevMode ? [{ debugName: "transformStyle" }] : /* istanbul ignore next */ []));
@@ -15,19 +15,19 @@ export class SdCollapseIcon {
     static ɵfac = function SdCollapseIcon_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCollapseIcon)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCollapseIcon, selectors: [["sd-collapse-icon"]], hostVars: 4, hostBindings: function SdCollapseIcon_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵstyleProp("transform", ctx.transformStyle())("transition", ctx.transitionStyle());
-        } }, inputs: { open: [1, "open"], openRotate: [1, "openRotate"] }, decls: 1, vars: 1, consts: [[3, "svg"]], template: function SdCollapseIcon_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { icon: [1, "icon"], open: [1, "open"], openRotate: [1, "openRotate"] }, decls: 1, vars: 1, consts: [[3, "svg"]], template: function SdCollapseIcon_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "ng-icon", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("svg", ctx.icons.tablerChevronRight);
+            i0.ɵɵproperty("svg", ctx.icon());
         } }, dependencies: [NgIcon], styles: ["sd-collapse-icon {\n  display: inline-block;\n}\nsd-collapse-icon > ng-icon {\n  display: block;\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCollapseIcon, [{
         type: Component,
         args: [{ selector: "sd-collapse-icon", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIcon], template: `
-    <ng-icon [svg]="icons.tablerChevronRight" />
+    <ng-icon [svg]="icon()" />
   `, host: {
                     "[style.transform]": "transformStyle()",
                     "[style.transition]": "transitionStyle()",
                 }, styles: ["sd-collapse-icon {\n  display: inline-block;\n}\nsd-collapse-icon > ng-icon {\n  display: block;\n}"] }]
-    }], null, { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], openRotate: [{ type: i0.Input, args: [{ isSignal: true, alias: "openRotate", required: false }] }] }); })();
+    }], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], openRotate: [{ type: i0.Input, args: [{ isSignal: true, alias: "openRotate", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCollapseIcon, { className: "SdCollapseIcon", filePath: "packages/angular/src/controls/collapse/sd-collapse-icon.ts", lineNumber: 38, forbidOrphanRendering: true }); })();

package/dist/core/modal/sd-modal.d.ts

@@ -13,6 +13,7 @@ export declare class SdModal {
     title: import("@angular/core").InputSignal<string>;
     hideHeader: import("@angular/core").InputSignal<boolean>;
     hideCloseButton: import("@angular/core").InputSignal<boolean>;
+    headerStyle: import("@angular/core").InputSignal<string | undefined>;
     useCloseByBackdrop: import("@angular/core").InputSignal<boolean>;
     useCloseByEscapeKey: import("@angular/core").InputSignal<boolean>;
     float: import("@angular/core").InputSignal<boolean>;
@@ -40,6 +41,6 @@ export declare class SdModal {
     private _saveConfig;
     private _restoreConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdModal, "sd-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; "hideCloseButton": { "alias": "hideCloseButton"; "required": false; "isSignal": true; }; "useCloseByBackdrop": { "alias": "useCloseByBackdrop"; "required": false; "isSignal": true; }; "useCloseByEscapeKey": { "alias": "useCloseByEscapeKey"; "required": false; "isSignal": true; }; "float": { "alias": "float"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "movable": { "alias": "movable"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "minHeightPx": { "alias": "minHeightPx"; "required": false; "isSignal": true; }; "minWidthPx": { "alias": "minWidthPx"; "required": false; "isSignal": true; }; "heightPx": { "alias": "heightPx"; "required": false; "isSignal": true; }; "widthPx": { "alias": "widthPx"; "required": false; "isSignal": true; }; "actionTplRef": { "alias": "actionTplRef"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closeRequest": "closeRequest"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdModal, "sd-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; "hideCloseButton": { "alias": "hideCloseButton"; "required": false; "isSignal": true; }; "headerStyle": { "alias": "headerStyle"; "required": false; "isSignal": true; }; "useCloseByBackdrop": { "alias": "useCloseByBackdrop"; "required": false; "isSignal": true; }; "useCloseByEscapeKey": { "alias": "useCloseByEscapeKey"; "required": false; "isSignal": true; }; "float": { "alias": "float"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "movable": { "alias": "movable"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "minHeightPx": { "alias": "minHeightPx"; "required": false; "isSignal": true; }; "minWidthPx": { "alias": "minWidthPx"; "required": false; "isSignal": true; }; "heightPx": { "alias": "heightPx"; "required": false; "isSignal": true; }; "widthPx": { "alias": "widthPx"; "required": false; "isSignal": true; }; "actionTplRef": { "alias": "actionTplRef"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closeRequest": "closeRequest"; }, never, ["*"], true, never>;
 }
 //# sourceMappingURL=sd-modal.d.ts.map

package/dist/core/modal/sd-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-modal.d.ts","sourceRoot":"","sources":["../../../src/core/modal/sd-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AAQvB,OAAO,wBAAwB,CAAC;;AAEhC,qBAuQa,OAAO;IAClB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAwD;IAC1F,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAsD;IACtF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAwB;IACtD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAqB;IAEhD,SAAS,CAAC,QAAQ,CAAC,OAAO,yVAAW;IAErC,IAAI,+CAAgB;IACpB,GAAG,0DAAwC;IAC3C,KAAK,8CAAa;IAClB,UAAU,+CAAgB;IAC1B,eAAe,+CAAgB;IAC/B,kBAAkB,+CAAe;IACjC,mBAAmB,+CAAe;IAClC,KAAK,+CAAgB;IACrB,IAAI,+CAAgB;IACpB,SAAS,+CAAgB;IACzB,OAAO,+CAAgB;IACvB,QAAQ,gFAA8D;IACtE,WAAW,0DAAwC;IACnD,UAAU,0DAAwC;IAClD,QAAQ,0DAAwC;IAChD,OAAO,0DAAwC;IAC/C,YAAY,oEAAkD;IAE9D,YAAY,iDAAkB;IAE9B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAKzB;;IAqCH,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAKvD,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAO1C,eAAe,IAAI,IAAI;IAKvB,kBAAkB,IAAI,IAAI;IAI1B,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAS3C,aAAa,IAAI,IAAI;IAIrB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,YAAY;YAIN,WAAW;YAgBX,cAAc;yCArJjB,OAAO;2CAAP,OAAO;CAqKnB"}
+{"version":3,"file":"sd-modal.d.ts","sourceRoot":"","sources":["../../../src/core/modal/sd-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AAQvB,OAAO,wBAAwB,CAAC;;AAEhC,qBAuQa,OAAO;IAClB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAwD;IAC1F,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAsD;IACtF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAwB;IACtD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAqB;IAEhD,SAAS,CAAC,QAAQ,CAAC,OAAO,yVAAW;IAErC,IAAI,+CAAgB;IACpB,GAAG,0DAAwC;IAC3C,KAAK,8CAAa;IAClB,UAAU,+CAAgB;IAC1B,eAAe,+CAAgB;IAC/B,WAAW,0DAAwC;IACnD,kBAAkB,+CAAe;IACjC,mBAAmB,+CAAe;IAClC,KAAK,+CAAgB;IACrB,IAAI,+CAAgB;IACpB,SAAS,+CAAgB;IACzB,OAAO,+CAAgB;IACvB,QAAQ,gFAA8D;IACtE,WAAW,0DAAwC;IACnD,UAAU,0DAAwC;IAClD,QAAQ,0DAAwC;IAChD,OAAO,0DAAwC;IAC/C,YAAY,oEAAkD;IAE9D,YAAY,iDAAkB;IAE9B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAKzB;;IAqCH,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAKvD,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAO1C,eAAe,IAAI,IAAI;IAKvB,kBAAkB,IAAI,IAAI;IAI1B,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAS3C,aAAa,IAAI,IAAI;IAIrB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,YAAY;YAIN,WAAW;YAgBX,cAAc;yCAtJjB,OAAO;2CAAP,OAAO;CAsKnB"}

package/dist/core/modal/sd-modal.js

@@ -41,6 +41,7 @@ function SdModal_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵstyleMap(ctx_r1.headerStyle());
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.title());
     i0.ɵɵadvance();
@@ -87,6 +88,7 @@ export class SdModal {
     title = input("", ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
     hideHeader = input(false, ...(ngDevMode ? [{ debugName: "hideHeader" }] : /* istanbul ignore next */ []));
     hideCloseButton = input(false, ...(ngDevMode ? [{ debugName: "hideCloseButton" }] : /* istanbul ignore next */ []));
+    headerStyle = input(undefined, ...(ngDevMode ? [{ debugName: "headerStyle" }] : /* istanbul ignore next */ []));
     useCloseByBackdrop = input(true, ...(ngDevMode ? [{ debugName: "useCloseByBackdrop" }] : /* istanbul ignore next */ []));
     useCloseByEscapeKey = input(true, ...(ngDevMode ? [{ debugName: "useCloseByEscapeKey" }] : /* istanbul ignore next */ []));
     float = input(false, ...(ngDevMode ? [{ debugName: "float" }] : /* istanbul ignore next */ []));
@@ -238,14 +240,14 @@ export class SdModal {
     static ɵfac = function SdModal_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdModal)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdModal, selectors: [["sd-modal"]], hostVars: 4, hostBindings: function SdModal_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-open", ctx.open() || undefined)("data-sd-float", ctx.float() || undefined)("data-sd-fill", ctx.fill() || undefined)("data-sd-position", ctx.position() || undefined);
-        } }, inputs: { open: [1, "open"], key: [1, "key"], title: [1, "title"], hideHeader: [1, "hideHeader"], hideCloseButton: [1, "hideCloseButton"], useCloseByBackdrop: [1, "useCloseByBackdrop"], useCloseByEscapeKey: [1, "useCloseByEscapeKey"], float: [1, "float"], fill: [1, "fill"], resizable: [1, "resizable"], movable: [1, "movable"], position: [1, "position"], minHeightPx: [1, "minHeightPx"], minWidthPx: [1, "minWidthPx"], heightPx: [1, "heightPx"], widthPx: [1, "widthPx"], actionTplRef: [1, "actionTplRef"] }, outputs: { open: "openChange", closeRequest: "closeRequest" }, ngContentSelectors: _c0, decls: 6, vars: 2, consts: [[1, "_backdrop", 3, "mousedown"], ["tabindex", "-1", 1, "_dialog", 3, "keydown", "focus"], [1, "_header"], [1, "_content"], [1, "_header", 3, "mousedown"], [1, "_title"], [1, "_close-btn"], [4, "ngTemplateOutlet"], [1, "_close-btn", 3, "click"], [3, "svg"], ["data-resize-dir", "top", 1, "_resize-handle", "_resize-top", 3, "mousedown"], ["data-resize-dir", "bottom", 1, "_resize-handle", "_resize-bottom", 3, "mousedown"], ["data-resize-dir", "left", 1, "_resize-handle", "_resize-left", 3, "mousedown"], ["data-resize-dir", "right", 1, "_resize-handle", "_resize-right", 3, "mousedown"], ["data-resize-dir", "top-left", 1, "_resize-handle", "_resize-top-left", 3, "mousedown"], ["data-resize-dir", "top-right", 1, "_resize-handle", "_resize-top-right", 3, "mousedown"], ["data-resize-dir", "bottom-left", 1, "_resize-handle", "_resize-bottom-left", 3, "mousedown"], ["data-resize-dir", "bottom-right", 1, "_resize-handle", "_resize-bottom-right", 3, "mousedown"]], template: function SdModal_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { open: [1, "open"], key: [1, "key"], title: [1, "title"], hideHeader: [1, "hideHeader"], hideCloseButton: [1, "hideCloseButton"], headerStyle: [1, "headerStyle"], useCloseByBackdrop: [1, "useCloseByBackdrop"], useCloseByEscapeKey: [1, "useCloseByEscapeKey"], float: [1, "float"], fill: [1, "fill"], resizable: [1, "resizable"], movable: [1, "movable"], position: [1, "position"], minHeightPx: [1, "minHeightPx"], minWidthPx: [1, "minWidthPx"], heightPx: [1, "heightPx"], widthPx: [1, "widthPx"], actionTplRef: [1, "actionTplRef"] }, outputs: { open: "openChange", closeRequest: "closeRequest" }, ngContentSelectors: _c0, decls: 6, vars: 2, consts: [[1, "_backdrop", 3, "mousedown"], ["tabindex", "-1", 1, "_dialog", 3, "keydown", "focus"], [1, "_header", 3, "style"], [1, "_content"], [1, "_header", 3, "mousedown"], [1, "_title"], [1, "_close-btn"], [4, "ngTemplateOutlet"], [1, "_close-btn", 3, "click"], [3, "svg"], ["data-resize-dir", "top", 1, "_resize-handle", "_resize-top", 3, "mousedown"], ["data-resize-dir", "bottom", 1, "_resize-handle", "_resize-bottom", 3, "mousedown"], ["data-resize-dir", "left", 1, "_resize-handle", "_resize-left", 3, "mousedown"], ["data-resize-dir", "right", 1, "_resize-handle", "_resize-right", 3, "mousedown"], ["data-resize-dir", "top-left", 1, "_resize-handle", "_resize-top-left", 3, "mousedown"], ["data-resize-dir", "top-right", 1, "_resize-handle", "_resize-top-right", 3, "mousedown"], ["data-resize-dir", "bottom-left", 1, "_resize-handle", "_resize-bottom-left", 3, "mousedown"], ["data-resize-dir", "bottom-right", 1, "_resize-handle", "_resize-bottom-right", 3, "mousedown"]], template: function SdModal_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("mousedown", function SdModal_Template_div_mousedown_0_listener() { return ctx.onBackdropClick(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(1, "div", 1);
             i0.ɵɵlistener("keydown", function SdModal_Template_div_keydown_1_listener($event) { return ctx.onDialogKeydown($event); })("focus", function SdModal_Template_div_focus_1_listener() { return ctx.onDialogFocus(); });
-            i0.ɵɵconditionalCreate(2, SdModal_Conditional_2_Template, 5, 3, "div", 2);
+            i0.ɵɵconditionalCreate(2, SdModal_Conditional_2_Template, 5, 5, "div", 2);
             i0.ɵɵelementStart(3, "div", 3);
             i0.ɵɵprojection(4);
             i0.ɵɵelementEnd();
@@ -271,7 +273,7 @@ export class SdModal {
          (keydown)="onDialogKeydown($event)"
          (focus)="onDialogFocus()">
       @if (!hideHeader()) {
-        <div class="_header" (mousedown)="onHeaderMouseDown($event)">
+        <div class="_header" (mousedown)="onHeaderMouseDown($event)" [style]="headerStyle()">
           <span class="_title">{{ title() }}</span>
           @if (actionTplRef()) {
             <ng-container *ngTemplateOutlet="actionTplRef()!" />
@@ -294,5 +296,5 @@ export class SdModal {
       }
     </div>
   `, styles: ["sd-modal {\n  display: block;\n  position: fixed;\n  z-index: var(--z-index-modal);\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  padding-top: calc(var(--topbar-height) + var(--gap-sm));\n  opacity: 0;\n  transition: opacity var(--animation-duration) ease-in-out;\n  pointer-events: none;\n}\nsd-modal > ._backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--trans-default);\n}\nsd-modal > ._dialog {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n  width: fit-content;\n  min-width: 200px;\n  background: var(--control-color);\n  overflow: hidden;\n  box-shadow: 0 calc(16 * var(--elevation-size)) calc(16 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  transform: translateY(-25px);\n  transition: transform var(--animation-duration) ease-in-out;\n}\nsd-modal > ._dialog:focus {\n  outline: none;\n}\nsd-modal > ._dialog > ._header {\n  display: flex;\n  align-items: center;\n  user-select: none;\n  border-bottom: 1px solid var(--theme-gray-lightest);\n}\nsd-modal > ._dialog > ._header > ._title {\n  flex: 1;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal > ._dialog > ._header > ._close-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gap-sm) var(--gap-default);\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  font-size: inherit;\n  color: inherit;\n}\nsd-modal > ._dialog > ._header > ._close-btn:hover {\n  background: var(--trans-lightest);\n}\nsd-modal > ._dialog > ._content {\n  flex: 1;\n  overflow: auto;\n}\nsd-modal > ._dialog > ._resize-handle {\n  position: absolute;\n}\nsd-modal > ._dialog > ._resize-handle._resize-left {\n  top: 0;\n  left: 0;\n  width: var(--gap-sm);\n  height: 100%;\n  cursor: ew-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-right {\n  top: 0;\n  right: 0;\n  width: var(--gap-sm);\n  height: 100%;\n  cursor: ew-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-top {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: var(--gap-sm);\n  cursor: ns-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-top-right {\n  right: 0;\n  top: 0;\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  z-index: 1;\n  cursor: nesw-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-top-left {\n  left: 0;\n  top: 0;\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  cursor: nwse-resize;\n  z-index: 1;\n}\nsd-modal > ._dialog > ._resize-handle._resize-bottom {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--gap-sm);\n  cursor: ns-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-bottom-right {\n  right: 0;\n  bottom: 0;\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  z-index: 1;\n  cursor: nwse-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-bottom-left {\n  left: 0;\n  bottom: 0;\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  cursor: nesw-resize;\n  z-index: 1;\n}\nsd-modal[data-sd-open][data-sd-init] {\n  opacity: 1;\n  pointer-events: auto;\n}\nsd-modal[data-sd-open][data-sd-init] > ._dialog {\n  transform: none;\n}\nsd-modal[data-sd-float] {\n  pointer-events: none;\n}\nsd-modal[data-sd-float] > ._backdrop {\n  display: none;\n}\nsd-modal[data-sd-float] > ._dialog {\n  pointer-events: auto;\n  opacity: 0;\n  box-shadow: 0 calc(4 * var(--elevation-size)) calc(4 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n  border: 1px solid var(--theme-gray-lighter);\n}\nsd-modal[data-sd-float] > ._dialog:focus {\n  box-shadow: 0 calc(16 * var(--elevation-size)) calc(16 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n}\nsd-modal[data-sd-float][data-sd-open][data-sd-init] {\n  pointer-events: none;\n}\nsd-modal[data-sd-float][data-sd-open][data-sd-init] > ._dialog {\n  pointer-events: auto;\n  opacity: 1;\n}\nsd-modal[data-sd-position=bottom-right] > ._dialog {\n  position: absolute;\n  right: calc(var(--gap-xxl) * 2);\n  bottom: var(--gap-xxl);\n}\nsd-modal[data-sd-position=top-right] > ._dialog {\n  position: absolute;\n  right: var(--gap-xxl);\n  top: var(--gap-xxl);\n}\nsd-modal[data-sd-fill] {\n  padding-top: 0;\n}\nsd-modal[data-sd-fill] > ._dialog {\n  width: 100%;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n}\nsd-modal[data-sd-fill] > ._dialog > ._header {\n  background: transparent;\n  color: var(--text-trans-lighter);\n}"] }]
-    }], () => [], { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], hideHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideHeader", required: false }] }], hideCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideCloseButton", required: false }] }], useCloseByBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "useCloseByBackdrop", required: false }] }], useCloseByEscapeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "useCloseByEscapeKey", required: false }] }], float: [{ type: i0.Input, args: [{ isSignal: true, alias: "float", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], movable: [{ type: i0.Input, args: [{ isSignal: true, alias: "movable", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], minHeightPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeightPx", required: false }] }], minWidthPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidthPx", required: false }] }], heightPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightPx", required: false }] }], widthPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthPx", required: false }] }], actionTplRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionTplRef", required: false }] }], closeRequest: [{ type: i0.Output, args: ["closeRequest"] }] }); })();
+    }], () => [], { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], hideHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideHeader", required: false }] }], hideCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideCloseButton", required: false }] }], headerStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerStyle", required: false }] }], useCloseByBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "useCloseByBackdrop", required: false }] }], useCloseByEscapeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "useCloseByEscapeKey", required: false }] }], float: [{ type: i0.Input, args: [{ isSignal: true, alias: "float", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], movable: [{ type: i0.Input, args: [{ isSignal: true, alias: "movable", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], minHeightPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeightPx", required: false }] }], minWidthPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidthPx", required: false }] }], heightPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightPx", required: false }] }], widthPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthPx", required: false }] }], actionTplRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionTplRef", required: false }] }], closeRequest: [{ type: i0.Output, args: ["closeRequest"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdModal, { className: "SdModal", filePath: "packages/angular/src/core/modal/sd-modal.ts", lineNumber: 286, forbidOrphanRendering: true }); })();

package/dist/core/modal/sd-modal.provider.d.ts

@@ -30,6 +30,7 @@ export interface SdModalOptions {
     key?: string;
     hideHeader?: boolean;
     hideCloseButton?: boolean;
+    headerStyle?: string;
     useCloseByBackdrop?: boolean;
     useCloseByEscapeKey?: boolean;
     float?: boolean;

package/dist/core/modal/sd-modal.provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-modal.provider.d.ts","sourceRoot":"","sources":["../../../src/core/modal/sd-modal.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,gBAAgB,EACrB,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,IAAI,EACV,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EACV,qBAAqB,EACrB,YAAY,EACb,MAAM,4BAA4B,CAAC;AAGpC,OAAO,wBAAwB,CAAC;;AAEhC;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC7B,KAAK,EAAE,gBAAgB,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAChC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACxC;AAED,KAAK,kBAAkB,GAAG,aAAa,GAAG,OAAO,GAAG,cAAc,GAAG,sBAAsB,CAAC;AAC5F,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS;IAAE,oBAAoB,CAAC,EAAE,MAAM,CAAC,SAAS,MAAM,CAAA;CAAE,GACrF,CAAC,GACD,KAAK,CAAC;AAEV;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,MAAM,EAAE,YAAY,CAClB,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC,CAAC,EACtD,mBAAmB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC,CAAC,CACtF,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;GAEG;AACH,qBACa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA0B;IAClD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA+B;IAC5D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAE9C,UAAU,iDAAa;IAEjB,SAAS,CAAC,CAAC,SAAS,iBAAiB,CAAC,GAAG,CAAC,EAC9C,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EACrB,OAAO,CAAC,EAAE,cAAc,GACvB,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IA0JzD,OAAO,CAAC,aAAa;yCApKV,eAAe;6CAAf,eAAe;CA+K3B"}
+{"version":3,"file":"sd-modal.provider.d.ts","sourceRoot":"","sources":["../../../src/core/modal/sd-modal.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,gBAAgB,EACrB,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,IAAI,EACV,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EACV,qBAAqB,EACrB,YAAY,EACb,MAAM,4BAA4B,CAAC;AAGpC,OAAO,wBAAwB,CAAC;;AAEhC;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC7B,KAAK,EAAE,gBAAgB,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAChC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACxC;AAED,KAAK,kBAAkB,GAAG,aAAa,GAAG,OAAO,GAAG,cAAc,GAAG,sBAAsB,CAAC;AAC5F,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS;IAAE,oBAAoB,CAAC,EAAE,MAAM,CAAC,SAAS,MAAM,CAAA;CAAE,GACrF,CAAC,GACD,KAAK,CAAC;AAEV;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,MAAM,EAAE,YAAY,CAClB,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC,CAAC,EACtD,mBAAmB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC,CAAC,CACtF,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;GAEG;AACH,qBACa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA0B;IAClD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA+B;IAC5D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAE9C,UAAU,iDAAa;IAEjB,SAAS,CAAC,CAAC,SAAS,iBAAiB,CAAC,GAAG,CAAC,EAC9C,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EACrB,OAAO,CAAC,EAAE,cAAc,GACvB,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IA0JzD,OAAO,CAAC,aAAa;yCApKV,eAAe;6CAAf,eAAe;CA+K3B"}

package/dist/data/data-sheet/sd-data-sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-data-sheet.d.ts","sourceRoot":"","sources":["../../../src/data/data-sheet/sd-data-sheet.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAMrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAc3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;;AAIvD,qBAqVa,WAAW;IACtB,MAAM,iCAAkD;IAExD,QAAQ,qDAAiC;IAEzC,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAC7B,WAAW,0DAAmB;IAC9B,UAAU,8CAAuB;IACjC,WAAW,8CAAwB;IAEnC,gBAAgB,+DAAwD;IACxE,UAAU,+DAAkD;IAC5D,YAAY,+DAAoD;IAChE,gBAAgB,+DAAwD;IACxE,UAAU,+DAAkD;IAC5D,iBAAiB,+DAAyD;IAE1E,cAAc,+DAAsC;IAEpD,iBAAiB,+DAAsD;;IAQvE,SAAS,CAAC,QAAQ,CAAC,KAAK;;;;;;;;MAQtB;IAEF,cAAc;IAId,oBAAoB;IAId,uBAAuB;IAIvB,qBAAqB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU;IAMjE,8BAA8B,CAAC,GAAG,EAAE,OAAO;IAIjD,6BAA6B,CAAC,IAAI,EAAE,GAAG;IAIvC,mBAAmB;IAIb,QAAQ;IAIR,oBAAoB;IAIpB,0BAA0B;IAI1B,wBAAwB;IAI9B,oBAAoB;IAIpB,mBAAmB;yCAxFR,WAAW;2CAAX,WAAW;CA2FvB"}
+{"version":3,"file":"sd-data-sheet.d.ts","sourceRoot":"","sources":["../../../src/data/data-sheet/sd-data-sheet.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAOrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAc3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;;AAIvD,qBA6Va,WAAW;IACtB,MAAM,iCAAkD;IAExD,QAAQ,qDAAiC;IAEzC,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAC7B,WAAW,0DAAmB;IAC9B,UAAU,8CAAuB;IACjC,WAAW,8CAAwB;IAEnC,gBAAgB,+DAAwD;IACxE,UAAU,+DAAkD;IAC5D,YAAY,+DAAoD;IAChE,gBAAgB,+DAAwD;IACxE,UAAU,+DAAkD;IAC5D,iBAAiB,+DAAyD;IAE1E,cAAc,+DAAsC;IAEpD,iBAAiB,+DAAsD;;IAQvE,SAAS,CAAC,QAAQ,CAAC,KAAK;;;;;;;;MAQtB;IAEF,cAAc;IAId,oBAAoB;IAId,uBAAuB;IAIvB,qBAAqB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU;IAMjE,8BAA8B,CAAC,GAAG,EAAE,OAAO;IAIjD,6BAA6B,CAAC,IAAI,EAAE,GAAG;IAIvC,mBAAmB;IAIb,QAAQ;IAIR,oBAAoB;IAIpB,0BAA0B;IAI1B,wBAAwB;IAI9B,oBAAoB;IAIpB,mBAAmB;yCAxFR,WAAW;2CAAX,WAAW;CA2FvB"}

package/dist/data/data-sheet/sd-data-sheet.js

@@ -3,6 +3,7 @@ import { ChangeDetectionStrategy, Component, contentChild, contentChildren, effe
 import { SdButton } from "../../controls/button/sd-button";
 import { SdForm } from "../../controls/form/sd-form";
 import { SdSheetColumn } from "../sheet/sd-sheet-column";
+import { SdSheetColumnCellTemplate } from "../sheet/sd-sheet-column-cell-template";
 import { SdSheet } from "../sheet/sd-sheet";
 import { injectParent } from "../../core/injectParent";
 import { FormatPipe } from "../../core/format.pipe";
@@ -252,13 +253,13 @@ function SdDataSheet_ng_template_3_Conditional_4_Template(rf, ctx) { if (rf & 1)
 } }
 function SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 27)(1, "sd-anchor", 28);
-    i0.ɵɵlistener("click", function SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template_sd_anchor_click_1_listener() { const item_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onToggleDeleteItemButtonClick(item_r14)); });
+    i0.ɵɵelementStart(0, "div", 28)(1, "sd-anchor", 29);
+    i0.ɵɵlistener("click", function SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template_sd_anchor_click_1_listener() { const item_r14 = i0.ɵɵrestoreView(_r13).item; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onToggleDeleteItemButtonClick(item_r14)); });
     i0.ɵɵelement(2, "ng-icon", 10);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r14 = ctx.$implicit;
+    const item_r14 = ctx.item;
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵproperty("theme", "danger")("disabled", !ctx_r2.parent.getItemInfoFn(item_r14).canDelete);
@@ -269,36 +270,48 @@ function SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template(rf, ctx)
 } }
 function SdDataSheet_ng_template_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-sheet-column", 17);
-    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template, 4, 4, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template, 4, 4, "ng-template", 27);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("fixed", true)("key", ctx_r2.parent.itemPropInfo.isDeleted);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("cell", ctx_r2.parent.items());
 } }
 function SdDataSheet_ng_template_3_For_10_Conditional_1_ng_template_0_ng_template_0_Template(rf, ctx) { }
 function SdDataSheet_ng_template_3_For_10_Conditional_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_Conditional_1_ng_template_0_ng_template_0_Template, 0, 0, "ng-template", 11);
 } if (rf & 2) {
     const columnControl_r15 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("ngTemplateOutlet", columnControl_r15.summaryTplRef());
+    i0.ɵɵproperty("ngTemplateOutlet", columnControl_r15.headerTplRef());
 } }
 function SdDataSheet_ng_template_3_For_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_Conditional_1_ng_template_0_Template, 1, 1, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_Conditional_1_ng_template_0_Template, 1, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+} }
+function SdDataSheet_ng_template_3_For_10_Conditional_2_ng_template_0_ng_template_0_Template(rf, ctx) { }
+function SdDataSheet_ng_template_3_For_10_Conditional_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_Conditional_2_ng_template_0_ng_template_0_Template, 0, 0, "ng-template", 11);
+} if (rf & 2) {
+    const columnControl_r15 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("ngTemplateOutlet", columnControl_r15.summaryTplRef());
+} }
+function SdDataSheet_ng_template_3_For_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_Conditional_2_ng_template_0_Template, 1, 1, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
 } }
-function SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_0_ng_template_4_Template(rf, ctx) { }
-function SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_0_ng_template_4_Template(rf, ctx) { }
+function SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-anchor", 31);
-    i0.ɵɵlistener("click", function SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_0_Template_sd_anchor_click_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r16 = i0.ɵɵnextContext(); const item_r18 = ctx_r16.$implicit; const index_r19 = ctx_r16.index; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onEditItemButtonClick(item_r18, index_r19, $event)); });
-    i0.ɵɵelementStart(1, "div", 32);
+    i0.ɵɵelementStart(0, "sd-anchor", 32);
+    i0.ɵɵlistener("click", function SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_0_Template_sd_anchor_click_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r16 = i0.ɵɵnextContext(); const item_r18 = ctx_r16.item; const index_r19 = ctx_r16.index; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onEditItemButtonClick(item_r18, index_r19, $event)); });
+    i0.ɵɵelementStart(1, "div", 33);
     i0.ɵɵelement(2, "ng-icon", 10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 33);
-    i0.ɵɵtemplate(4, SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_0_ng_template_4_Template, 0, 0, "ng-template", 30);
+    i0.ɵɵelementStart(3, "div", 34);
+    i0.ɵɵtemplate(4, SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_0_ng_template_4_Template, 0, 0, "ng-template", 31);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r16 = i0.ɵɵnextContext();
-    const item_r18 = ctx_r16.$implicit;
+    const item_r18 = ctx_r16.item;
     const index_r19 = ctx_r16.index;
     const depth_r20 = ctx_r16.depth;
     const edit_r21 = ctx_r16.edit;
@@ -309,22 +322,22 @@ function SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_0_Template(r
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngTemplateOutlet", columnControl_r15.cellTplRef())("ngTemplateOutletContext", i0.ɵɵpureFunction5(3, _c8, item_r18, item_r18, index_r19, depth_r20, edit_r21));
 } }
-function SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_1_ng_template_0_Template(rf, ctx) { }
-function SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 30);
+function SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_1_ng_template_0_Template(rf, ctx) { }
+function SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 31);
 } if (rf & 2) {
     const ctx_r16 = i0.ɵɵnextContext();
-    const item_r18 = ctx_r16.$implicit;
+    const item_r18 = ctx_r16.item;
     const index_r19 = ctx_r16.index;
     const depth_r20 = ctx_r16.depth;
     const edit_r21 = ctx_r16.edit;
     const columnControl_r15 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵproperty("ngTemplateOutlet", columnControl_r15.cellTplRef())("ngTemplateOutletContext", i0.ɵɵpureFunction5(2, _c8, item_r18, item_r18, index_r19, depth_r20, edit_r21));
 } }
-function SdDataSheet_ng_template_3_For_10_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_0_Template, 5, 9, "sd-anchor", 29)(1, SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_1_Template, 1, 8, null, 30);
+function SdDataSheet_ng_template_3_For_10_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_0_Template, 5, 9, "sd-anchor", 30)(1, SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_1_Template, 1, 8, null, 31);
 } if (rf & 2) {
-    const item_r18 = ctx.$implicit;
+    const item_r18 = ctx.item;
     const columnControl_r15 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r2.parent.editMode === "modal" && ctx_r2.parent.canEdit() && columnControl_r15.edit() && ctx_r2.parent.getItemInfoFn(item_r18).canEdit ? 0 : 1);
@@ -332,50 +345,60 @@ function SdDataSheet_ng_template_3_For_10_ng_template_2_Template(rf, ctx) { if (
 function SdDataSheet_ng_template_3_For_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-sheet-column", 18);
     i0.ɵɵconditionalCreate(1, SdDataSheet_ng_template_3_For_10_Conditional_1_Template, 2, 0);
-    i0.ɵɵtemplate(2, SdDataSheet_ng_template_3_For_10_ng_template_2_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵconditionalCreate(2, SdDataSheet_ng_template_3_For_10_Conditional_2_Template, 2, 0);
+    i0.ɵɵtemplate(3, SdDataSheet_ng_template_3_For_10_ng_template_3_Template, 2, 1, "ng-template", 27);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const columnControl_r15 = ctx.$implicit;
-    i0.ɵɵproperty("key", columnControl_r15.key())("fixed", columnControl_r15.fixed())("header", columnControl_r15.header())("width", columnControl_r15.width())("disableSorting", columnControl_r15.disableSorting())("disableResizing", columnControl_r15.disableResizing())("hidden", columnControl_r15.hidden())("collapse", columnControl_r15.collapse());
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("key", columnControl_r15.key())("fixed", columnControl_r15.fixed())("header", columnControl_r15.header())("headerStyle", columnControl_r15.headerStyle())("tooltip", columnControl_r15.tooltip())("width", columnControl_r15.width())("disableSorting", columnControl_r15.disableSorting())("disableResizing", columnControl_r15.disableResizing())("hidden", columnControl_r15.hidden())("collapse", columnControl_r15.collapse());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(columnControl_r15.headerTplRef() ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(columnControl_r15.summaryTplRef() ? 1 : -1);
+    i0.ɵɵconditional(columnControl_r15.summaryTplRef() ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("cell", ctx_r2.parent.items());
 } }
 function SdDataSheet_ng_template_3_Conditional_11_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelementStart(0, "div", 28);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "format");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r22 = ctx.$implicit;
+    const item_r22 = ctx.item;
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r22[ctx_r2.parent.itemPropInfo.lastModifiedAt], "yyyy-MM-dd HH:mm"), " ");
 } }
 function SdDataSheet_ng_template_3_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-sheet-column", 19);
-    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_11_ng_template_1_Template, 3, 4, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_11_ng_template_1_Template, 3, 4, "ng-template", 27);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("header", "\uC218\uC815\uC77C\uC2DC")("key", ctx_r2.parent.itemPropInfo.lastModifiedAt)("hidden", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("cell", ctx_r2.parent.items());
 } }
 function SdDataSheet_ng_template_3_Conditional_12_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelementStart(0, "div", 28);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r23 = ctx.$implicit;
+    const item_r23 = ctx.item;
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", item_r23[ctx_r2.parent.itemPropInfo.lastModifiedBy], " ");
 } }
 function SdDataSheet_ng_template_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-sheet-column", 19);
-    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_12_ng_template_1_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_12_ng_template_1_Template, 2, 1, "ng-template", 27);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("header", "\uC218\uC815\uC790")("key", ctx_r2.parent.itemPropInfo.lastModifiedBy)("hidden", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("cell", ctx_r2.parent.items());
 } }
 function SdDataSheet_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -387,10 +410,10 @@ function SdDataSheet_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("formSubmit", function SdDataSheet_ng_template_3_Template_sd_form_formSubmit_5_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSubmit()); });
     i0.ɵɵelementStart(7, "sd-sheet", 16);
     i0.ɵɵtwoWayListener("currentPageChange", function SdDataSheet_ng_template_3_Template_sd_sheet_currentPageChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.parent.page, $event) || (ctx_r2.parent.page = $event); return i0.ɵɵresetView($event); })("sortsChange", function SdDataSheet_ng_template_3_Template_sd_sheet_sortsChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.parent.sortingDefs, $event) || (ctx_r2.parent.sortingDefs = $event); return i0.ɵɵresetView($event); })("selectedItemsChange", function SdDataSheet_ng_template_3_Template_sd_sheet_selectedItemsChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.parent.selectedItems, $event) || (ctx_r2.parent.selectedItems = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵconditionalCreate(8, SdDataSheet_ng_template_3_Conditional_8_Template, 3, 2, "sd-sheet-column", 17);
-    i0.ɵɵrepeaterCreate(9, SdDataSheet_ng_template_3_For_10_Template, 4, 9, "sd-sheet-column", 18, _forTrack0);
-    i0.ɵɵconditionalCreate(11, SdDataSheet_ng_template_3_Conditional_11_Template, 3, 3, "sd-sheet-column", 19);
-    i0.ɵɵconditionalCreate(12, SdDataSheet_ng_template_3_Conditional_12_Template, 3, 3, "sd-sheet-column", 19);
+    i0.ɵɵconditionalCreate(8, SdDataSheet_ng_template_3_Conditional_8_Template, 2, 3, "sd-sheet-column", 17);
+    i0.ɵɵrepeaterCreate(9, SdDataSheet_ng_template_3_For_10_Template, 4, 13, "sd-sheet-column", 18, _forTrack0);
+    i0.ɵɵconditionalCreate(11, SdDataSheet_ng_template_3_Conditional_11_Template, 2, 4, "sd-sheet-column", 19);
+    i0.ɵɵconditionalCreate(12, SdDataSheet_ng_template_3_Conditional_12_Template, 2, 4, "sd-sheet-column", 19);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -449,7 +472,7 @@ function SdDataSheet_Conditional_5_ng_template_0_Conditional_4_Template(rf, ctx)
     i0.ɵɵtextInterpolate1(" \uD655\uC778(", ctx_r2.parent.selectedItemKeys().length, ") ");
 } }
 function SdDataSheet_Conditional_5_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 34)(1, "div", 35);
+    i0.ɵɵelementStart(0, "div", 35)(1, "div", 36);
     i0.ɵɵconditionalCreate(2, SdDataSheet_Conditional_5_ng_template_0_Conditional_2_Template, 1, 1, null, 11);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(3, SdDataSheet_Conditional_5_ng_template_0_Conditional_3_Template, 2, 3, "sd-button", 25);
@@ -466,7 +489,7 @@ function SdDataSheet_Conditional_5_ng_template_0_Template(rf, ctx) { if (rf & 1)
 } }
 function SdDataSheet_Conditional_5_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-anchor", 36);
+    i0.ɵɵelementStart(0, "sd-anchor", 37);
     i0.ɵɵlistener("click", function SdDataSheet_Conditional_5_ng_template_2_Template_sd_anchor_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onRefreshButtonClick()); });
     i0.ɵɵelement(1, "ng-icon", 10);
     i0.ɵɵelementEnd();
@@ -562,7 +585,7 @@ export class SdDataSheet {
             i0.ɵɵqueryAdvance(2);
         } }, hostBindings: function SdDataSheet_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("sdRefreshCommand", function SdDataSheet_sdRefreshCommand_HostBindingHandler() { return ctx.onRefreshButtonClick(); })("sdSaveCommand", function SdDataSheet_sdSaveCommand_HostBindingHandler() { return ctx.onSubmitButtonClick(); });
-        } }, inputs: { insertText: [1, "insertText"], deleteText: [1, "deleteText"], restoreText: [1, "restoreText"], deleteIcon: [1, "deleteIcon"], restoreIcon: [1, "restoreIcon"] }, decls: 6, vars: 6, consts: [["pageTopbarTpl", ""], ["contentTpl", ""], ["formCtrl", ""], ["cellTpl", ""], ["summaryTpl", ""], ["modalBottomTpl", ""], ["modalActionTpl", ""], [3, "busy", "busyMessage", "viewType", "initialized", "restricted"], [3, "theme"], [3, "click", "theme"], [3, "svg"], [3, "ngTemplateOutlet"], [1, "flex-column", "fill"], [1, "flex-row", "gap-sm", "p-default", "bdb", "bdb-theme-gray-lightest"], [1, "p-default"], [1, "flex-fill", "p-default", "pt-0", 3, "formSubmit"], [3, "currentPageChange", "sortsChange", "selectedItemsChange", "key", "items", "currentPage", "totalPageCount", "sorts", "selectMode", "autoSelect", "selectedItems", "trackByFn", "getItemCellStyleFn", "getItemSelectableFn"], [3, "fixed", "key"], [3, "key", "fixed", "header", "width", "disableSorting", "disableResizing", "hidden", "collapse"], [3, "header", "key", "hidden"], [3, "click", "size", "theme"], [3, "formSubmit"], [1, "form-box-inline"], [3, "type", "theme"], [1, "flex-row", "gap-sm", "p-xs-default"], [3, "size", "theme"], [3, "click", "size", "theme", "disabled"], [1, "p-xs-sm", "tx-center"], [3, "click", "theme", "disabled"], [1, "flex-row"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "flex-row", 3, "click"], [1, "p-xs-sm"], [1, "flex-fill"], [1, "p-sm-default", "flex-row", "gap-sm"], [1, "flex-fill", "flex-row", "gap-sm"], ["title", "\uC0C8\uB85C\uACE0\uCE68(CTRL+ALT+L)", 1, "p-sm-default", 3, "click", "theme"]], template: function SdDataSheet_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { insertText: [1, "insertText"], deleteText: [1, "deleteText"], restoreText: [1, "restoreText"], deleteIcon: [1, "deleteIcon"], restoreIcon: [1, "restoreIcon"] }, decls: 6, vars: 6, consts: [["pageTopbarTpl", ""], ["contentTpl", ""], ["formCtrl", ""], ["headerTpl", ""], ["summaryTpl", ""], ["modalBottomTpl", ""], ["modalActionTpl", ""], [3, "busy", "busyMessage", "viewType", "initialized", "restricted"], [3, "theme"], [3, "click", "theme"], [3, "svg"], [3, "ngTemplateOutlet"], [1, "flex-column", "fill"], [1, "flex-row", "gap-sm", "p-default", "bdb", "bdb-theme-gray-lightest"], [1, "p-default"], [1, "flex-fill", "p-default", "pt-0", 3, "formSubmit"], [3, "currentPageChange", "sortsChange", "selectedItemsChange", "key", "items", "currentPage", "totalPageCount", "sorts", "selectMode", "autoSelect", "selectedItems", "trackByFn", "getItemCellStyleFn", "getItemSelectableFn"], [3, "fixed", "key"], [3, "key", "fixed", "header", "headerStyle", "tooltip", "width", "disableSorting", "disableResizing", "hidden", "collapse"], [3, "header", "key", "hidden"], [3, "click", "size", "theme"], [3, "formSubmit"], [1, "form-box-inline"], [3, "type", "theme"], [1, "flex-row", "gap-sm", "p-xs-default"], [3, "size", "theme"], [3, "click", "size", "theme", "disabled"], [3, "cell"], [1, "p-xs-sm", "tx-center"], [3, "click", "theme", "disabled"], [1, "flex-row"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "flex-row", 3, "click"], [1, "p-xs-sm"], [1, "flex-fill"], [1, "p-sm-default", "flex-row", "gap-sm"], [1, "flex-fill", "flex-row", "gap-sm"], ["title", "\uC0C8\uB85C\uACE0\uCE68(CTRL+ALT+L)", 1, "p-sm-default", 3, "click", "theme"]], template: function SdDataSheet_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "sd-base-container", 7);
             i0.ɵɵtemplate(1, SdDataSheet_ng_template_1_Template, 7, 4, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, SdDataSheet_ng_template_3_Template, 13, 17, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵconditionalCreate(5, SdDataSheet_Conditional_5_Template, 4, 0);
@@ -575,6 +598,7 @@ export class SdDataSheet {
             SdButton,
             SdSheet,
             SdSheetColumn,
+            SdSheetColumnCellTemplate,
             NgTemplateOutlet,
             SdBaseContainer,
             SdAnchor,
@@ -593,6 +617,7 @@ export class SdDataSheet {
                     SdButton,
                     SdSheet,
                     SdSheetColumn,
+                    SdSheetColumnCellTemplate,
                     NgTemplateOutlet,
                     SdBaseContainer,
                     FormatPipe,
@@ -762,7 +787,7 @@ export class SdDataSheet {
                 parent.itemPropInfo.isDeleted
               ) {
                 <sd-sheet-column [fixed]="true" [key]="parent.itemPropInfo.isDeleted!">
-                  <ng-template #cellTpl let-item>
+                  <ng-template [cell]="parent.items()" let-item="item">
                     <div class="p-xs-sm tx-center">
                       <sd-anchor
                         [theme]="'danger'"
@@ -792,12 +817,19 @@ export class SdDataSheet {
                   [key]="columnControl.key()"
                   [fixed]="columnControl.fixed()"
                   [header]="columnControl.header()"
+                  [headerStyle]="columnControl.headerStyle()"
+                  [tooltip]="columnControl.tooltip()"
                   [width]="columnControl.width()"
                   [disableSorting]="columnControl.disableSorting()"
                   [disableResizing]="columnControl.disableResizing()"
                   [hidden]="columnControl.hidden()"
                   [collapse]="columnControl.collapse()"
                 >
+                  @if (columnControl.headerTplRef()) {
+                    <ng-template #headerTpl>
+                      <ng-template [ngTemplateOutlet]="columnControl.headerTplRef()!" />
+                    </ng-template>
+                  }
                   @if (columnControl.summaryTplRef()) {
                     <ng-template #summaryTpl>
                       <ng-template [ngTemplateOutlet]="columnControl.summaryTplRef()!" />
@@ -805,8 +837,8 @@ export class SdDataSheet {
                   }
 
                   <ng-template
-                    #cellTpl
-                    let-item
+                    [cell]="parent.items()"
+                    let-item="item"
                     let-index="index"
                     let-depth="depth"
                     let-edit="edit"
@@ -859,7 +891,7 @@ export class SdDataSheet {
                   [key]="parent.itemPropInfo.lastModifiedAt!"
                   [hidden]="true"
                 >
-                  <ng-template #cellTpl let-item>
+                  <ng-template [cell]="parent.items()" let-item="item">
                     <div class="p-xs-sm tx-center">
                       {{
                         item[parent.itemPropInfo.lastModifiedAt!]
@@ -875,7 +907,7 @@ export class SdDataSheet {
                   [key]="parent.itemPropInfo.lastModifiedBy!"
                   [hidden]="true"
                 >
-                  <ng-template #cellTpl let-item>
+                  <ng-template [cell]="parent.items()" let-item="item">
                     <div class="p-xs-sm tx-center">
                       {{ item[parent.itemPropInfo.lastModifiedBy!] }}
                     </div>
@@ -925,4 +957,4 @@ export class SdDataSheet {
   `,
             }]
     }], () => [], { formCtrl: [{ type: i0.ViewChild, args: ["formCtrl", { isSignal: true }] }], insertText: [{ type: i0.Input, args: [{ isSignal: true, alias: "insertText", required: false }] }], deleteText: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteText", required: false }] }], restoreText: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreText", required: false }] }], deleteIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteIcon", required: false }] }], restoreIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreIcon", required: false }] }], pageTopbarTplRef: [{ type: i0.ContentChild, args: ["pageTopbarTpl", { ...{ read: TemplateRef }, isSignal: true }] }], prevTplRef: [{ type: i0.ContentChild, args: ["prevTpl", { ...{ read: TemplateRef }, isSignal: true }] }], filterTplRef: [{ type: i0.ContentChild, args: ["filterTpl", { ...{ read: TemplateRef }, isSignal: true }] }], beforeToolTplRef: [{ type: i0.ContentChild, args: ["beforeToolTpl", { ...{ read: TemplateRef }, isSignal: true }] }], toolTplRef: [{ type: i0.ContentChild, args: ["toolTpl", { ...{ read: TemplateRef }, isSignal: true }] }], modalBottomTplRef: [{ type: i0.ContentChild, args: ["modalBottomTpl", { ...{ read: TemplateRef }, isSignal: true }] }], columnControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdDataSheetColumn), { isSignal: true }] }], modalActionTplRef: [{ type: i0.ViewChild, args: ["modalActionTpl", { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataSheet, { className: "SdDataSheet", filePath: "packages/angular/src/data/data-sheet/sd-data-sheet.ts", lineNumber: 379, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataSheet, { className: "SdDataSheet", filePath: "packages/angular/src/data/data-sheet/sd-data-sheet.ts", lineNumber: 388, forbidOrphanRendering: true }); })();

package/dist/data/sheet/sd-sheet-column-cell-template.d.ts

@@ -0,0 +1,9 @@
+import type { SdSheetCellContext } from "./sd-sheet-column";
+import * as i0 from "@angular/core";
+export declare class SdSheetColumnCellTemplate<T> {
+    cell: import("@angular/core").InputSignal<T[]>;
+    static ngTemplateContextGuard<TContextItem>(_dir: SdSheetColumnCellTemplate<TContextItem>, _ctx: unknown): _ctx is SdSheetCellContext<TContextItem>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSheetColumnCellTemplate<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdSheetColumnCellTemplate<any>, "ng-template[cell]", never, { "cell": { "alias": "cell"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=sd-sheet-column-cell-template.d.ts.map

package/dist/data/sheet/sd-sheet-column-cell-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-sheet-column-cell-template.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/sd-sheet-column-cell-template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;;AAE5D,qBAIa,yBAAyB,CAAC,CAAC;IACtC,IAAI,2CAAyB;IAE7B,MAAM,CAAC,sBAAsB,CAAC,YAAY,EACxC,IAAI,EAAE,yBAAyB,CAAC,YAAY,CAAC,EAC7C,IAAI,EAAE,OAAO,GACZ,IAAI,IAAI,kBAAkB,CAAC,YAAY,CAAC;yCANhC,yBAAyB;2CAAzB,yBAAyB;CASrC"}

package/dist/data/sheet/sd-sheet-column-cell-template.js

@@ -0,0 +1,17 @@
+import { Directive, input } from "@angular/core";
+import * as i0 from "@angular/core";
+export class SdSheetColumnCellTemplate {
+    cell = input.required(...(ngDevMode ? [{ debugName: "cell" }] : /* istanbul ignore next */ []));
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    static ɵfac = function SdSheetColumnCellTemplate_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSheetColumnCellTemplate)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdSheetColumnCellTemplate, selectors: [["ng-template", "cell", ""]], inputs: { cell: [1, "cell"] } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSheetColumnCellTemplate, [{
+        type: Directive,
+        args: [{
+                selector: "ng-template[cell]",
+                standalone: true,
+            }]
+    }], null, { cell: [{ type: i0.Input, args: [{ isSignal: true, alias: "cell", required: true }] }] }); })();

package/dist/data/sheet/sd-sheet-column.d.ts

@@ -1,15 +1,17 @@
 import { TemplateRef } from "@angular/core";
 import * as i0 from "@angular/core";
-export interface SdSheetCellContext {
-    $implicit: unknown;
-    item: unknown;
+export interface SdSheetCellContext<T = unknown> {
+    $implicit: T;
+    item: T;
     index: number;
     depth: number;
     edit: boolean;
 }
-export declare class SdSheetColumn {
+export declare class SdSheetColumn<T = unknown> {
     key: import("@angular/core").InputSignal<string>;
     header: import("@angular/core").InputSignal<string | string[]>;
+    headerStyle: import("@angular/core").InputSignal<string | undefined>;
+    tooltip: import("@angular/core").InputSignal<string | undefined>;
     width: import("@angular/core").InputSignal<string | undefined>;
     fixed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     hidden: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -17,9 +19,10 @@ export declare class SdSheetColumn {
     disableSorting: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disableResizing: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     ordering: import("@angular/core").InputSignal<number>;
-    cellTplRef: import("@angular/core").Signal<TemplateRef<SdSheetCellContext> | undefined>;
+    cellTplRef: import("@angular/core").Signal<TemplateRef<SdSheetCellContext<T>>>;
+    headerTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
     summaryTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdSheetColumn, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdSheetColumn, "sd-sheet-column", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "collapse": { "alias": "collapse"; "required": false; "isSignal": true; }; "disableSorting": { "alias": "disableSorting"; "required": false; "isSignal": true; }; "disableResizing": { "alias": "disableResizing"; "required": false; "isSignal": true; }; "ordering": { "alias": "ordering"; "required": false; "isSignal": true; }; }, {}, ["cellTplRef", "summaryTplRef"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSheetColumn<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdSheetColumn<any>, "sd-sheet-column", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "headerStyle": { "alias": "headerStyle"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "collapse": { "alias": "collapse"; "required": false; "isSignal": true; }; "disableSorting": { "alias": "disableSorting"; "required": false; "isSignal": true; }; "disableResizing": { "alias": "disableResizing"; "required": false; "isSignal": true; }; "ordering": { "alias": "ordering"; "required": false; "isSignal": true; }; }, {}, ["cellTplRef", "headerTplRef", "summaryTplRef"], never, true, never>;
 }
 //# sourceMappingURL=sd-sheet-column.d.ts.map