@simplysm/angular 14.0.30 → 14.0.33

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

@@ -1,122 +0,0 @@
-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"] }] }); })();

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

@@ -1,29 +0,0 @@
-import { TemplateRef } from "@angular/core";
-import { SdForm } from "../../ui/form/sd-form";
-import { SdDataDetailBase } from "./sd-data-detail.base";
-import * as i0 from "@angular/core";
-export type { SdDataDetailDataInfo } from "./sd-data-detail.base";
-export declare class SdDataDetail {
-    parent: SdDataDetailBase<any, boolean>;
-    formCtrl: import("@angular/core").Signal<SdForm | undefined>;
-    toolTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
-    prevTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
-    contentTplRef: import("@angular/core").Signal<TemplateRef<any>>;
-    nextTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
-    modalActionTplRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
-    constructor();
-    onRefreshButtonClick(): Promise<void>;
-    onDeleteButtonClick(): Promise<void>;
-    onRestoreButtonClick(): Promise<void>;
-    onSubmitButtonClick(): void;
-    onSubmit(): Promise<void>;
-    protected readonly icons: {
-        tablerDeviceFloppy: string;
-        tablerRefresh: string;
-        tablerRestore: string;
-        tablerEraser: string;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdDataDetail, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDataDetail, "sd-data-detail", never, {}, {}, ["toolTplRef", "prevTplRef", "contentTplRef", "nextTplRef"], never, true, never>;
-}
-//# sourceMappingURL=sd-data-detail.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-data-detail.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/sd-data-detail.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAS/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;;AAEzD,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAIlE,qBA6Ja,YAAY;IACvB,MAAM,iCAAyC;IAE/C,QAAQ,qDAAiC;IAEzC,UAAU,+DAAkD;IAC5D,UAAU,+DAAkD;IAC5D,aAAa,mDAA8D;IAC3E,UAAU,+DAAkD;IAE5D,iBAAiB,+DAAsD;;IAQjE,oBAAoB;IAIpB,mBAAmB;IAInB,oBAAoB;IAI1B,mBAAmB;IAIb,QAAQ;IAId,SAAS,CAAC,QAAQ,CAAC,KAAK;;;;;MAKtB;yCA3CS,YAAY;2CAAZ,YAAY;CA4CxB"}

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

@@ -1,491 +0,0 @@
-import { NgTemplateOutlet } from "@angular/common";
-import { ChangeDetectionStrategy, Component, contentChild, effect, TemplateRef, viewChild, ViewEncapsulation, } from "@angular/core";
-import { FormatPipe } from "../../core/pipes/format.pipe";
-import { injectParent } from "../../core/utils/injectParent";
-import { SdButton } from "../../ui/form/button/sd-button";
-import { SdAnchor } from "../../ui/form/button/sd-anchor";
-import { SdForm } from "../../ui/form/sd-form";
-import { SdBaseContainer } from "../base/sd-base-container";
-import { NgIcon } from "@ng-icons/core";
-import { tablerDeviceFloppy, tablerEraser, tablerRefresh, tablerRestore, } from "@ng-icons/tabler-icons";
-import { SdDataDetailBase } from "./sd-data-detail.base";
-import * as i0 from "@angular/core";
-const _c0 = ["toolTpl"];
-const _c1 = ["prevTpl"];
-const _c2 = ["contentTpl"];
-const _c3 = ["nextTpl"];
-const _c4 = ["formCtrl"];
-const _c5 = ["modalActionTpl"];
-function SdDataDetail_ng_template_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-button", 7);
-    i0.ɵɵlistener("click", function SdDataDetail_ng_template_1_Conditional_0_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onSubmitButtonClick()); });
-    i0.ɵɵelement(1, "ng-icon", 8);
-    i0.ɵɵtext(2, " \uC800\uC7A5 ");
-    i0.ɵɵelementStart(3, "small");
-    i0.ɵɵtext(4, "(CTRL+S)");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("theme", "link-primary");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("svg", ctx_r2.icons.tablerDeviceFloppy);
-} }
-function SdDataDetail_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, SdDataDetail_ng_template_1_Conditional_0_Template, 5, 2, "sd-button", 6);
-    i0.ɵɵelementStart(1, "sd-button", 7);
-    i0.ɵɵlistener("click", function SdDataDetail_ng_template_1_Template_sd_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onRefreshButtonClick()); });
-    i0.ɵɵelement(2, "ng-icon", 8);
-    i0.ɵɵtext(3, " \uC0C8\uB85C\uACE0\uCE68 ");
-    i0.ɵɵelementStart(4, "small");
-    i0.ɵɵtext(5, "(CTRL+ALT+L)");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r2.parent.canEdit() && ctx_r2.parent.submit ? 0 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("theme", "link-info");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("svg", ctx_r2.icons.tablerRefresh);
-} }
-function SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-button", 7);
-    i0.ɵɵlistener("click", function SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_0_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onSubmitButtonClick()); });
-    i0.ɵɵelement(1, "ng-icon", 8);
-    i0.ɵɵtext(2, " \uC800\uC7A5 ");
-    i0.ɵɵelementStart(3, "small");
-    i0.ɵɵtext(4, "(CTRL+S)");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "sd-button", 7);
-    i0.ɵɵlistener("click", function SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_0_Template_sd_button_click_5_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onRefreshButtonClick()); });
-    i0.ɵɵelement(6, "ng-icon", 8);
-    i0.ɵɵtext(7, " \uC0C8\uB85C\uACE0\uCE68 ");
-    i0.ɵɵelementStart(8, "small");
-    i0.ɵɵtext(9, "(CTRL+ALT+L)");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("theme", "primary");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("svg", ctx_r2.icons.tablerDeviceFloppy);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("theme", "info");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("svg", ctx_r2.icons.tablerRefresh);
-} }
-function SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-button", 7);
-    i0.ɵɵlistener("click", function SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_1_Conditional_0_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.onRestoreButtonClick()); });
-    i0.ɵɵelement(1, "ng-icon", 8);
-    i0.ɵɵtext(2, " \uBCF5\uAD6C ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(5);
-    i0.ɵɵproperty("theme", "warning");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("svg", ctx_r2.icons.tablerRestore);
-} }
-function SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-button", 7);
-    i0.ɵɵlistener("click", function SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_1_Conditional_1_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.onDeleteButtonClick()); });
-    i0.ɵɵelement(1, "ng-icon", 8);
-    i0.ɵɵtext(2, " \uC0AD\uC81C ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(5);
-    i0.ɵɵproperty("theme", "danger");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("svg", ctx_r2.icons.tablerEraser);
-} }
-function SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_1_Conditional_0_Template, 3, 2, "sd-button", 6)(1, SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_1_Conditional_1_Template, 3, 2, "sd-button", 6);
-} if (rf & 2) {
-    let tmp_8_0;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵconditional(((tmp_8_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_8_0.isDeleted) ? 0 : 1);
-} }
-function SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_0_Template, 10, 4);
-    i0.ɵɵconditionalCreate(1, SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_1_Template, 2, 1);
-} if (rf & 2) {
-    let tmp_8_0;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵconditional(ctx_r2.parent.submit ? 0 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!((tmp_8_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_8_0.isNew) && ctx_r2.parent.toggleDelete && (!ctx_r2.parent.canDelete || ctx_r2.parent.canDelete()) ? 1 : -1);
-} }
-function SdDataDetail_ng_template_3_Conditional_1_ng_template_2_Template(rf, ctx) { }
-function SdDataDetail_ng_template_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10);
-    i0.ɵɵconditionalCreate(1, SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Template, 2, 2);
-    i0.ɵɵtemplate(2, SdDataDetail_ng_template_3_Conditional_1_ng_template_2_Template, 0, 0, "ng-template", 13);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.parent.viewType() === "control" && ctx_r2.parent.canEdit() ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.toolTplRef() ?? null);
-} }
-function SdDataDetail_ng_template_3_Conditional_2_ng_template_1_Template(rf, ctx) { }
-function SdDataDetail_ng_template_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, SdDataDetail_ng_template_3_Conditional_2_ng_template_1_Template, 0, 0, "ng-template", 13);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.prevTplRef() ?? null);
-} }
-function SdDataDetail_ng_template_3_ng_template_6_Template(rf, ctx) { }
-function SdDataDetail_ng_template_3_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-    i0.ɵɵpipe(1, "format");
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(1, 1, ctx_r2.parent.dataInfo().lastModifiedAt, "yyyy-MM-dd HH:mm"), " ");
-} }
-function SdDataDetail_ng_template_3_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    let tmp_7_0;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵtextInterpolate1(" (", (tmp_7_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_7_0.lastModifiedBy, ") ");
-} }
-function SdDataDetail_ng_template_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵtext(1, " \uCD5C\uC885\uC218\uC815: ");
-    i0.ɵɵconditionalCreate(2, SdDataDetail_ng_template_3_Conditional_7_Conditional_2_Template, 2, 4);
-    i0.ɵɵconditionalCreate(3, SdDataDetail_ng_template_3_Conditional_7_Conditional_3_Template, 1, 1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    let tmp_7_0;
-    let tmp_8_0;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("bg-theme-gray-lightest", ctx_r2.parent.viewType() === "modal");
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(((tmp_7_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_7_0.lastModifiedAt) ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(((tmp_8_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_8_0.lastModifiedBy) ? 3 : -1);
-} }
-function SdDataDetail_ng_template_3_Conditional_8_ng_template_1_Template(rf, ctx) { }
-function SdDataDetail_ng_template_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, SdDataDetail_ng_template_3_Conditional_8_ng_template_1_Template, 0, 0, "ng-template", 13);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.nextTplRef() ?? null);
-} }
-function SdDataDetail_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵconditionalCreate(1, SdDataDetail_ng_template_3_Conditional_1_Template, 3, 2, "div", 10);
-    i0.ɵɵconditionalCreate(2, SdDataDetail_ng_template_3_Conditional_2_Template, 2, 1, "div");
-    i0.ɵɵelementStart(3, "div", 11)(4, "sd-form", 12, 3);
-    i0.ɵɵlistener("formSubmit", function SdDataDetail_ng_template_3_Template_sd_form_formSubmit_4_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSubmit()); });
-    i0.ɵɵtemplate(6, SdDataDetail_ng_template_3_ng_template_6_Template, 0, 0, "ng-template", 13);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(7, SdDataDetail_ng_template_3_Conditional_7_Template, 4, 4, "div", 14);
-    i0.ɵɵconditionalCreate(8, SdDataDetail_ng_template_3_Conditional_8_Template, 2, 1, "div");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    let tmp_8_0;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.parent.viewType() === "control" && ctx_r2.parent.canEdit() || ctx_r2.toolTplRef() ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.prevTplRef() ? 2 : -1);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.contentTplRef());
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(((tmp_8_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_8_0.lastModifiedAt) || ((tmp_8_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_8_0.lastModifiedBy) ? 7 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.nextTplRef() ? 8 : -1);
-} }
-function SdDataDetail_Conditional_5_ng_template_0_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-button", 18);
-    i0.ɵɵlistener("click", function SdDataDetail_Conditional_5_ng_template_0_Conditional_1_Conditional_0_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onRestoreButtonClick()); });
-    i0.ɵɵtext(1, " \uBCF5\uAD6C ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("size", "sm")("theme", "warning");
-} }
-function SdDataDetail_Conditional_5_ng_template_0_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-button", 18);
-    i0.ɵɵlistener("click", function SdDataDetail_Conditional_5_ng_template_0_Conditional_1_Conditional_1_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onDeleteButtonClick()); });
-    i0.ɵɵtext(1, " \uC0AD\uC81C ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("size", "sm")("theme", "danger");
-} }
-function SdDataDetail_Conditional_5_ng_template_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SdDataDetail_Conditional_5_ng_template_0_Conditional_1_Conditional_0_Template, 2, 2, "sd-button", 19)(1, SdDataDetail_Conditional_5_ng_template_0_Conditional_1_Conditional_1_Template, 2, 2, "sd-button", 19);
-} if (rf & 2) {
-    let tmp_7_0;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵconditional(((tmp_7_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_7_0.isDeleted) ? 0 : 1);
-} }
-function SdDataDetail_Conditional_5_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵconditionalCreate(1, SdDataDetail_Conditional_5_ng_template_0_Conditional_1_Template, 2, 1);
-    i0.ɵɵelementStart(2, "div", 17)(3, "sd-button", 18);
-    i0.ɵɵlistener("click", function SdDataDetail_Conditional_5_ng_template_0_Template_sd_button_click_3_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onSubmitButtonClick()); });
-    i0.ɵɵtext(4, " \uD655\uC778 ");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    let tmp_6_0;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!((tmp_6_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_6_0.isNew) && ctx_r2.parent.toggleDelete && (!ctx_r2.parent.canDelete || ctx_r2.parent.canDelete()) ? 1 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("size", "sm")("theme", "primary");
-} }
-function SdDataDetail_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdDataDetail_Conditional_5_ng_template_0_Template, 5, 3, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
-} }
-function SdDataDetail_ng_template_6_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-anchor", 20);
-    i0.ɵɵlistener("click", function SdDataDetail_ng_template_6_Template_sd_anchor_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onRefreshButtonClick()); });
-    i0.ɵɵelement(1, "ng-icon", 8);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("theme", "gray");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("svg", ctx_r2.icons.tablerRefresh);
-} }
-//#region SdDataDetail
-export class SdDataDetail {
-    parent = injectParent();
-    formCtrl = viewChild("formCtrl", ...(ngDevMode ? [{ debugName: "formCtrl" }] : /* istanbul ignore next */ []));
-    toolTplRef = contentChild("toolTpl", { ...(ngDevMode ? { debugName: "toolTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
-    prevTplRef = contentChild("prevTpl", { ...(ngDevMode ? { debugName: "prevTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
-    contentTplRef = contentChild.required("contentTpl", { read: TemplateRef });
-    nextTplRef = contentChild("nextTpl", { ...(ngDevMode ? { debugName: "nextTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
-    modalActionTplRef = viewChild("modalActionTpl", { ...(ngDevMode ? { debugName: "modalActionTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
-    constructor() {
-        effect(() => {
-            this.parent.actionTplRef = this.modalActionTplRef();
-        });
-    }
-    async onRefreshButtonClick() {
-        await this.parent.doRefresh();
-    }
-    async onDeleteButtonClick() {
-        await this.parent.doToggleDelete(true);
-    }
-    async onRestoreButtonClick() {
-        await this.parent.doToggleDelete(false);
-    }
-    onSubmitButtonClick() {
-        this.formCtrl()?.requestSubmit();
-    }
-    async onSubmit() {
-        await this.parent.doSubmit({ permCheck: true });
-    }
-    icons = {
-        tablerDeviceFloppy,
-        tablerRefresh,
-        tablerRestore,
-        tablerEraser,
-    };
-    static ɵfac = function SdDataDetail_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDataDetail)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdDataDetail, selectors: [["sd-data-detail"]], contentQueries: function SdDataDetail_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.toolTplRef, _c0, 5, TemplateRef)(dirIndex, ctx.prevTplRef, _c1, 5, TemplateRef)(dirIndex, ctx.contentTplRef, _c2, 5, TemplateRef)(dirIndex, ctx.nextTplRef, _c3, 5, TemplateRef);
-        } if (rf & 2) {
-            i0.ɵɵqueryAdvance(4);
-        } }, viewQuery: function SdDataDetail_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.formCtrl, _c4, 5)(ctx.modalActionTplRef, _c5, 5, TemplateRef);
-        } if (rf & 2) {
-            i0.ɵɵqueryAdvance(2);
-        } }, hostBindings: function SdDataDetail_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("sdRefreshCommand", function SdDataDetail_sdRefreshCommand_HostBindingHandler() { return ctx.onRefreshButtonClick(); })("sdSaveCommand", function SdDataDetail_sdSaveCommand_HostBindingHandler() { return ctx.onSubmitButtonClick(); });
-        } }, decls: 8, vars: 6, consts: [["pageTopbarTpl", ""], ["contentTpl", ""], ["modalActionTpl", ""], ["formCtrl", ""], ["modalBottomTpl", ""], [3, "busy", "busyMessage", "viewType", "initialized", "restricted"], [3, "theme"], [3, "click", "theme"], [3, "svg"], [1, "flex-column", "fill"], [1, "p-default", "flex-row", "gap-default", "bdb", "bdb-theme-gray-lightest"], [1, "flex-fill"], [3, "formSubmit"], [3, "ngTemplateOutlet"], [1, "p-sm-default", 3, "bg-theme-gray-lightest"], [1, "p-sm-default"], [1, "p-sm-default", "flex-row", "gap-sm"], [1, "flex-fill", "flex-row", "gap-sm", "main-align-end"], [3, "click", "size", "theme"], [3, "size", "theme"], ["title", "\uC0C8\uB85C\uACE0\uCE68(CTRL+ALT+L)", 1, "p-sm-default", 3, "click", "theme"]], template: function SdDataDetail_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "sd-base-container", 5);
-            i0.ɵɵtemplate(1, SdDataDetail_ng_template_1_Template, 6, 3, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, SdDataDetail_ng_template_3_Template, 9, 5, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵconditionalCreate(5, SdDataDetail_Conditional_5_Template, 2, 0);
-            i0.ɵɵtemplate(6, SdDataDetail_ng_template_6_Template, 2, 2, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵproperty("busy", ctx.parent.busyCount() > 0)("busyMessage", ctx.parent.busyMessage())("viewType", ctx.parent.viewType())("initialized", ctx.parent.initialized())("restricted", !ctx.parent.canUse());
-            i0.ɵɵadvance(5);
-            i0.ɵɵconditional(ctx.parent.canEdit() ? 5 : -1);
-        } }, dependencies: [SdBaseContainer,
-            SdForm,
-            SdButton,
-            NgTemplateOutlet,
-            SdAnchor,
-            NgIcon,
-            FormatPipe], encapsulation: 2, changeDetection: 0 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDataDetail, [{
-        type: Component,
-        args: [{
-                selector: "sd-data-detail",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                standalone: true,
-                imports: [
-                    SdBaseContainer,
-                    SdForm,
-                    SdButton,
-                    NgTemplateOutlet,
-                    FormatPipe,
-                    SdAnchor,
-                    NgIcon,
-                ],
-                host: {
-                    "(sdRefreshCommand)": "onRefreshButtonClick()",
-                    "(sdSaveCommand)": "onSubmitButtonClick()",
-                },
-                template: `
-    <sd-base-container
-      [busy]="parent.busyCount() > 0"
-      [busyMessage]="parent.busyMessage()"
-      [viewType]="parent.viewType()"
-      [initialized]="parent.initialized()"
-      [restricted]="!parent.canUse()"
-    >
-      <ng-template #pageTopbarTpl>
-        @if (parent.canEdit() && parent.submit) {
-          <sd-button [theme]="'link-primary'" (click)="onSubmitButtonClick()">
-            <ng-icon [svg]="icons.tablerDeviceFloppy" />
-            저장
-            <small>(CTRL+S)</small>
-          </sd-button>
-        }
-        <sd-button [theme]="'link-info'" (click)="onRefreshButtonClick()">
-          <ng-icon [svg]="icons.tablerRefresh" />
-          새로고침
-          <small>(CTRL+ALT+L)</small>
-        </sd-button>
-      </ng-template>
-
-      <ng-template #contentTpl>
-        <div class="flex-column fill">
-          @if ((parent.viewType() === "control" && parent.canEdit()) || toolTplRef()) {
-            <div class="p-default flex-row gap-default bdb bdb-theme-gray-lightest">
-              @if (parent.viewType() === "control" && parent.canEdit()) {
-                @if (parent.submit) {
-                  <sd-button [theme]="'primary'" (click)="onSubmitButtonClick()">
-                    <ng-icon [svg]="icons.tablerDeviceFloppy" />
-                    저장
-                    <small>(CTRL+S)</small>
-                  </sd-button>
-                  <sd-button [theme]="'info'" (click)="onRefreshButtonClick()">
-                    <ng-icon [svg]="icons.tablerRefresh" />
-                    새로고침
-                    <small>(CTRL+ALT+L)</small>
-                  </sd-button>
-                }
-                @if (
-                  !parent.dataInfo()?.isNew &&
-                  parent.toggleDelete &&
-                  (!parent.canDelete || parent.canDelete())
-                ) {
-                  @if (parent.dataInfo()?.isDeleted) {
-                    <sd-button [theme]="'warning'" (click)="onRestoreButtonClick()">
-                      <ng-icon [svg]="icons.tablerRestore" />
-                      복구
-                    </sd-button>
-                  } @else {
-                    <sd-button [theme]="'danger'" (click)="onDeleteButtonClick()">
-                      <ng-icon [svg]="icons.tablerEraser" />
-                      삭제
-                    </sd-button>
-                  }
-                }
-              }
-
-              <ng-template [ngTemplateOutlet]="toolTplRef() ?? null" />
-            </div>
-          }
-
-          @if (prevTplRef()) {
-            <div>
-              <ng-template [ngTemplateOutlet]="prevTplRef() ?? null" />
-            </div>
-          }
-
-          <div class="flex-fill">
-            <sd-form #formCtrl (formSubmit)="onSubmit()">
-              <ng-template [ngTemplateOutlet]="contentTplRef()" />
-            </sd-form>
-          </div>
-
-          @if (parent.dataInfo()?.lastModifiedAt || parent.dataInfo()?.lastModifiedBy) {
-            <div
-              class="p-sm-default"
-              [class.bg-theme-gray-lightest]="parent.viewType() === 'modal'"
-            >
-              최종수정:
-              @if (parent.dataInfo()?.lastModifiedAt) {
-                {{ parent.dataInfo()!.lastModifiedAt | format: "yyyy-MM-dd HH:mm" }}
-              }
-              @if (parent.dataInfo()?.lastModifiedBy) {
-                ({{ parent.dataInfo()?.lastModifiedBy }})
-              }
-            </div>
-          }
-
-          @if (nextTplRef()) {
-            <div>
-              <ng-template [ngTemplateOutlet]="nextTplRef() ?? null" />
-            </div>
-          }
-        </div>
-      </ng-template>
-
-      @if (parent.canEdit()) {
-        <ng-template #modalBottomTpl>
-          <div class="p-sm-default flex-row gap-sm">
-            @if (
-              !parent.dataInfo()?.isNew &&
-              parent.toggleDelete &&
-              (!parent.canDelete || parent.canDelete())
-            ) {
-              @if (parent.dataInfo()?.isDeleted) {
-                <sd-button [size]="'sm'" [theme]="'warning'" (click)="onRestoreButtonClick()">
-                  복구
-                </sd-button>
-              } @else {
-                <sd-button [size]="'sm'" [theme]="'danger'" (click)="onDeleteButtonClick()">
-                  삭제
-                </sd-button>
-              }
-            }
-
-            <div class="flex-fill flex-row gap-sm main-align-end">
-              <sd-button [size]="'sm'" [theme]="'primary'" (click)="onSubmitButtonClick()">
-                확인
-              </sd-button>
-            </div>
-          </div>
-        </ng-template>
-      }
-
-      <ng-template #modalActionTpl>
-        <sd-anchor
-          [theme]="'gray'"
-          class="p-sm-default"
-          (click)="onRefreshButtonClick()"
-          title="새로고침(CTRL+ALT+L)"
-        >
-          <ng-icon [svg]="icons.tablerRefresh" />
-        </sd-anchor>
-      </ng-template>
-    </sd-base-container>
-  `,
-            }]
-    }], () => [], { formCtrl: [{ type: i0.ViewChild, args: ["formCtrl", { isSignal: true }] }], toolTplRef: [{ type: i0.ContentChild, args: ["toolTpl", { ...{ read: TemplateRef }, isSignal: true }] }], prevTplRef: [{ type: i0.ContentChild, args: ["prevTpl", { ...{ read: TemplateRef }, isSignal: true }] }], contentTplRef: [{ type: i0.ContentChild, args: ["contentTpl", { ...{ read: TemplateRef }, isSignal: true }] }], nextTplRef: [{ type: i0.ContentChild, args: ["nextTpl", { ...{ read: TemplateRef }, isSignal: true }] }], modalActionTplRef: [{ type: i0.ViewChild, args: ["modalActionTpl", { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataDetail, { className: "SdDataDetail", filePath: "packages/angular/src/features/data-view/sd-data-detail.ts", lineNumber: 187, forbidOrphanRendering: true }); })();