@simplysm/angular 14.0.56 → 14.0.58

package/dist/core/selection/useSelectionManager.d.ts

@@ -1,7 +1,7 @@
 import { type Signal, type WritableSignal } from "@angular/core";
 export declare function useSelectionManager<TItem, TKey>(options: {
     displayItems: Signal<TItem[]>;
-    selectedKeys: WritableSignal<NonNullable<TKey>[]>;
+    selectedKeys: WritableSignal<TKey[]>;
     selectMode: Signal<"single" | "multi" | undefined>;
     getItemSelectableFn: Signal<((item: TItem) => boolean | string) | undefined>;
     trackByFn: Signal<(item: TItem, index: number) => TKey>;

package/dist/core/selection/useSelectionManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectionManager.d.ts","sourceRoot":"","sources":["../../../src/core/selection/useSelectionManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAG3E,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE;IACxD,YAAY,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC9B,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAClD,UAAU,EAAE,MAAM,CAAC,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IACnD,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,GAAG,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC;IAC7E,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;CACzD,GAAG;IACF,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,aAAa,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IACtD,cAAc,CAAC,IAAI,EAAE,KAAK,GAAG,MAAM,OAAO,CAAC;IAC3C,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC;IAC1B,SAAS,IAAI,IAAI,CAAC;IAClB,UAAU,CAAC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC;CAClC,CAsIA"}
+{"version":3,"file":"useSelectionManager.d.ts","sourceRoot":"","sources":["../../../src/core/selection/useSelectionManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAG3E,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE;IACxD,YAAY,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC9B,YAAY,EAAE,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IACnD,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,GAAG,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC;IAC7E,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;CACzD,GAAG;IACF,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,aAAa,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IACtD,cAAc,CAAC,IAAI,EAAE,KAAK,GAAG,MAAM,OAAO,CAAC;IAC3C,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC;IAC1B,SAAS,IAAI,IAAI,CAAC;IAClB,UAAU,CAAC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC;CAClC,CAsIA"}

package/dist/data/crud/sd-base-container.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef } from "@angular/core";
+import { type TemplateRef } from "@angular/core";
 import type { SdViewType } from "../../core/routing/injectViewTypeSignal";
 import * as i0 from "@angular/core";
 export declare class SdBaseContainer {
@@ -12,10 +12,11 @@ export declare class SdBaseContainer {
     viewType: import("@angular/core").InputSignal<SdViewType>;
     topbarTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
     commandTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+    contentTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
     bottomCommandTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
     constructor();
     protected readonly tablerAlertTriangle = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M12 9v4\"></path><path d=\"M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z\"></path><path d=\"M12 16h.01\"></path></svg>";
     static ɵfac: i0.ɵɵFactoryDeclaration<SdBaseContainer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdBaseContainer, "sd-base-container", never, { "ready": { "alias": "ready"; "required": false; "isSignal": true; }; "initialized": { "alias": "initialized"; "required": false; "isSignal": true; }; "busyCount": { "alias": "busyCount"; "required": false; "isSignal": true; }; "restricted": { "alias": "restricted"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": true; "isSignal": true; }; }, { "ready": "readyChange"; "busyCount": "busyCountChange"; }, ["topbarTplRef", "commandTplRef", "bottomCommandTplRef"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdBaseContainer, "sd-base-container", never, { "ready": { "alias": "ready"; "required": false; "isSignal": true; }; "initialized": { "alias": "initialized"; "required": false; "isSignal": true; }; "busyCount": { "alias": "busyCount"; "required": false; "isSignal": true; }; "restricted": { "alias": "restricted"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": true; "isSignal": true; }; }, { "ready": "readyChange"; "busyCount": "busyCountChange"; }, ["topbarTplRef", "commandTplRef", "contentTplRef", "bottomCommandTplRef"], never, true, never>;
 }
 //# sourceMappingURL=sd-base-container.d.ts.map

package/dist/data/crud/sd-base-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-base-container.d.ts","sourceRoot":"","sources":["../../../src/data/crud/sd-base-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAOvB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;;AAK1E,qBAsDa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAgC;IAC9D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEpD,SAAS,yCAA2B;IAEpC,KAAK,+CAAgB;IACrB,WAAW,+CAAgB;IAC3B,SAAS,8CAAY;IAErB,UAAU,+CAAgB;IAE1B,QAAQ,kDAAgC;IAExC,YAAY,gEAAgD;IAC5D,aAAa,gEAAiD;IAC9D,mBAAmB,gEAAuD;;IAoB1E,SAAS,CAAC,QAAQ,CAAC,mBAAmB,ifAAuB;yCApClD,eAAe;2CAAf,eAAe;CAqC3B"}
+{"version":3,"file":"sd-base-container.d.ts","sourceRoot":"","sources":["../../../src/data/crud/sd-base-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,WAAW,EAGjB,MAAM,eAAe,CAAC;AAOvB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;;AAK1E,qBAwDa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAgC;IAC9D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEpD,SAAS,yCAA2B;IAEpC,KAAK,+CAAgB;IACrB,WAAW,+CAAgB;IAC3B,SAAS,8CAAY;IAErB,UAAU,+CAAgB;IAE1B,QAAQ,kDAAgC;IAExC,YAAY,gEAAgD;IAC5D,aAAa,gEAAiD;IAC9D,aAAa,gEAAiD;IAC9D,mBAAmB,gEAAuD;;IAoB1E,SAAS,CAAC,QAAQ,CAAC,mBAAmB,ifAAuB;yCArClD,eAAe;2CAAf,eAAe;CAsC3B"}

package/dist/data/crud/sd-base-container.js

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, contentChild, effect, inject, input, model, TemplateRef, untracked, ViewEncapsulation, } from "@angular/core";
+import { ChangeDetectionStrategy, Component, contentChild, effect, inject, input, model, untracked, ViewEncapsulation, } from "@angular/core";
 import { injectViewTitleSignal } from "../../core/routing/injectViewTitleSignal";
 import { SdBusyContainer } from "../../core/busy/sd-busy-container";
 import { SdSharedDataProvider } from "../../core/shared-data/sd-shared-data.provider";
@@ -11,8 +11,8 @@ import { NgTemplateOutlet } from "@angular/common";
 import * as i0 from "@angular/core";
 const _c0 = ["topbarTpl"];
 const _c1 = ["commandTpl"];
-const _c2 = ["bottomCommandTpl"];
-const _c3 = ["*"];
+const _c2 = ["contentTpl"];
+const _c3 = ["bottomCommandTpl"];
 function SdBaseContainer_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
     i0.ɵɵelement(1, "br")(2, "ng-icon", 4)(3, "br")(4, "br");
@@ -69,6 +69,13 @@ function SdBaseContainer_ng_template_2_Conditional_1_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.commandTplRef());
 } }
+function SdBaseContainer_ng_template_2_Conditional_3_ng_template_0_Template(rf, ctx) { }
+function SdBaseContainer_ng_template_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdBaseContainer_ng_template_2_Conditional_3_ng_template_0_Template, 0, 0, "ng-template", 3);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.contentTplRef());
+} }
 function SdBaseContainer_ng_template_2_Conditional_4_ng_template_1_Template(rf, ctx) { }
 function SdBaseContainer_ng_template_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
@@ -83,7 +90,7 @@ function SdBaseContainer_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
     i0.ɵɵconditionalCreate(1, SdBaseContainer_ng_template_2_Conditional_1_Template, 2, 1, "div", 6);
     i0.ɵɵelementStart(2, "div", 7);
-    i0.ɵɵprojection(3);
+    i0.ɵɵconditionalCreate(3, SdBaseContainer_ng_template_2_Conditional_3_Template, 1, 1, null, 3);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(4, SdBaseContainer_ng_template_2_Conditional_4_Template, 2, 1, "div", 8);
     i0.ɵɵelementEnd();
@@ -91,7 +98,9 @@ function SdBaseContainer_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.commandTplRef() ? 1 : -1);
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.contentTplRef() ? 3 : -1);
+    i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.bottomCommandTplRef() ? 4 : -1);
 } }
 export class SdBaseContainer {
@@ -105,6 +114,7 @@ export class SdBaseContainer {
     viewType = input.required(...(ngDevMode ? [{ debugName: "viewType" }] : /* istanbul ignore next */ []));
     topbarTplRef = contentChild("topbarTpl", ...(ngDevMode ? [{ debugName: "topbarTplRef" }] : /* istanbul ignore next */ []));
     commandTplRef = contentChild("commandTpl", ...(ngDevMode ? [{ debugName: "commandTplRef" }] : /* istanbul ignore next */ []));
+    contentTplRef = contentChild("contentTpl", ...(ngDevMode ? [{ debugName: "contentTplRef" }] : /* istanbul ignore next */ []));
     bottomCommandTplRef = contentChild("bottomCommandTpl", ...(ngDevMode ? [{ debugName: "bottomCommandTplRef" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
@@ -125,15 +135,14 @@ export class SdBaseContainer {
     tablerAlertTriangle = tablerAlertTriangle;
     static ɵfac = function SdBaseContainer_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdBaseContainer)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdBaseContainer, selectors: [["sd-base-container"]], contentQueries: function SdBaseContainer_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.topbarTplRef, _c0, 5)(dirIndex, ctx.commandTplRef, _c1, 5)(dirIndex, ctx.bottomCommandTplRef, _c2, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.topbarTplRef, _c0, 5)(dirIndex, ctx.commandTplRef, _c1, 5)(dirIndex, ctx.contentTplRef, _c2, 5)(dirIndex, ctx.bottomCommandTplRef, _c3, 5);
         } if (rf & 2) {
-            i0.ɵɵqueryAdvance(3);
-        } }, inputs: { ready: [1, "ready"], initialized: [1, "initialized"], busyCount: [1, "busyCount"], restricted: [1, "restricted"], viewType: [1, "viewType"] }, outputs: { ready: "readyChange", busyCount: "busyCountChange" }, ngContentSelectors: _c3, decls: 4, vars: 2, consts: [["content", ""], [3, "busy"], [1, "fill", "tx-theme-gray-light", "p-xxl", "tx-center"], [3, "ngTemplateOutlet"], [3, "svg", "size"], [1, "flex-column", "fill"], [1, "p-default", "flex-row", "gap-default", "bdb", "bdb-theme-gray-lightest"], [1, "flex-fill"], [1, "p-sm-default", "flex-row", "main-align-end", "gap-sm", "bdt", "bdt-theme-gray-lightest"]], template: function SdBaseContainer_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
+            i0.ɵɵqueryAdvance(4);
+        } }, inputs: { ready: [1, "ready"], initialized: [1, "initialized"], busyCount: [1, "busyCount"], restricted: [1, "restricted"], viewType: [1, "viewType"] }, outputs: { ready: "readyChange", busyCount: "busyCountChange" }, decls: 4, vars: 2, consts: [["content", ""], [3, "busy"], [1, "fill", "tx-theme-gray-light", "p-xxl", "tx-center"], [3, "ngTemplateOutlet"], [3, "svg", "size"], [1, "flex-column", "fill"], [1, "p-default", "flex-row", "gap-default", "bdb", "bdb-theme-gray-lightest"], [1, "flex-fill"], [1, "p-sm-default", "flex-row", "main-align-end", "gap-sm", "bdt", "bdt-theme-gray-lightest"]], template: function SdBaseContainer_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "sd-busy-container", 1);
             i0.ɵɵconditionalCreate(1, SdBaseContainer_Conditional_1_Template, 3, 1);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(2, SdBaseContainer_ng_template_2_Template, 5, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(2, SdBaseContainer_ng_template_2_Template, 5, 3, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵproperty("busy", ctx.initialized() && ctx.busyCount() > 0);
             i0.ɵɵadvance();
@@ -184,7 +193,9 @@ export class SdBaseContainer {
         }
 
         <div class="flex-fill">
-          <ng-content />
+          @if (contentTplRef()) {
+            <ng-template [ngTemplateOutlet]="contentTplRef()" />
+          }
         </div>
 
         @if (bottomCommandTplRef()) {
@@ -196,5 +207,5 @@ export class SdBaseContainer {
     </ng-template>
   `,
             }]
-    }], () => [], { ready: [{ type: i0.Input, args: [{ isSignal: true, alias: "ready", required: false }] }, { type: i0.Output, args: ["readyChange"] }], initialized: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialized", required: false }] }], busyCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "busyCount", required: false }] }, { type: i0.Output, args: ["busyCountChange"] }], restricted: [{ type: i0.Input, args: [{ isSignal: true, alias: "restricted", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: true }] }], topbarTplRef: [{ type: i0.ContentChild, args: ["topbarTpl", { isSignal: true }] }], commandTplRef: [{ type: i0.ContentChild, args: ["commandTpl", { isSignal: true }] }], bottomCommandTplRef: [{ type: i0.ContentChild, args: ["bottomCommandTpl", { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdBaseContainer, { className: "SdBaseContainer", filePath: "packages/angular/src/data/crud/sd-base-container.ts", lineNumber: 78 }); })();
+    }], () => [], { ready: [{ type: i0.Input, args: [{ isSignal: true, alias: "ready", required: false }] }, { type: i0.Output, args: ["readyChange"] }], initialized: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialized", required: false }] }], busyCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "busyCount", required: false }] }, { type: i0.Output, args: ["busyCountChange"] }], restricted: [{ type: i0.Input, args: [{ isSignal: true, alias: "restricted", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: true }] }], topbarTplRef: [{ type: i0.ContentChild, args: ["topbarTpl", { isSignal: true }] }], commandTplRef: [{ type: i0.ContentChild, args: ["commandTpl", { isSignal: true }] }], contentTplRef: [{ type: i0.ContentChild, args: ["contentTpl", { isSignal: true }] }], bottomCommandTplRef: [{ type: i0.ContentChild, args: ["bottomCommandTpl", { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdBaseContainer, { className: "SdBaseContainer", filePath: "packages/angular/src/data/crud/sd-base-container.ts", lineNumber: 80 }); })();

package/dist/data/crud/sd-crud-detail.d.ts

@@ -13,10 +13,11 @@ export declare class SdCrudDetail {
     formCtrl: import("@angular/core").Signal<SdForm | undefined>;
     submit: import("@angular/core").OutputEmitterRef<void>;
     commandTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+    contentTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
     bottomCommandTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
     onSaveButtonClick(): void;
     protected readonly tablerDeviceFloppy = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2\"></path><path d=\"M12 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\"></path><path d=\"M14 4l0 4l-6 0l0 -4\"></path></svg>";
     static ɵfac: i0.ɵɵFactoryDeclaration<SdCrudDetail, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdCrudDetail, "sd-crud-detail", never, { "ready": { "alias": "ready"; "required": false; "isSignal": true; }; "initialized": { "alias": "initialized"; "required": false; "isSignal": true; }; "busyCount": { "alias": "busyCount"; "required": false; "isSignal": true; }; "restricted": { "alias": "restricted"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": true; "isSignal": true; }; }, { "ready": "readyChange"; "busyCount": "busyCountChange"; "submit": "submit"; }, ["commandTplRef", "bottomCommandTplRef"], ["*"], true, [{ directive: typeof i1.SdCommandDirective; inputs: {}; outputs: { "sdSaveCommand": "sdSaveCommand"; }; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCrudDetail, "sd-crud-detail", never, { "ready": { "alias": "ready"; "required": false; "isSignal": true; }; "initialized": { "alias": "initialized"; "required": false; "isSignal": true; }; "busyCount": { "alias": "busyCount"; "required": false; "isSignal": true; }; "restricted": { "alias": "restricted"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": true; "isSignal": true; }; }, { "ready": "readyChange"; "busyCount": "busyCountChange"; "submit": "submit"; }, ["commandTplRef", "contentTplRef", "bottomCommandTplRef"], never, true, [{ directive: typeof i1.SdCommandDirective; inputs: {}; outputs: { "sdSaveCommand": "sdSaveCommand"; }; }]>;
 }
 //# sourceMappingURL=sd-crud-detail.d.ts.map

package/dist/data/crud/sd-crud-detail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-crud-detail.d.ts","sourceRoot":"","sources":["../../../src/data/crud/sd-crud-detail.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,WAAW,EAGjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;;;AAM1E,qBAiFa,YAAY;IACvB,KAAK,+CAAgB;IACrB,WAAW,+CAAgB;IAC3B,SAAS,8CAAY;IACrB,UAAU,+CAAgB;IAC1B,QAAQ,+CAAgB;IACxB,QAAQ,kDAAgC;IAExC,QAAQ,qDAAiC;IAEzC,MAAM,iDAAY;IAElB,aAAa,gEAAiD;IAC9D,mBAAmB,gEAAuD;IAE1E,iBAAiB;IAIjB,SAAS,CAAC,QAAQ,CAAC,kBAAkB,sdAAsB;yCAnBhD,YAAY;2CAAZ,YAAY;CAoBxB"}
+{"version":3,"file":"sd-crud-detail.d.ts","sourceRoot":"","sources":["../../../src/data/crud/sd-crud-detail.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,WAAW,EAGjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;;;AAM1E,qBAgFa,YAAY;IACvB,KAAK,+CAAgB;IACrB,WAAW,+CAAgB;IAC3B,SAAS,8CAAY;IACrB,UAAU,+CAAgB;IAC1B,QAAQ,+CAAgB;IACxB,QAAQ,kDAAgC;IAExC,QAAQ,qDAAiC;IAEzC,MAAM,iDAAY;IAElB,aAAa,gEAAiD;IAC9D,aAAa,gEAAiD;IAC9D,mBAAmB,gEAAuD;IAE1E,iBAAiB;IAIjB,SAAS,CAAC,QAAQ,CAAC,kBAAkB,sdAAsB;yCApBhD,YAAY;2CAAZ,YAAY;CAqBxB"}

package/dist/data/crud/sd-crud-detail.js

@@ -9,127 +9,131 @@ import { tablerDeviceFloppy } from "@ng-icons/tabler-icons";
 import * as i0 from "@angular/core";
 import * as i1 from "../../core/commands/sd-command";
 const _c0 = ["commandTpl"];
-const _c1 = ["bottomCommandTpl"];
-const _c2 = ["formCtrl"];
-const _c3 = ["*"];
+const _c1 = ["contentTpl"];
+const _c2 = ["bottomCommandTpl"];
+const _c3 = ["formCtrl"];
 function SdCrudDetail_Conditional_1_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-button", 10);
-    i0.ɵɵlistener("click", function SdCrudDetail_Conditional_1_ng_template_0_Conditional_0_Template_sd_button_click_0_listener() { let tmp_6_0; i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView((tmp_6_0 = ctx_r2.formCtrl()) == null ? null : tmp_6_0.requestSubmit()); });
-    i0.ɵɵelement(1, "ng-icon", 11);
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 8);
+    i0.ɵɵlistener("click", function SdCrudDetail_Conditional_1_ng_template_0_Conditional_0_Template_sd_button_click_0_listener() { let tmp_5_0; i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView((tmp_5_0 = ctx_r1.formCtrl()) == null ? null : tmp_5_0.requestSubmit()); });
+    i0.ɵɵelement(1, "ng-icon", 9);
     i0.ɵɵtext(2, " \uC800\uC7A5 ");
     i0.ɵɵelementStart(3, "small");
     i0.ɵɵtext(4, "(CTRL+S)");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("theme", "link-primary");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("svg", ctx_r2.tablerDeviceFloppy);
+    i0.ɵɵproperty("svg", ctx_r1.tablerDeviceFloppy);
 } }
 function SdCrudDetail_Conditional_1_ng_template_0_ng_template_1_Template(rf, ctx) { }
 function SdCrudDetail_Conditional_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_1_ng_template_0_Conditional_0_Template, 5, 2, "sd-button", 8);
-    i0.ɵɵtemplate(1, SdCrudDetail_Conditional_1_ng_template_0_ng_template_1_Template, 0, 0, "ng-template", 9);
+    i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_1_ng_template_0_Conditional_0_Template, 5, 2, "sd-button", 6);
+    i0.ɵɵtemplate(1, SdCrudDetail_Conditional_1_ng_template_0_ng_template_1_Template, 0, 0, "ng-template", 7);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(!ctx_r2.readonly() ? 0 : -1);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(!ctx_r1.readonly() ? 0 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.commandTplRef());
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.commandTplRef());
 } }
 function SdCrudDetail_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdCrudDetail_Conditional_1_ng_template_0_Template, 2, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(0, SdCrudDetail_Conditional_1_ng_template_0_Template, 2, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
 } }
 function SdCrudDetail_Conditional_2_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-button", 10);
-    i0.ɵɵlistener("click", function SdCrudDetail_Conditional_2_ng_template_0_Conditional_0_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onSaveButtonClick()); });
-    i0.ɵɵelement(1, "ng-icon", 11);
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 8);
+    i0.ɵɵlistener("click", function SdCrudDetail_Conditional_2_ng_template_0_Conditional_0_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSaveButtonClick()); });
+    i0.ɵɵelement(1, "ng-icon", 9);
     i0.ɵɵtext(2, " \uC800\uC7A5 ");
     i0.ɵɵelementStart(3, "small");
     i0.ɵɵtext(4, "(CTRL+S)");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("theme", "primary");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("svg", ctx_r2.tablerDeviceFloppy);
+    i0.ɵɵproperty("svg", ctx_r1.tablerDeviceFloppy);
 } }
 function SdCrudDetail_Conditional_2_ng_template_0_ng_template_1_Template(rf, ctx) { }
 function SdCrudDetail_Conditional_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_2_ng_template_0_Conditional_0_Template, 5, 2, "sd-button", 8);
-    i0.ɵɵtemplate(1, SdCrudDetail_Conditional_2_ng_template_0_ng_template_1_Template, 0, 0, "ng-template", 9);
+    i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_2_ng_template_0_Conditional_0_Template, 5, 2, "sd-button", 6);
+    i0.ɵɵtemplate(1, SdCrudDetail_Conditional_2_ng_template_0_ng_template_1_Template, 0, 0, "ng-template", 7);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(!ctx_r2.readonly() ? 0 : -1);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(!ctx_r1.readonly() ? 0 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.commandTplRef());
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.commandTplRef());
 } }
 function SdCrudDetail_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdCrudDetail_Conditional_2_ng_template_0_Template, 2, 2, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(0, SdCrudDetail_Conditional_2_ng_template_0_Template, 2, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
 } }
 function SdCrudDetail_Conditional_3_ng_template_0_ng_template_0_Template(rf, ctx) { }
 function SdCrudDetail_Conditional_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdCrudDetail_Conditional_3_ng_template_0_ng_template_0_Template, 0, 0, "ng-template", 9);
+    i0.ɵɵtemplate(0, SdCrudDetail_Conditional_3_ng_template_0_ng_template_0_Template, 0, 0, "ng-template", 7);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.commandTplRef());
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.commandTplRef());
 } }
 function SdCrudDetail_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdCrudDetail_Conditional_3_ng_template_0_Template, 1, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(0, SdCrudDetail_Conditional_3_ng_template_0_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
 } }
 function SdCrudDetail_Conditional_4_ng_template_0_Conditional_0_ng_template_1_Template(rf, ctx) { }
 function SdCrudDetail_Conditional_4_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵtemplate(1, SdCrudDetail_Conditional_4_ng_template_0_Conditional_0_ng_template_1_Template, 0, 0, "ng-template", 9);
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵtemplate(1, SdCrudDetail_Conditional_4_ng_template_0_Conditional_0_ng_template_1_Template, 0, 0, "ng-template", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.bottomCommandTplRef());
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.bottomCommandTplRef());
 } }
 function SdCrudDetail_Conditional_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_4_ng_template_0_Conditional_0_Template, 2, 1, "div", 12);
-    i0.ɵɵelementStart(1, "sd-button", 13);
-    i0.ɵɵlistener("click", function SdCrudDetail_Conditional_4_ng_template_0_Template_sd_button_click_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onSaveButtonClick()); });
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_4_ng_template_0_Conditional_0_Template, 2, 1, "div", 10);
+    i0.ɵɵelementStart(1, "sd-button", 11);
+    i0.ɵɵlistener("click", function SdCrudDetail_Conditional_4_ng_template_0_Template_sd_button_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSaveButtonClick()); });
     i0.ɵɵtext(2, " \uD655\uC778 ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(ctx_r2.bottomCommandTplRef() ? 0 : -1);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.bottomCommandTplRef() ? 0 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("size", "sm")("theme", "primary");
 } }
 function SdCrudDetail_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdCrudDetail_Conditional_4_ng_template_0_Template, 3, 3, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(0, SdCrudDetail_Conditional_4_ng_template_0_Template, 3, 3, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
 } }
-function SdCrudDetail_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵprojection(0);
-} }
-function SdCrudDetail_Conditional_7_ng_template_1_Template(rf, ctx) { }
-function SdCrudDetail_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6);
-    i0.ɵɵtemplate(1, SdCrudDetail_Conditional_7_ng_template_1_Template, 0, 0, "ng-template", 9);
+function SdCrudDetail_Conditional_5_ng_template_0_Conditional_0_ng_template_1_Template(rf, ctx) { }
+function SdCrudDetail_Conditional_5_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵtemplate(1, SdCrudDetail_Conditional_5_ng_template_0_Conditional_0_ng_template_1_Template, 0, 0, "ng-template", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    i0.ɵɵnextContext();
-    const contentTpl_r6 = i0.ɵɵreference(6);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", contentTpl_r6);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.contentTplRef());
 } }
-function SdCrudDetail_Conditional_8_ng_template_2_Template(rf, ctx) { }
-function SdCrudDetail_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
+function SdCrudDetail_Conditional_5_ng_template_0_Conditional_1_ng_template_2_Template(rf, ctx) { }
+function SdCrudDetail_Conditional_5_ng_template_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "sd-form", 14, 4);
-    i0.ɵɵlistener("formSubmit", function SdCrudDetail_Conditional_8_Template_sd_form_formSubmit_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.submit.emit()); });
-    i0.ɵɵtemplate(2, SdCrudDetail_Conditional_8_ng_template_2_Template, 0, 0, "ng-template", 9);
+    i0.ɵɵlistener("formSubmit", function SdCrudDetail_Conditional_5_ng_template_0_Conditional_1_Template_sd_form_formSubmit_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.submit.emit()); });
+    i0.ɵɵtemplate(2, SdCrudDetail_Conditional_5_ng_template_0_Conditional_1_ng_template_2_Template, 0, 0, "ng-template", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    i0.ɵɵnextContext();
-    const contentTpl_r6 = i0.ɵɵreference(6);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", contentTpl_r6);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.contentTplRef());
+} }
+function SdCrudDetail_Conditional_5_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_5_ng_template_0_Conditional_0_Template, 2, 1, "div", 12)(1, SdCrudDetail_Conditional_5_ng_template_0_Conditional_1_Template, 3, 1, "sd-form", 13);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.readonly() ? 0 : 1);
+} }
+function SdCrudDetail_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdCrudDetail_Conditional_5_ng_template_0_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
 } }
 export class SdCrudDetail {
     ready = model(false, ...(ngDevMode ? [{ debugName: "ready" }] : /* istanbul ignore next */ []));
@@ -141,6 +145,7 @@ export class SdCrudDetail {
     formCtrl = viewChild("formCtrl", ...(ngDevMode ? [{ debugName: "formCtrl" }] : /* istanbul ignore next */ []));
     submit = output();
     commandTplRef = contentChild("commandTpl", ...(ngDevMode ? [{ debugName: "commandTplRef" }] : /* istanbul ignore next */ []));
+    contentTplRef = contentChild("contentTpl", ...(ngDevMode ? [{ debugName: "contentTplRef" }] : /* istanbul ignore next */ []));
     bottomCommandTplRef = contentChild("bottomCommandTpl", ...(ngDevMode ? [{ debugName: "bottomCommandTplRef" }] : /* istanbul ignore next */ []));
     onSaveButtonClick() {
         this.formCtrl()?.requestSubmit();
@@ -148,24 +153,21 @@ export class SdCrudDetail {
     tablerDeviceFloppy = tablerDeviceFloppy;
     static ɵfac = function SdCrudDetail_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCrudDetail)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCrudDetail, selectors: [["sd-crud-detail"]], contentQueries: function SdCrudDetail_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.commandTplRef, _c0, 5)(dirIndex, ctx.bottomCommandTplRef, _c1, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.commandTplRef, _c0, 5)(dirIndex, ctx.contentTplRef, _c1, 5)(dirIndex, ctx.bottomCommandTplRef, _c2, 5);
         } if (rf & 2) {
-            i0.ɵɵqueryAdvance(2);
+            i0.ɵɵqueryAdvance(3);
         } }, viewQuery: function SdCrudDetail_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.formCtrl, _c2, 5);
+            i0.ɵɵviewQuerySignal(ctx.formCtrl, _c3, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, hostBindings: function SdCrudDetail_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("sdSaveCommand", function SdCrudDetail_sdSaveCommand_HostBindingHandler() { return ctx.onSaveButtonClick(); });
-        } }, inputs: { ready: [1, "ready"], initialized: [1, "initialized"], busyCount: [1, "busyCount"], restricted: [1, "restricted"], readonly: [1, "readonly"], viewType: [1, "viewType"] }, outputs: { ready: "readyChange", busyCount: "busyCountChange", submit: "submit" }, features: [i0.ɵɵHostDirectivesFeature([{ directive: i1.SdCommandDirective, outputs: ["sdSaveCommand", "sdSaveCommand"] }])], ngContentSelectors: _c3, decls: 9, vars: 8, consts: [["contentTpl", ""], ["topbarTpl", ""], ["commandTpl", ""], ["bottomCommandTpl", ""], ["formCtrl", ""], [3, "readyChange", "busyCountChange", "ready", "initialized", "busyCount", "restricted", "viewType"], [1, "fill"], [1, "block", "fill"], [3, "theme"], [3, "ngTemplateOutlet"], [3, "click", "theme"], [3, "svg"], [1, "flex-fill", "flex-row", "main-align-start", "gap-sm"], [3, "click", "size", "theme"], [1, "block", "fill", 3, "formSubmit"]], template: function SdCrudDetail_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵprojectionDef();
+        } }, inputs: { ready: [1, "ready"], initialized: [1, "initialized"], busyCount: [1, "busyCount"], restricted: [1, "restricted"], readonly: [1, "readonly"], viewType: [1, "viewType"] }, outputs: { ready: "readyChange", busyCount: "busyCountChange", submit: "submit" }, features: [i0.ɵɵHostDirectivesFeature([{ directive: i1.SdCommandDirective, outputs: ["sdSaveCommand", "sdSaveCommand"] }])], decls: 6, vars: 8, consts: [["topbarTpl", ""], ["commandTpl", ""], ["bottomCommandTpl", ""], ["contentTpl", ""], ["formCtrl", ""], [3, "readyChange", "busyCountChange", "ready", "initialized", "busyCount", "restricted", "viewType"], [3, "theme"], [3, "ngTemplateOutlet"], [3, "click", "theme"], [3, "svg"], [1, "flex-fill", "flex-row", "main-align-start", "gap-sm"], [3, "click", "size", "theme"], [1, "fill"], [1, "block", "fill"], [1, "block", "fill", 3, "formSubmit"]], template: function SdCrudDetail_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "sd-base-container", 5);
-            i0.ɵɵtwoWayListener("readyChange", function SdCrudDetail_Template_sd_base_container_readyChange_0_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.ready, $event) || (ctx.ready = $event); return i0.ɵɵresetView($event); })("busyCountChange", function SdCrudDetail_Template_sd_base_container_busyCountChange_0_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.busyCount, $event) || (ctx.busyCount = $event); return i0.ɵɵresetView($event); });
+            i0.ɵɵtwoWayListener("readyChange", function SdCrudDetail_Template_sd_base_container_readyChange_0_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.ready, $event) || (ctx.ready = $event); return $event; })("busyCountChange", function SdCrudDetail_Template_sd_base_container_busyCountChange_0_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.busyCount, $event) || (ctx.busyCount = $event); return $event; });
             i0.ɵɵconditionalCreate(1, SdCrudDetail_Conditional_1_Template, 2, 0)(2, SdCrudDetail_Conditional_2_Template, 2, 0)(3, SdCrudDetail_Conditional_3_Template, 2, 0);
             i0.ɵɵconditionalCreate(4, SdCrudDetail_Conditional_4_Template, 2, 0);
-            i0.ɵɵtemplate(5, SdCrudDetail_ng_template_5_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵconditionalCreate(7, SdCrudDetail_Conditional_7_Template, 2, 1, "div", 6)(8, SdCrudDetail_Conditional_8_Template, 3, 1, "sd-form", 7);
+            i0.ɵɵconditionalCreate(5, SdCrudDetail_Conditional_5_Template, 2, 0);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵtwoWayProperty("ready", ctx.ready);
@@ -176,8 +178,8 @@ export class SdCrudDetail {
             i0.ɵɵconditional(ctx.viewType() === "page" && (!ctx.readonly() || ctx.commandTplRef()) ? 1 : ctx.viewType() === "control" && (!ctx.readonly() || ctx.commandTplRef()) ? 2 : ctx.commandTplRef() ? 3 : -1);
             i0.ɵɵadvance(3);
             i0.ɵɵconditional(ctx.viewType() === "modal" || ctx.bottomCommandTplRef() ? 4 : -1);
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.readonly() ? 7 : 8);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.contentTplRef() ? 5 : -1);
         } }, dependencies: [SdBaseContainer, SdButton, NgIcon, NgTemplateOutlet, SdForm], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCrudDetail, [{
@@ -246,22 +248,21 @@ export class SdCrudDetail {
         </ng-template>
       }
 
-      <!-- CONTENT -->
-      <ng-template #contentTpl>
-        <ng-content />
-      </ng-template>
-
-      @if (readonly()) {
-        <div class="fill">
-          <ng-template [ngTemplateOutlet]="contentTpl" />
-        </div>
-      } @else {
-        <sd-form #formCtrl (formSubmit)="submit.emit()" class="block fill">
-          <ng-template [ngTemplateOutlet]="contentTpl" />
-        </sd-form>
+      @if (contentTplRef()) {
+        <ng-template #contentTpl>
+          @if (readonly()) {
+            <div class="fill">
+              <ng-template [ngTemplateOutlet]="contentTplRef()" />
+            </div>
+          } @else {
+            <sd-form #formCtrl (formSubmit)="submit.emit()" class="block fill">
+              <ng-template [ngTemplateOutlet]="contentTplRef()" />
+            </sd-form>
+          }
+        </ng-template>
       }
     </sd-base-container>
   `,
             }]
-    }], null, { ready: [{ type: i0.Input, args: [{ isSignal: true, alias: "ready", required: false }] }, { type: i0.Output, args: ["readyChange"] }], initialized: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialized", required: false }] }], busyCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "busyCount", required: false }] }, { type: i0.Output, args: ["busyCountChange"] }], restricted: [{ type: i0.Input, args: [{ isSignal: true, alias: "restricted", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: true }] }], formCtrl: [{ type: i0.ViewChild, args: ["formCtrl", { isSignal: true }] }], submit: [{ type: i0.Output, args: ["submit"] }], commandTplRef: [{ type: i0.ContentChild, args: ["commandTpl", { isSignal: true }] }], bottomCommandTplRef: [{ type: i0.ContentChild, args: ["bottomCommandTpl", { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCrudDetail, { className: "SdCrudDetail", filePath: "packages/angular/src/data/crud/sd-crud-detail.ts", lineNumber: 102 }); })();
+    }], null, { ready: [{ type: i0.Input, args: [{ isSignal: true, alias: "ready", required: false }] }, { type: i0.Output, args: ["readyChange"] }], initialized: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialized", required: false }] }], busyCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "busyCount", required: false }] }, { type: i0.Output, args: ["busyCountChange"] }], restricted: [{ type: i0.Input, args: [{ isSignal: true, alias: "restricted", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: true }] }], formCtrl: [{ type: i0.ViewChild, args: ["formCtrl", { isSignal: true }] }], submit: [{ type: i0.Output, args: ["submit"] }], commandTplRef: [{ type: i0.ContentChild, args: ["commandTpl", { isSignal: true }] }], contentTplRef: [{ type: i0.ContentChild, args: ["contentTpl", { isSignal: true }] }], bottomCommandTplRef: [{ type: i0.ContentChild, args: ["bottomCommandTpl", { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCrudDetail, { className: "SdCrudDetail", filePath: "packages/angular/src/data/crud/sd-crud-detail.ts", lineNumber: 101 }); })();

package/dist/data/crud/sd-crud-list.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef } from "@angular/core";
+import { type TemplateRef } from "@angular/core";
 import { SdForm } from "../../controls/form/sd-form";
 import { SdSheetColumn } from "../sheet/sd-sheet-column";
 import type { SdViewType } from "../../core/routing/injectViewTypeSignal";

package/dist/data/crud/sd-crud-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-crud-list.d.ts","sourceRoot":"","sources":["../../../src/data/crud/sd-crud-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;;;AAYzE,qBA8La,UAAU,CAAC,KAAK,EAAE,IAAI;IACjC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAwD;IAE1F,KAAK,+CAAgB;IACrB,WAAW,+CAAgB;IAC3B,SAAS,8CAAY;IACrB,UAAU,+CAAgB;IAC1B,QAAQ,+CAAgB;IACxB,QAAQ,kDAAgC;IACxC,UAAU,sEAA+B;IACzC,GAAG,8CAA4B;IAE/B,QAAQ,qDAAiC;IAEzC,YAAY,iDAAY;IACxB,MAAM,iDAAY;IAClB,MAAM,iDAAY;IAClB,MAAM,oDAAqB;IAC3B,OAAO,oDAAqB;IAE5B,KAAK,+CAAsB;IAC3B,YAAY,2DAAkC;IAE9C,gBAAgB,+CAAsB;IACtC,cAAc,6CAAoD;IAElE,iBAAiB,0CAKf;IAEF,WAAW,8CAAY;IACvB,cAAc,8CAAY;IAC1B,KAAK,oDAA2B;IAEhC,SAAS,6CAAyB,KAAK,KAAK,IAAI,EAAI;IAEpD,aAAa,gEAAiD;IAC9D,YAAY,gEAAgD;IAC5D,UAAU,gEAA8C;IACxD,mBAAmB,gEAAuD;IAE1E,cAAc,gEAAkC;IAEhD,kBAAkB,0CAA6E;IAC/F,qBAAqB,0CAEnB;IAEF,kBAAkB,GAAI,MAAM,KAAK,KAAG,MAAM,GAAG,SAAS,CACgB;IAEtE,SAAS,CAAC,IAAI,EAAE,KAAK;IAIrB,iBAAiB;IAIjB,2BAA2B,IAAI,IAAI;IAQnC,4BAA4B;IAK5B,oBAAoB;IAUpB,SAAS,CAAC,QAAQ,CAAC,kBAAkB,sdAAsB;IAC3D,SAAS,CAAC,QAAQ,CAAC,gBAAgB,yYAAoB;IACvD,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAC/C,SAAS,CAAC,QAAQ,CAAC,aAAa,waAAiB;IACjD,SAAS,CAAC,QAAQ,CAAC,YAAY,yXAAgB;yCAzFpC,UAAU;2CAAV,UAAU;CA0FtB"}
+{"version":3,"file":"sd-crud-list.d.ts","sourceRoot":"","sources":["../../../src/data/crud/sd-crud-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,WAAW,EAGjB,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;;;AAYzE,qBA+La,UAAU,CAAC,KAAK,EAAE,IAAI;IACjC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAwD;IAE1F,KAAK,+CAAgB;IACrB,WAAW,+CAAgB;IAC3B,SAAS,8CAAY;IACrB,UAAU,+CAAgB;IAC1B,QAAQ,+CAAgB;IACxB,QAAQ,kDAAgC;IACxC,UAAU,sEAA+B;IACzC,GAAG,8CAA4B;IAE/B,QAAQ,qDAAiC;IAEzC,YAAY,iDAAY;IACxB,MAAM,iDAAY;IAClB,MAAM,iDAAY;IAClB,MAAM,oDAAqB;IAC3B,OAAO,oDAAqB;IAE5B,KAAK,+CAAsB;IAC3B,YAAY,2DAAkC;IAE9C,gBAAgB,+CAAsB;IACtC,cAAc,6CAAoD;IAElE,iBAAiB,0CAKf;IAEF,WAAW,8CAAY;IACvB,cAAc,8CAAY;IAC1B,KAAK,oDAA2B;IAEhC,SAAS,6CAAyB,KAAK,KAAK,IAAI,EAAI;IAEpD,aAAa,gEAAiD;IAC9D,YAAY,gEAAgD;IAC5D,UAAU,gEAA8C;IACxD,mBAAmB,gEAAuD;IAE1E,cAAc,gEAAkC;IAEhD,kBAAkB,0CAA6E;IAC/F,qBAAqB,0CAEnB;IAEF,kBAAkB,GAAI,MAAM,KAAK,KAAG,MAAM,GAAG,SAAS,CACgB;IAEtE,SAAS,CAAC,IAAI,EAAE,KAAK;IAIrB,iBAAiB;IAIjB,2BAA2B,IAAI,IAAI;IAQnC,4BAA4B;IAK5B,oBAAoB;IAUpB,SAAS,CAAC,QAAQ,CAAC,kBAAkB,sdAAsB;IAC3D,SAAS,CAAC,QAAQ,CAAC,gBAAgB,yYAAoB;IACvD,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAC/C,SAAS,CAAC,QAAQ,CAAC,aAAa,waAAiB;IACjD,SAAS,CAAC,QAAQ,CAAC,YAAY,yXAAgB;yCAzFpC,UAAU;2CAAV,UAAU;CA0FtB"}