@simplysm/angular 14.0.25 → 14.0.27

package/dist/features/address/sd-address-search.modal.d.ts

@@ -1,15 +1,15 @@
 import { ElementRef } from "@angular/core";
 import type { OnInit } from "@angular/core";
-import type { ISdModal } from "../../ui/overlay/modal/sd-modal.provider";
+import type { SdModalContentDef } from "../../ui/overlay/modal/sd-modal.provider";
 import * as i0 from "@angular/core";
-export interface IAddress {
+export interface Address {
     postNumber: string | undefined;
     address: string | undefined;
     buildingName: string | undefined;
 }
-export declare class SdAddressSearchModal implements ISdModal<IAddress>, OnInit {
+export declare class SdAddressSearchModal implements SdModalContentDef<Address>, OnInit {
     contentElRef: import("@angular/core").Signal<ElementRef<HTMLElement>>;
-    close: import("@angular/core").OutputEmitterRef<IAddress>;
+    close: import("@angular/core").OutputEmitterRef<Address>;
     initialized: import("@angular/core").WritableSignal<boolean>;
     ngOnInit(): void;
     private initAsync;

package/dist/features/address/sd-address-search.modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-address-search.modal.d.ts","sourceRoot":"","sources":["../../../src/features/address/sd-address-search.modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAKX,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;;AAwBzE,MAAM,WAAW,QAAQ;IACvB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAED,qBAYa,oBAAqB,YAAW,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM;IACrE,YAAY,0DAET;IAEH,KAAK,qDAAsB;IAE3B,WAAW,kDAAiB;IAE5B,QAAQ;YAIM,SAAS;yCAbZ,oBAAoB;2CAApB,oBAAoB;CAoEhC"}
+{"version":3,"file":"sd-address-search.modal.d.ts","sourceRoot":"","sources":["../../../src/features/address/sd-address-search.modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAKX,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;;AAwBlF,MAAM,WAAW,OAAO;IACtB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAED,qBAYa,oBAAqB,YAAW,iBAAiB,CAAC,OAAO,CAAC,EAAE,MAAM;IAC7E,YAAY,0DAET;IAEH,KAAK,oDAAqB;IAE1B,WAAW,kDAAiB;IAE5B,QAAQ;YAIM,SAAS;yCAbZ,oBAAoB;2CAApB,oBAAoB;CAoEhC"}

package/dist/features/address/sd-address-search.modal.js

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, ElementRef, output, signal, viewChild, ViewEncapsulation, } from "@angular/core";
-import { SdBusyContainerControl } from "../../ui/overlay/busy/sd-busy-container.control";
+import { SdBusyContainer } from "../../ui/overlay/busy/sd-busy-container";
 import * as i0 from "@angular/core";
 const _c0 = ["content"];
 export class SdAddressSearchModal {
@@ -69,7 +69,7 @@ export class SdAddressSearchModal {
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("busy", !ctx.initialized());
-        } }, dependencies: [SdBusyContainerControl], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdBusyContainer], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdAddressSearchModal, [{
         type: Component,
@@ -78,7 +78,7 @@ export class SdAddressSearchModal {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 standalone: true,
-                imports: [SdBusyContainerControl],
+                imports: [SdBusyContainer],
                 template: `
     <sd-busy-container [busy]="!initialized()">
       <div #content style="min-height: 100px;"></div>

package/dist/features/base/{sd-base-container.control.d.ts → sd-base-container.d.ts}

@@ -1,7 +1,7 @@
 import { TemplateRef } from "@angular/core";
-import { type TSdViewType } from "../../core/utils/useViewTypeSignal";
+import { type SdViewType } from "../../core/utils/injectViewTypeSignal";
 import * as i0 from "@angular/core";
-export declare class SdBaseContainerControl {
+export declare class SdBaseContainer {
     private readonly _sdActivatedModal;
     private readonly _sdAppStructure;
     private readonly _parent;
@@ -11,8 +11,8 @@ export declare class SdBaseContainerControl {
     pageTopbarTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     modalBottomTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     private readonly _parentViewType;
-    viewType: import("@angular/core").InputSignal<TSdViewType | undefined>;
-    currViewType: import("@angular/core").Signal<TSdViewType>;
+    viewType: import("@angular/core").InputSignal<SdViewType | undefined>;
+    currViewType: import("@angular/core").Signal<SdViewType>;
     header: import("@angular/core").InputSignal<string | undefined>;
     modalOrPageTitle: import("@angular/core").Signal<any>;
     initialized: import("@angular/core").InputSignal<boolean | undefined>;
@@ -20,7 +20,7 @@ export declare class SdBaseContainerControl {
     busy: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     busyMessage: import("@angular/core").InputSignal<string | undefined>;
     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<SdBaseContainerControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdBaseContainerControl, "sd-base-container", never, { "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "initialized": { "alias": "initialized"; "required": false; "isSignal": true; }; "restricted": { "alias": "restricted"; "required": false; "isSignal": true; }; "busy": { "alias": "busy"; "required": false; "isSignal": true; }; "busyMessage": { "alias": "busyMessage"; "required": false; "isSignal": true; }; }, {}, ["contentTplRef", "pageTopbarTplRef", "modalBottomTplRef"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdBaseContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdBaseContainer, "sd-base-container", never, { "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "initialized": { "alias": "initialized"; "required": false; "isSignal": true; }; "restricted": { "alias": "restricted"; "required": false; "isSignal": true; }; "busy": { "alias": "busy"; "required": false; "isSignal": true; }; "busyMessage": { "alias": "busyMessage"; "required": false; "isSignal": true; }; }, {}, ["contentTplRef", "pageTopbarTplRef", "modalBottomTplRef"], never, true, never>;
 }
-//# sourceMappingURL=sd-base-container.control.d.ts.map
+//# sourceMappingURL=sd-base-container.d.ts.map

package/dist/features/base/sd-base-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-base-container.d.ts","sourceRoot":"","sources":["../../../src/features/base/sd-base-container.ts"],"names":[],"mappings":"AACA,OAAO,EAQL,WAAW,EAEZ,MAAM,eAAe,CAAC;AAQvB,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,uCAAuC,CAAC;;AAK/C,qBAqDa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAwD;IAC1F,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAkC;IAElE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkB;IAE1C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiC;IAE/D,aAAa,mDAA8D;IAE3E,gBAAgB,+DAAwD;IACxE,iBAAiB,+DAAyD;IAE1E,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA4C;IAC5E,QAAQ,8DAAuB;IAC/B,YAAY,6CAA6D;IAEzE,MAAM,0DAAmB;IACzB,gBAAgB,sCAUb;IAEH,WAAW,2DAAyC;IACpD,UAAU,qEAAiD;IAC3D,IAAI,qEAAiD;IACrD,WAAW,0DAAmB;IAE9B,SAAS,CAAC,QAAQ,CAAC,mBAAmB,ifAAuB;yCApClD,eAAe;2CAAf,eAAe;CAqC3B"}

package/dist/features/base/{sd-base-container.control.js → sd-base-container.js}

@@ -1,13 +1,13 @@
 import { NgTemplateOutlet } from "@angular/common";
 import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChild, inject, input, TemplateRef, ViewEncapsulation, } from "@angular/core";
-import { SdBusyContainerControl } from "../../ui/overlay/busy/sd-busy-container.control";
-import { SdTopbarContainerControl } from "../../ui/navigation/topbar/sd-topbar-container.control";
-import { SdTopbarControl } from "../../ui/navigation/topbar/sd-topbar.control";
+import { SdBusyContainer } from "../../ui/overlay/busy/sd-busy-container";
+import { SdTopbarContainer } from "../../ui/navigation/topbar/sd-topbar-container";
+import { SdTopbar } from "../../ui/navigation/topbar/sd-topbar";
 import { SdAppStructureProvider } from "../../core/providers/sd-app-structure.provider";
 import { SdActivatedModalProvider } from "../../core/providers/sd-activated-modal.provider";
-import { useCurrentPageCodeSignal } from "../../core/utils/useCurrentPageCodeSignal";
-import { useFullPageCodeSignal } from "../../core/utils/useFullPageCodeSignal";
-import { useViewTypeSignal, } from "../../core/utils/useViewTypeSignal";
+import { injectCurrentPageCodeSignal } from "../../core/utils/injectCurrentPageCodeSignal";
+import { injectFullPageCodeSignal } from "../../core/utils/injectFullPageCodeSignal";
+import { injectViewTypeSignal, } from "../../core/utils/injectViewTypeSignal";
 import { injectParent } from "../../core/utils/injectParent";
 import { NgIcon } from "@ng-icons/core";
 import { tablerAlertTriangle } from "@ng-icons/tabler-icons";
@@ -15,7 +15,7 @@ import * as i0 from "@angular/core";
 const _c0 = ["contentTpl"];
 const _c1 = ["pageTopbarTpl"];
 const _c2 = ["modalBottomTpl"];
-function SdBaseContainerControl_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SdBaseContainer_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵelement(1, "br")(2, "ng-icon", 4)(3, "br")(4, "br");
     i0.ɵɵtext(5);
@@ -27,16 +27,16 @@ function SdBaseContainerControl_Conditional_1_Conditional_0_Template(rf, ctx) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" '", ctx_r0.modalOrPageTitle(), "'\uC5D0 \uB300\uD55C \uC0AC\uC6A9\uAD8C\uD55C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4. \uC2DC\uC2A4\uD15C \uAD00\uB9AC\uC790\uC5D0\uAC8C \uBB38\uC758\uD558\uC138\uC694. ");
 } }
-function SdBaseContainerControl_Conditional_1_Conditional_1_ng_template_4_Template(rf, ctx) { }
-function SdBaseContainerControl_Conditional_1_Conditional_1_ng_template_6_Template(rf, ctx) { }
-function SdBaseContainerControl_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SdBaseContainer_Conditional_1_Conditional_1_ng_template_4_Template(rf, ctx) { }
+function SdBaseContainer_Conditional_1_Conditional_1_ng_template_6_Template(rf, ctx) { }
+function SdBaseContainer_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-topbar-container")(1, "sd-topbar")(2, "h4");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, SdBaseContainerControl_Conditional_1_Conditional_1_ng_template_4_Template, 0, 0, "ng-template", 3);
+    i0.ɵɵtemplate(4, SdBaseContainer_Conditional_1_Conditional_1_ng_template_4_Template, 0, 0, "ng-template", 3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "div", 5);
-    i0.ɵɵtemplate(6, SdBaseContainerControl_Conditional_1_Conditional_1_ng_template_6_Template, 0, 0, "ng-template", 3);
+    i0.ɵɵtemplate(6, SdBaseContainer_Conditional_1_Conditional_1_ng_template_6_Template, 0, 0, "ng-template", 3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -47,22 +47,22 @@ function SdBaseContainerControl_Conditional_1_Conditional_1_Template(rf, ctx) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.contentTplRef());
 } }
-function SdBaseContainerControl_Conditional_1_Conditional_2_ng_template_2_Template(rf, ctx) { }
-function SdBaseContainerControl_Conditional_1_Conditional_2_Conditional_3_ng_template_1_Template(rf, ctx) { }
-function SdBaseContainerControl_Conditional_1_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SdBaseContainer_Conditional_1_Conditional_2_ng_template_2_Template(rf, ctx) { }
+function SdBaseContainer_Conditional_1_Conditional_2_Conditional_3_ng_template_1_Template(rf, ctx) { }
+function SdBaseContainer_Conditional_1_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
-    i0.ɵɵtemplate(1, SdBaseContainerControl_Conditional_1_Conditional_2_Conditional_3_ng_template_1_Template, 0, 0, "ng-template", 3);
+    i0.ɵɵtemplate(1, SdBaseContainer_Conditional_1_Conditional_2_Conditional_3_ng_template_1_Template, 0, 0, "ng-template", 3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.modalBottomTplRef() ?? null);
 } }
-function SdBaseContainerControl_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SdBaseContainer_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2)(1, "div", 6);
-    i0.ɵɵtemplate(2, SdBaseContainerControl_Conditional_1_Conditional_2_ng_template_2_Template, 0, 0, "ng-template", 3);
+    i0.ɵɵtemplate(2, SdBaseContainer_Conditional_1_Conditional_2_ng_template_2_Template, 0, 0, "ng-template", 3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SdBaseContainerControl_Conditional_1_Conditional_2_Conditional_3_Template, 2, 1, "div", 7);
+    i0.ɵɵconditionalCreate(3, SdBaseContainer_Conditional_1_Conditional_2_Conditional_3_Template, 2, 1, "div", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -71,60 +71,67 @@ function SdBaseContainerControl_Conditional_1_Conditional_2_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.modalBottomTplRef() ? 3 : -1);
 } }
-function SdBaseContainerControl_Conditional_1_Conditional_3_ng_template_0_Template(rf, ctx) { }
-function SdBaseContainerControl_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdBaseContainerControl_Conditional_1_Conditional_3_ng_template_0_Template, 0, 0, "ng-template", 3);
+function SdBaseContainer_Conditional_1_Conditional_3_ng_template_0_Template(rf, ctx) { }
+function SdBaseContainer_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdBaseContainer_Conditional_1_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 SdBaseContainerControl_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SdBaseContainerControl_Conditional_1_Conditional_0_Template, 6, 3, "div", 1)(1, SdBaseContainerControl_Conditional_1_Conditional_1_Template, 7, 3, "sd-topbar-container")(2, SdBaseContainerControl_Conditional_1_Conditional_2_Template, 4, 2, "div", 2)(3, SdBaseContainerControl_Conditional_1_Conditional_3_Template, 1, 1, null, 3);
+function SdBaseContainer_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SdBaseContainer_Conditional_1_Conditional_0_Template, 6, 3, "div", 1)(1, SdBaseContainer_Conditional_1_Conditional_1_Template, 7, 3, "sd-topbar-container")(2, SdBaseContainer_Conditional_1_Conditional_2_Template, 4, 2, "div", 2)(3, SdBaseContainer_Conditional_1_Conditional_3_Template, 1, 1, null, 3);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵconditional(ctx_r0.restricted() ? 0 : ctx_r0.currViewType() === "page" ? 1 : ctx_r0.currViewType() === "modal" ? 2 : 3);
 } }
-export class SdBaseContainerControl {
+export class SdBaseContainer {
     _sdActivatedModal = inject(SdActivatedModalProvider, { optional: true });
     _sdAppStructure = inject(SdAppStructureProvider);
     _parent = injectParent();
-    _fullPageCode = useFullPageCodeSignal();
-    _currPageCode = useCurrentPageCodeSignal();
+    _fullPageCode = injectFullPageCodeSignal();
+    _currPageCode = injectCurrentPageCodeSignal();
     contentTplRef = contentChild.required("contentTpl", { read: TemplateRef });
     pageTopbarTplRef = contentChild("pageTopbarTpl", { ...(ngDevMode ? { debugName: "pageTopbarTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
     modalBottomTplRef = contentChild("modalBottomTpl", { ...(ngDevMode ? { debugName: "modalBottomTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
-    _parentViewType = useViewTypeSignal(() => this._parent);
+    _parentViewType = injectViewTypeSignal(() => this._parent);
     viewType = input(...(ngDevMode ? [undefined, { debugName: "viewType" }] : /* istanbul ignore next */ []));
     currViewType = computed(() => this.viewType() ?? this._parentViewType(), ...(ngDevMode ? [{ debugName: "currViewType" }] : /* istanbul ignore next */ []));
     header = input(...(ngDevMode ? [undefined, { debugName: "header" }] : /* istanbul ignore next */ []));
-    modalOrPageTitle = computed(() => this.header() ??
-        this._sdActivatedModal?.modalComponent()?.title() ??
-        this._sdAppStructure.getTitleByFullCode(this._currPageCode?.() ?? this._fullPageCode()), ...(ngDevMode ? [{ debugName: "modalOrPageTitle" }] : /* istanbul ignore next */ []));
+    modalOrPageTitle = computed(() => {
+        try {
+            return (this.header() ??
+                this._sdActivatedModal?.modalComponent()?.title() ??
+                this._sdAppStructure.getTitleByFullCode(this._currPageCode?.() ?? this._fullPageCode()));
+        }
+        catch {
+            return "";
+        }
+    }, ...(ngDevMode ? [{ debugName: "modalOrPageTitle" }] : /* istanbul ignore next */ []));
     initialized = input(undefined, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
     restricted = input(false, { ...(ngDevMode ? { debugName: "restricted" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     busy = input(false, { ...(ngDevMode ? { debugName: "busy" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     busyMessage = input(...(ngDevMode ? [undefined, { debugName: "busyMessage" }] : /* istanbul ignore next */ []));
     tablerAlertTriangle = tablerAlertTriangle;
-    static ɵfac = function SdBaseContainerControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdBaseContainerControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdBaseContainerControl, selectors: [["sd-base-container"]], contentQueries: function SdBaseContainerControl_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+    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.contentTplRef, _c0, 5, TemplateRef)(dirIndex, ctx.pageTopbarTplRef, _c1, 5, TemplateRef)(dirIndex, ctx.modalBottomTplRef, _c2, 5, TemplateRef);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(3);
-        } }, inputs: { viewType: [1, "viewType"], header: [1, "header"], initialized: [1, "initialized"], restricted: [1, "restricted"], busy: [1, "busy"], busyMessage: [1, "busyMessage"] }, decls: 2, vars: 3, consts: [[3, "busy", "message"], [1, "fill", "tx-theme-gray-light", "p-xxl", "tx-center"], [1, "flex-column", "fill"], [3, "ngTemplateOutlet"], [3, "svg", "size"], [1, "fill"], [1, "flex-fill"], [1, "bdt", "bdt-theme-gray-lightest"]], template: function SdBaseContainerControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewType: [1, "viewType"], header: [1, "header"], initialized: [1, "initialized"], restricted: [1, "restricted"], busy: [1, "busy"], busyMessage: [1, "busyMessage"] }, decls: 2, vars: 3, consts: [[3, "busy", "message"], [1, "fill", "tx-theme-gray-light", "p-xxl", "tx-center"], [1, "flex-column", "fill"], [3, "ngTemplateOutlet"], [3, "svg", "size"], [1, "fill"], [1, "flex-fill"], [1, "bdt", "bdt-theme-gray-lightest"]], template: function SdBaseContainer_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "sd-busy-container", 0);
-            i0.ɵɵconditionalCreate(1, SdBaseContainerControl_Conditional_1_Template, 4, 1);
+            i0.ɵɵconditionalCreate(1, SdBaseContainer_Conditional_1_Template, 4, 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("busy", ctx.busy())("message", ctx.busyMessage());
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.initialized() === undefined || ctx.initialized() ? 1 : -1);
-        } }, dependencies: [SdBusyContainerControl,
-            SdTopbarContainerControl,
-            SdTopbarControl,
+        } }, dependencies: [SdBusyContainer,
+            SdTopbarContainer,
+            SdTopbar,
             NgTemplateOutlet,
             NgIcon], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdBaseContainerControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdBaseContainer, [{
         type: Component,
         args: [{
                 selector: "sd-base-container",
@@ -132,9 +139,9 @@ export class SdBaseContainerControl {
                 encapsulation: ViewEncapsulation.None,
                 standalone: true,
                 imports: [
-                    SdBusyContainerControl,
-                    SdTopbarContainerControl,
-                    SdTopbarControl,
+                    SdBusyContainer,
+                    SdTopbarContainer,
+                    SdTopbar,
                     NgTemplateOutlet,
                     NgIcon,
                 ],
@@ -180,4 +187,4 @@ export class SdBaseContainerControl {
   `,
             }]
     }], null, { contentTplRef: [{ type: i0.ContentChild, args: ["contentTpl", { ...{ read: TemplateRef }, isSignal: true }] }], pageTopbarTplRef: [{ type: i0.ContentChild, args: ["pageTopbarTpl", { ...{ read: TemplateRef }, isSignal: true }] }], modalBottomTplRef: [{ type: i0.ContentChild, args: ["modalBottomTpl", { ...{ read: TemplateRef }, isSignal: true }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], initialized: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialized", required: false }] }], restricted: [{ type: i0.Input, args: [{ isSignal: true, alias: "restricted", required: false }] }], busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], busyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "busyMessage", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdBaseContainerControl, { className: "SdBaseContainerControl", filePath: "packages/angular/src/features/base/sd-base-container.control.ts", lineNumber: 81, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdBaseContainer, { className: "SdBaseContainer", filePath: "packages/angular/src/features/base/sd-base-container.ts", lineNumber: 81, forbidOrphanRendering: true }); })();

package/dist/features/data-view/{useDataSheetExcelManager.d.ts → injectDataSheetExcelManager.d.ts}

@@ -1,8 +1,8 @@
 import { type WritableSignal } from "@angular/core";
-import type { ISdDataSheetSearchResult } from "./sd-data-sheet.types";
-export declare function useDataSheetExcelManager<TItem>(options: {
+import type { SdDataSheetSearchResult } from "./sd-data-sheet.types";
+export declare function injectDataSheetExcelManager<TItem>(options: {
     busyCount: WritableSignal<number>;
-    search: (usePagination: boolean) => Promise<ISdDataSheetSearchResult<TItem>> | ISdDataSheetSearchResult<TItem>;
+    search: (usePagination: boolean) => Promise<SdDataSheetSearchResult<TItem>> | SdDataSheetSearchResult<TItem>;
     refresh: () => Promise<void>;
     getDownloadExcelFn: () => ((items: TItem[]) => Promise<void> | void) | undefined;
     getUploadExcelFn: () => ((file: File) => Promise<void> | void) | undefined;
@@ -11,4 +11,4 @@ export declare function useDataSheetExcelManager<TItem>(options: {
     doDownloadExcel: () => Promise<void>;
     doUploadExcel: () => Promise<void>;
 };
-//# sourceMappingURL=useDataSheetExcelManager.d.ts.map
+//# sourceMappingURL=injectDataSheetExcelManager.d.ts.map

package/dist/features/data-view/injectDataSheetExcelManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectDataSheetExcelManager.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/injectDataSheetExcelManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAU,MAAM,eAAe,CAAC;AAI5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAErE,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,OAAO,EAAE;IAC1D,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,EAAE,CACN,aAAa,EAAE,OAAO,KACnB,OAAO,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAC9E,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,kBAAkB,EAAE,MAChB,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAC1C,SAAS,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3E,cAAc,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC;CAC1C;2BAImC,OAAO,CAAC,IAAI,CAAC;yBAYf,OAAO,CAAC,IAAI,CAAC;EAuB9C"}

package/dist/features/data-view/{useDataSheetExcelManager.js → injectDataSheetExcelManager.js}

@@ -2,7 +2,7 @@ import { inject } from "@angular/core";
 import { SdToastProvider } from "../../core/providers/sd-toast.provider";
 import { SdFileDialogProvider } from "../../core/providers/sd-file-dialog.provider";
 import { withBusy } from "../../core/utils/withBusy";
-export function useDataSheetExcelManager(options) {
+export function injectDataSheetExcelManager(options) {
     const sdToast = inject(SdToastProvider);
     const sdFileDialog = inject(SdFileDialogProvider);
     async function doDownloadExcel() {

package/dist/features/data-view/{useDataSheetInlineEditManager.d.ts → injectDataSheetInlineEditManager.d.ts}

@@ -1,12 +1,12 @@
 import { type OutputEmitterRef, type WritableSignal } from "@angular/core";
 import type { ArrayOneWayDiffResult } from "@simplysm/core-common";
-import type { ISdDataSheetItemPropInfo } from "./sd-data-sheet.types";
-export declare function useDataSheetInlineEditManager<TItem, TKey>(options: {
+import type { SdDataSheetItemPropInfo } from "./sd-data-sheet.types";
+export declare function injectDataSheetInlineEditManager<TItem, TKey>(options: {
     busyCount: WritableSignal<number>;
     canEdit: () => boolean;
     items: WritableSignal<TItem[]>;
     submitted: OutputEmitterRef<boolean>;
-    itemPropInfo: () => ISdDataSheetItemPropInfo<TItem>;
+    itemPropInfo: () => SdDataSheetItemPropInfo<TItem>;
     getItemInfoFn: (item: TItem) => {
         key: TKey;
     };
@@ -23,4 +23,4 @@ export declare function useDataSheetInlineEditManager<TItem, TKey>(options: {
     }) => Promise<void>;
     doToggleDeleteItem: (item: TItem) => void;
 };
-//# sourceMappingURL=useDataSheetInlineEditManager.d.ts.map
+//# sourceMappingURL=injectDataSheetInlineEditManager.d.ts.map

package/dist/features/data-view/injectDataSheetInlineEditManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectDataSheetInlineEditManager.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/injectDataSheetInlineEditManager.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EAEpB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAInE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAErE,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE;IACrE,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAClC,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC;IAC/B,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC,YAAY,EAAE,MAAM,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK;QAAE,GAAG,EAAE,IAAI,CAAA;KAAE,CAAC;IAC9C,QAAQ,EAAE,MAAM,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC;IAC/C,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IAC/D,WAAW,EAAE,MACT,CAAC,CAAC,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,GACvE,SAAS,CAAC;IACd,cAAc,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC;CAC1C;qBAG6B,OAAO,CAAC,IAAI,CAAC;qBAYX;QAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;KAC/B,KAAG,OAAO,CAAC,IAAI,CAAC;+BA8BiB,KAAK,KAAG,IAAI;EAe/C"}

package/dist/features/data-view/{useDataSheetInlineEditManager.js → injectDataSheetInlineEditManager.js}

@@ -2,7 +2,7 @@ import { inject, } from "@angular/core";
 import { mark } from "../../core/utils/mark";
 import { SdToastProvider } from "../../core/providers/sd-toast.provider";
 import { withBusy } from "../../core/utils/withBusy";
-export function useDataSheetInlineEditManager(options) {
+export function injectDataSheetInlineEditManager(options) {
     const sdToast = inject(SdToastProvider);
     async function doAddItem() {
         const newItemFn = options.getNewItemFn();

package/dist/features/data-view/{useDataSheetModalEditManager.d.ts → injectDataSheetModalEditManager.d.ts}

@@ -1,11 +1,11 @@
 import { type OutputEmitterRef, type Signal, type WritableSignal } from "@angular/core";
-import type { ISelectModalOutputResult } from "../../core/types/select-modal-output-result";
-export declare function useDataSheetModalEditManager<TItem, TKey>(options: {
+import type { SelectModalOutputResult } from "../../core/types/select-modal-output-result";
+export declare function injectDataSheetModalEditManager<TItem, TKey>(options: {
     busyCount: WritableSignal<number>;
     canEdit: () => boolean;
     selectedItemKeys: Signal<TKey[]>;
     selectedItems: Signal<TItem[]>;
-    close: OutputEmitterRef<ISelectModalOutputResult<TItem>>;
+    close: OutputEmitterRef<SelectModalOutputResult<TItem>>;
     refresh: () => Promise<void>;
     getEditItemFn: () => ((item?: TItem) => Promise<boolean | undefined> | boolean | undefined) | undefined;
     getToggleDeleteItemsFn: () => ((del: boolean) => Promise<boolean>) | undefined;
@@ -16,4 +16,4 @@ export declare function useDataSheetModalEditManager<TItem, TKey>(options: {
     doModalConfirm: () => void;
     doModalCancel: () => void;
 };
-//# sourceMappingURL=useDataSheetModalEditManager.d.ts.map
+//# sourceMappingURL=injectDataSheetModalEditManager.d.ts.map

package/dist/features/data-view/injectDataSheetModalEditManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectDataSheetModalEditManager.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/injectDataSheetModalEditManager.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,MAAM,EACX,KAAK,cAAc,EAEpB,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AAE3F,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE;IACpE,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAClC,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE,gBAAgB,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,aAAa,EAAE,MACX,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,KAAK,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,OAAO,GAAG,SAAS,CAAC,GACtE,SAAS,CAAC;IACd,sBAAsB,EAAE,MACpB,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,GACpC,SAAS,CAAC;IACd,cAAc,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC;CAC1C;wBAGkC,KAAK,KAAG,OAAO,CAAC,IAAI,CAAC;+BAcd,OAAO,KAAG,OAAO,CAAC,IAAI,CAAC;0BAmBpC,IAAI;yBAOL,IAAI;EAQ/B"}

package/dist/features/data-view/{useDataSheetModalEditManager.js → injectDataSheetModalEditManager.js}

@@ -1,7 +1,7 @@
 import { inject, } from "@angular/core";
 import { SdToastProvider } from "../../core/providers/sd-toast.provider";
 import { withBusy } from "../../core/utils/withBusy";
-export function useDataSheetModalEditManager(options) {
+export function injectDataSheetModalEditManager(options) {
     const sdToast = inject(SdToastProvider);
     async function doEditItem(item) {
         const editItemFn = options.getEditItemFn();

package/dist/features/data-view/{useDataSheetRefreshManager.d.ts → injectDataSheetRefreshManager.d.ts}

@@ -1,7 +1,7 @@
 import { type Signal, type WritableSignal } from "@angular/core";
 import { type ArrayOneWayDiffResult } from "@simplysm/core-common";
-import type { ISdDataSheetSearchResult } from "./sd-data-sheet.types";
-export declare function useDataSheetRefreshManager<TItem, TKey extends string | number | undefined>(options: {
+import type { SdDataSheetSearchResult } from "./sd-data-sheet.types";
+export declare function injectDataSheetRefreshManager<TItem, TKey extends string | number | undefined>(options: {
     busyCount: WritableSignal<number>;
     initialized: WritableSignal<boolean>;
     canUse: () => boolean;
@@ -15,11 +15,11 @@ export declare function useDataSheetRefreshManager<TItem, TKey extends string |
     getItemInfoFn: (item: TItem) => {
         key: TKey;
     };
-    search: (usePagination: boolean) => Promise<ISdDataSheetSearchResult<TItem>> | ISdDataSheetSearchResult<TItem>;
+    search: (usePagination: boolean) => Promise<SdDataSheetSearchResult<TItem>> | SdDataSheetSearchResult<TItem>;
     prepareRefreshEffect?: () => void;
     getDiffsExcludes: () => string[] | undefined;
 }): {
     refresh: () => Promise<void>;
     getDiffs: () => ArrayOneWayDiffResult<TItem>[];
 };
-//# sourceMappingURL=useDataSheetRefreshManager.d.ts.map
+//# sourceMappingURL=injectDataSheetRefreshManager.d.ts.map

package/dist/features/data-view/injectDataSheetRefreshManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectDataSheetRefreshManager.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/injectDataSheetRefreshManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,cAAc,EAAkB,MAAM,eAAe,CAAC;AACjF,OAAO,EAAE,KAAK,qBAAqB,EAAO,MAAM,uBAAuB,CAAC;AAIxE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAErE,wBAAgB,6BAA6B,CAC3C,KAAK,EACL,IAAI,SAAS,MAAM,GAAG,MAAM,GAAG,SAAS,EACxC,OAAO,EAAE;IACT,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAClC,WAAW,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC;IAC/B,aAAa,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC;IACvC,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACnC,WAAW,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IAC/B,aAAa,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK;QAAE,GAAG,EAAE,IAAI,CAAA;KAAE,CAAC;IAC9C,MAAM,EAAE,CACN,aAAa,EAAE,OAAO,KACnB,OAAO,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAC9E,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,gBAAgB,EAAE,MAAM,MAAM,EAAE,GAAG,SAAS,CAAC;CAC9C;mBAK2B,OAAO,CAAC,IAAI,CAAC;oBAgBlB,qBAAqB,CAAC,KAAK,CAAC,EAAE;EAyCpD"}

package/dist/features/data-view/{useDataSheetRefreshManager.js → injectDataSheetRefreshManager.js}

@@ -3,7 +3,7 @@ import { obj } from "@simplysm/core-common";
 import { SdToastProvider } from "../../core/providers/sd-toast.provider";
 import { SdSharedDataProvider } from "../../core/providers/sd-shared-data.provider";
 import { withBusy } from "../../core/utils/withBusy";
-export function useDataSheetRefreshManager(options) {
+export function injectDataSheetRefreshManager(options) {
     const sdToast = inject(SdToastProvider);
     const sdSharedData = inject(SdSharedDataProvider);
     let itemsSnapshot = [];

package/dist/features/data-view/sd-data-detail.base.d.ts

@@ -0,0 +1,49 @@
+import { type Signal, TemplateRef } from "@angular/core";
+import { DateTime } from "@simplysm/core-common";
+import { type SdModalContentDef } from "../../ui/overlay/modal/sd-modal.provider";
+import * as i0 from "@angular/core";
+export interface SdDataDetailDataInfo {
+    isNew: boolean;
+    isDeleted: boolean;
+    lastModifiedAt: DateTime | undefined;
+    lastModifiedBy: string | undefined;
+}
+export declare abstract class SdDataDetailBase<T extends object, R = boolean> implements SdModalContentDef<R> {
+    abstract canUse: Signal<boolean>;
+    abstract canEdit: Signal<boolean>;
+    canDelete?: Signal<boolean>;
+    prepareRefreshEffect?(): void;
+    abstract load(): Promise<{
+        data: T;
+        info: SdDataDetailDataInfo;
+    }> | {
+        data: T;
+        info: SdDataDetailDataInfo;
+    };
+    toggleDelete?(del: boolean): Promise<R | undefined> | R | undefined;
+    submit?(data: T): Promise<R | undefined> | R | undefined;
+    private readonly _sdToast;
+    private readonly _sdSharedData;
+    viewType: Signal<import("../..").SdViewType>;
+    busyCount: import("@angular/core").WritableSignal<number>;
+    busyMessage: import("@angular/core").WritableSignal<string | undefined>;
+    initialized: import("@angular/core").WritableSignal<boolean>;
+    close: import("@angular/core").OutputEmitterRef<R>;
+    actionTplRef?: TemplateRef<any>;
+    data: import("@angular/core").WritableSignal<T>;
+    dataInfo: import("@angular/core").WritableSignal<SdDataDetailDataInfo | undefined>;
+    private _dataSnapshot?;
+    constructor();
+    checkIgnoreChanges(): boolean;
+    doRefresh(): Promise<void>;
+    refresh(): Promise<void>;
+    doToggleDelete(del: boolean): Promise<void>;
+    doSubmit(opt?: {
+        permCheck?: boolean;
+        hideNoChangeMessage?: boolean;
+    }): Promise<void>;
+    private _getOrmDataEditToastErrorMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdDataDetailBase<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdDataDetailBase<any, any>, never, never, {}, { "close": "close"; }, never, never, true, never>;
+}
+//# sourceMappingURL=sd-data-detail.base.d.ts.map

package/dist/features/data-view/sd-data-detail.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-data-detail.base.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/sd-data-detail.base.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,MAAM,EACX,WAAW,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAO,MAAM,uBAAuB,CAAC;AAMtD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;;AAGlF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,QAAQ,GAAG,SAAS,CAAC;IACrC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,8BACsB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,GAAG,OAAO,CAClE,YAAW,iBAAiB,CAAC,CAAC,CAAC;IAI/B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAE5B,oBAAoB,CAAC,IAAI,IAAI;IAE7B,QAAQ,CAAC,IAAI,IACT,OAAO,CAAC;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,oBAAoB,CAAA;KAAE,CAAC,GAChD;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,oBAAoB,CAAA;KAAE;IAE3C,YAAY,CAAC,CAAC,GAAG,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS;IAEnE,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS;IAIxD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IACpD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAgC;IAE9D,QAAQ,qCAAoC;IAE5C,SAAS,iDAAa;IACtB,WAAW,6DAAyC;IACpD,WAAW,kDAAiB;IAC5B,KAAK,8CAAe;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,IAAI,4CAAsB;IAE1B,QAAQ,2EAAuD;IAE/D,OAAO,CAAC,aAAa,CAAC,CAAI;;IAyB1B,kBAAkB;IAQZ,SAAS;IAYT,OAAO;IASP,cAAc,CAAC,GAAG,EAAE,OAAO;IAqB3B,QAAQ,CAAC,GAAG,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,OAAO,CAAC;QAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;KAAE;IAmC3E,OAAO,CAAC,gCAAgC;yCAlJpB,gBAAgB;2CAAhB,gBAAgB;CA4JrC"}

package/dist/features/data-view/sd-data-detail.base.js

@@ -0,0 +1,122 @@
+import { Directive, effect, inject, output, signal, TemplateRef, } from "@angular/core";
+import { DateTime, obj } from "@simplysm/core-common";
+import { TXT_CHANGE_IGNORE_CONFIRM } from "../../core/commons";
+import { SdSharedDataProvider } from "../../core/providers/sd-shared-data.provider";
+import { setupCanDeactivate } from "../../core/utils/setups/setupCanDeactivate";
+import { injectViewTypeSignal } from "../../core/utils/injectViewTypeSignal";
+import { withBusy } from "../../core/utils/withBusy";
+import {} from "../../ui/overlay/modal/sd-modal.provider";
+import { SdToastProvider } from "../../core/providers/sd-toast.provider";
+import * as i0 from "@angular/core";
+export class SdDataDetailBase {
+    canDelete;
+    //-- implement
+    _sdToast = inject(SdToastProvider);
+    _sdSharedData = inject(SdSharedDataProvider);
+    viewType = injectViewTypeSignal(() => this);
+    busyCount = signal(0, ...(ngDevMode ? [{ debugName: "busyCount" }] : /* istanbul ignore next */ []));
+    busyMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "busyMessage" }] : /* istanbul ignore next */ []));
+    initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    close = output();
+    actionTplRef;
+    data = signal({}, ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    dataInfo = signal(undefined, ...(ngDevMode ? [{ debugName: "dataInfo" }] : /* istanbul ignore next */ []));
+    _dataSnapshot;
+    constructor() {
+        effect(() => {
+            this.prepareRefreshEffect?.();
+            queueMicrotask(async () => {
+                if (!this.canUse()) {
+                    this.initialized.set(true);
+                    return;
+                }
+                await withBusy(this.busyCount, () => this._sdToast.try(async () => {
+                    await this._sdSharedData.wait();
+                    await this.refresh();
+                }));
+                this.initialized.set(true);
+            });
+        });
+        setupCanDeactivate(() => this.viewType() === "modal" || this.checkIgnoreChanges());
+    }
+    checkIgnoreChanges() {
+        return (this._dataSnapshot == null ||
+            obj.equal(this.data(), this._dataSnapshot) ||
+            confirm(TXT_CHANGE_IGNORE_CONFIRM));
+    }
+    async doRefresh() {
+        if (this.busyCount() > 0)
+            return;
+        if (!this.canUse())
+            return;
+        if (!this.checkIgnoreChanges())
+            return;
+        await withBusy(this.busyCount, () => this._sdToast.try(async () => {
+            await this.refresh();
+        }));
+    }
+    async refresh() {
+        const result = await this.load();
+        this.data.set(result.data);
+        this.dataInfo.set(result.info);
+        if (!result.info.isNew) {
+            this._dataSnapshot = obj.clone(result.data);
+        }
+    }
+    async doToggleDelete(del) {
+        if (this.busyCount() > 0)
+            return;
+        if (!this.canEdit())
+            return;
+        if (this.canDelete && !this.canDelete())
+            return;
+        if (!this.toggleDelete)
+            return;
+        await withBusy(this.busyCount, () => this._sdToast.try(async () => {
+            const result = await this.toggleDelete(del);
+            if (!result)
+                return;
+            this._sdToast.success(`${del ? "삭제" : "복구"}되었습니다.`);
+            this.close.emit(result);
+        }, (err) => this._getOrmDataEditToastErrorMessage(err)));
+    }
+    async doSubmit(opt) {
+        if (this.busyCount() > 0)
+            return;
+        if (opt?.permCheck && !this.canEdit())
+            return;
+        if (!this.submit)
+            return;
+        const dataInfo = this.dataInfo();
+        if (dataInfo == null)
+            return;
+        if (!dataInfo.isNew &&
+            (this._dataSnapshot == null || obj.equal(this.data(), this._dataSnapshot))) {
+            if (!opt?.hideNoChangeMessage) {
+                this._sdToast.info("변경사항이 없습니다.");
+            }
+            return;
+        }
+        await withBusy(this.busyCount, () => this._sdToast.try(async () => {
+            const result = await this.submit(this.data());
+            if (!result)
+                return;
+            this._sdToast.success("저장되었습니다.");
+            this.close.emit(result);
+            await this.refresh();
+        }, (err) => this._getOrmDataEditToastErrorMessage(err)));
+    }
+    _getOrmDataEditToastErrorMessage(err) {
+        const message = err instanceof Error ? err.message : String(err);
+        if (message.includes("a parent row: a foreign key constraint") ||
+            message.includes("conflicted with the REFERENCE")) {
+            return "경고! 연결된 작업에 의한 처리 거부. 후속작업 확인 요망";
+        }
+        return message;
+    }
+    static ɵfac = function SdDataDetailBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDataDetailBase)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdDataDetailBase, outputs: { close: "close" } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDataDetailBase, [{
+        type: Directive
+    }], () => [], { close: [{ type: i0.Output, args: ["close"] }] }); })();