@simplysm/angular 14.0.85 → 14.0.86

package/dist/core/app-structure/sd-app-structure.provider.d.ts

@@ -4,12 +4,10 @@ import type { SdFlatMenu } from "./sd-app-structure.types";
 import * as i0 from "@angular/core";
 export declare function injectPermsSignal<K extends string>(viewCodes: string[], keys: K[]): Signal<K[]>;
 export declare class SdAppStructureProvider<TModule = unknown> {
-    private readonly _sdServiceClientFactory;
-    private readonly _sdAngularConfig;
     readonly usableModules: import("@angular/core").WritableSignal<TModule[] | undefined>;
     readonly permRecord: import("@angular/core").WritableSignal<Record<string, boolean> | undefined>;
     readonly items: import("@angular/core").WritableSignal<AppStructureItem<TModule>[]>;
-    initialize(serviceKey: string): Promise<void>;
+    initialize(items: AppStructureItem<TModule>[]): void;
     usableMenus: Signal<import("./sd-app-structure.types").SdMenu[]>;
     usableFlatMenus: Signal<SdFlatMenu<TModule>[]>;
     getPermissionsByStructure(items: AppStructureItem<TModule>[], codeChain?: string[]): import("./sd-app-structure.types").SdPermission<TModule>[];

package/dist/core/app-structure/sd-app-structure.provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-app-structure.provider.d.ts","sourceRoot":"","sources":["../../../src/core/app-structure/sd-app-structure.provider.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AACtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;AAK3D,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,CAG/F;AAID,qBACa,sBAAsB,CAAC,OAAO,GAAG,OAAO;IACnD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAA0C;IAClF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAmC;IAEpE,QAAQ,CAAC,aAAa,gEAA4C;IAClE,QAAQ,CAAC,UAAU,8EAA0D;IAC7E,QAAQ,CAAC,KAAK,sEAA2C;IAEnD,UAAU,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IASnD,WAAW,sDAET;IACF,eAAe,gCAEb;IAEF,yBAAyB,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE,EAAE,SAAS,GAAE,MAAM,EAAO;IAItF,kBAAkB,CAAC,QAAQ,EAAE,MAAM;IAInC,sBAAsB,CAAC,QAAQ,EAAE,MAAM;IAIvC,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE;yCApClE,sBAAsB;6CAAtB,sBAAsB;CA4ClC"}
+{"version":3,"file":"sd-app-structure.provider.d.ts","sourceRoot":"","sources":["../../../src/core/app-structure/sd-app-structure.provider.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;AAG3D,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,CAG/F;AAID,qBACa,sBAAsB,CAAC,OAAO,GAAG,OAAO;IACnD,QAAQ,CAAC,aAAa,gEAA4C;IAClE,QAAQ,CAAC,UAAU,8EAA0D;IAC7E,QAAQ,CAAC,KAAK,sEAA2C;IAEzD,UAAU,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI;IAIpD,WAAW,sDAET;IACF,eAAe,gCAEb;IAEF,yBAAyB,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE,EAAE,SAAS,GAAE,MAAM,EAAO;IAItF,kBAAkB,CAAC,QAAQ,EAAE,MAAM;IAInC,sBAAsB,CAAC,QAAQ,EAAE,MAAM;IAIvC,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE;yCA5BlE,sBAAsB;6CAAtB,sBAAsB;CAoClC"}

package/dist/core/app-structure/sd-app-structure.provider.js

@@ -1,7 +1,5 @@
 import { computed, inject, Injectable, signal } from "@angular/core";
 import { SdAppStructureUtils } from "./sd-app-structure.utils";
-import { SdServiceClientFactoryProvider } from "../service-client/sd-service-client-factory.provider";
-import { SdAngularConfigProvider } from "../config/sd-angular-config.provider";
 import * as i0 from "@angular/core";
 export function injectPermsSignal(viewCodes, keys) {
     const sdAppStructure = inject(SdAppStructureProvider);
@@ -10,16 +8,11 @@ export function injectPermsSignal(viewCodes, keys) {
 // 권한은 모듈만 체크하고
 // 메뉴는 모듈/권한 모두 체크함
 export class SdAppStructureProvider {
-    _sdServiceClientFactory = inject(SdServiceClientFactoryProvider);
-    _sdAngularConfig = inject(SdAngularConfigProvider);
     usableModules = signal(undefined, ...(ngDevMode ? [{ debugName: "usableModules" }] : /* istanbul ignore next */ []));
     permRecord = signal(undefined, ...(ngDevMode ? [{ debugName: "permRecord" }] : /* istanbul ignore next */ []));
     items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
-    async initialize(serviceKey) {
-        const client = this._sdServiceClientFactory.get(serviceKey);
-        const svc = client.getService("AppStructure");
-        const itemsMap = await svc.getItems();
-        this.items.set((itemsMap[this._sdAngularConfig.clientName] ?? []));
+    initialize(items) {
+        this.items.set(items);
     }
     usableMenus = computed(() => SdAppStructureUtils.getMenus(this.items(), [], this.usableModules(), this.permRecord()), ...(ngDevMode ? [{ debugName: "usableMenus" }] : /* istanbul ignore next */ []));
     usableFlatMenus = computed(() => SdAppStructureUtils.getFlatMenus(this.items(), this.usableModules(), this.permRecord()), ...(ngDevMode ? [{ debugName: "usableFlatMenus" }] : /* istanbul ignore next */ []));

package/dist/core/shared-data/sd-shared-data.provider.js

@@ -61,7 +61,7 @@ export class SdSharedDataProvider {
             throw new Error(`등록되지 않은 공유 데이터: ${name}`);
         }
         const client = this._sdServiceClientFactory.get(entry.info.serviceKey);
-        const event = client.getEvent("SdSharedDataChange");
+        const event = client.getEvent(SdSharedDataChangeEvent);
         await event.emit((item) => item.name === name && obj.equal(item.filter, entry.info.filter), changeKeys);
     }
     async wait() {
@@ -82,7 +82,7 @@ export class SdSharedDataProvider {
             // 이벤트 리스너 등록
             if (entry.listenerKey == null) {
                 const client = this._sdServiceClientFactory.get(entry.info.serviceKey);
-                const event = client.getEvent("SdSharedDataChange");
+                const event = client.getEvent(SdSharedDataChangeEvent);
                 entry.listenerKey = await event.addListener({ name, filter: entry.info.filter }, async (changeKeys) => {
                     await this._onEvent(name, entry, changeKeys, capturedGeneration);
                 });

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,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"}
+{"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,CAAoD;IAClF,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;;IAsB1E,SAAS,CAAC,QAAQ,CAAC,mBAAmB,ifAAuB;yCAvClD,eAAe;2CAAf,eAAe;CAwC3B"}

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

@@ -104,7 +104,7 @@ function SdBaseContainer_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditional(ctx_r0.bottomCommandTplRef() ? 4 : -1);
 } }
 export class SdBaseContainer {
-    _sdSharedData = inject(SdSharedDataProvider);
+    _sdSharedData = inject(SdSharedDataProvider, { optional: true });
     _sdToast = inject(SdToastProvider);
     viewTitle = injectViewTitleSignal();
     ready = model(false, ...(ngDevMode ? [{ debugName: "ready" }] : /* istanbul ignore next */ []));
@@ -123,11 +123,13 @@ export class SdBaseContainer {
                 return;
             }
             void untracked(async () => {
-                this.busyCount.update((v) => v + 1);
-                await this._sdToast.try(async () => {
-                    await this._sdSharedData.wait();
-                });
-                this.busyCount.update((v) => v - 1);
+                if (this._sdSharedData) {
+                    this.busyCount.update((v) => v + 1);
+                    await this._sdToast.try(async () => {
+                        await this._sdSharedData.wait();
+                    });
+                    this.busyCount.update((v) => v - 1);
+                }
                 this.ready.set(true);
             });
         });
@@ -157,54 +159,54 @@ export class SdBaseContainer {
                 encapsulation: ViewEncapsulation.None,
                 standalone: true,
                 imports: [SdBusyContainer, NgIcon, SdTopbarContainer, NgTemplateOutlet, SdTopbar],
-                template: `
-    <sd-busy-container [busy]="initialized() && busyCount() > 0">
-      @if (initialized()) {
-        @if (restricted()) {
-          <div class="fill tx-theme-gray-light p-xxl tx-center">
-            <br />
-            <ng-icon [svg]="tablerAlertTriangle" [size]="'5rem'" />
-            <br />
-            <br />
-            '{{ viewTitle() }}'에 대한 사용권한이 없습니다. 시스템 관리자에게 문의하세요.
-          </div>
-        } @else if (viewType() === "page") {
-          <sd-topbar-container>
-            <sd-topbar>
-              <h4>{{ viewTitle() }}</h4>
-
-              <ng-template [ngTemplateOutlet]="topbarTplRef()" />
-            </sd-topbar>
-
-            <ng-template [ngTemplateOutlet]="content" />
-          </sd-topbar-container>
-        } @else {
-          <ng-template [ngTemplateOutlet]="content" />
-        }
-      }
-    </sd-busy-container>
-
-    <ng-template #content>
-      <div class="flex-column fill">
-        @if (commandTplRef()) {
-          <div class="p-default flex-row gap-default bdb bdb-theme-gray-lightest">
-            <ng-template [ngTemplateOutlet]="commandTplRef()" />
-          </div>
-        }
-
-        <div class="flex-fill">
-          @if (contentTplRef()) {
-            <ng-template [ngTemplateOutlet]="contentTplRef()" />
-          }
-        </div>
-
-        @if (bottomCommandTplRef()) {
-          <div class="p-sm-default flex-row main-align-end gap-sm bdt bdt-theme-gray-lightest">
-            <ng-template [ngTemplateOutlet]="bottomCommandTplRef()" />
-          </div>
-        }
-      </div>
-    </ng-template>
+                template: `
+    <sd-busy-container [busy]="initialized() && busyCount() > 0">
+      @if (initialized()) {
+        @if (restricted()) {
+          <div class="fill tx-theme-gray-light p-xxl tx-center">
+            <br />
+            <ng-icon [svg]="tablerAlertTriangle" [size]="'5rem'" />
+            <br />
+            <br />
+            '{{ viewTitle() }}'에 대한 사용권한이 없습니다. 시스템 관리자에게 문의하세요.
+          </div>
+        } @else if (viewType() === "page") {
+          <sd-topbar-container>
+            <sd-topbar>
+              <h4>{{ viewTitle() }}</h4>
+
+              <ng-template [ngTemplateOutlet]="topbarTplRef()" />
+            </sd-topbar>
+
+            <ng-template [ngTemplateOutlet]="content" />
+          </sd-topbar-container>
+        } @else {
+          <ng-template [ngTemplateOutlet]="content" />
+        }
+      }
+    </sd-busy-container>
+
+    <ng-template #content>
+      <div class="flex-column fill">
+        @if (commandTplRef()) {
+          <div class="p-default flex-row gap-default bdb bdb-theme-gray-lightest">
+            <ng-template [ngTemplateOutlet]="commandTplRef()" />
+          </div>
+        }
+
+        <div class="flex-fill">
+          @if (contentTplRef()) {
+            <ng-template [ngTemplateOutlet]="contentTplRef()" />
+          }
+        </div>
+
+        @if (bottomCommandTplRef()) {
+          <div class="p-sm-default flex-row main-align-end gap-sm bdt bdt-theme-gray-lightest">
+            <ng-template [ngTemplateOutlet]="bottomCommandTplRef()" />
+          </div>
+        }
+      </div>
+    </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 }] }], contentTplRef: [{ type: i0.ContentChild, args: ["contentTpl", { isSignal: true }] }], bottomCommandTplRef: [{ type: i0.ContentChild, args: ["bottomCommandTpl", { isSignal: true }] }] }); })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/angular",
-  "version": "14.0.85",
+  "version": "14.0.86",
   "description": "심플리즘 패키지 - Angular",
   "author": "심플리즘",
   "license": "Apache-2.0",
@@ -24,40 +24,40 @@
     "./dist/**/*.css"
   ],
   "dependencies": {
-    "@angular/animations": "^21.2.14",
-    "@angular/common": "^21.2.14",
-    "@angular/core": "^21.2.14",
-    "@angular/platform-browser": "^21.2.14",
-    "@angular/router": "^21.2.14",
-    "@angular/service-worker": "^21.2.14",
-    "@ng-icons/core": "^33.2.2",
-    "@ng-icons/tabler-icons": "^33.2.2",
-    "@tiptap/core": "^3.23.6",
-    "@tiptap/extension-color": "^3.23.6",
-    "@tiptap/extension-document": "^3.23.6",
-    "@tiptap/extension-highlight": "^3.23.6",
-    "@tiptap/extension-image": "^3.23.6",
-    "@tiptap/extension-paragraph": "^3.23.6",
-    "@tiptap/extension-placeholder": "^3.23.6",
-    "@tiptap/extension-text": "^3.23.6",
-    "@tiptap/extension-text-align": "^3.23.6",
-    "@tiptap/extension-text-style": "^3.23.6",
-    "@tiptap/extension-underline": "^3.23.6",
-    "@tiptap/starter-kit": "^3.23.6",
-    "bwip-js": "^4.10.1",
+    "@angular/animations": "^21.2.15",
+    "@angular/common": "^21.2.15",
+    "@angular/core": "^21.2.15",
+    "@angular/platform-browser": "^21.2.15",
+    "@angular/router": "^21.2.15",
+    "@angular/service-worker": "^21.2.15",
+    "@ng-icons/core": "^33.2.3",
+    "@ng-icons/tabler-icons": "^33.2.3",
+    "@tiptap/core": "^3.24.0",
+    "@tiptap/extension-color": "^3.24.0",
+    "@tiptap/extension-document": "^3.24.0",
+    "@tiptap/extension-highlight": "^3.24.0",
+    "@tiptap/extension-image": "^3.24.0",
+    "@tiptap/extension-paragraph": "^3.24.0",
+    "@tiptap/extension-placeholder": "^3.24.0",
+    "@tiptap/extension-text": "^3.24.0",
+    "@tiptap/extension-text-align": "^3.24.0",
+    "@tiptap/extension-text-style": "^3.24.0",
+    "@tiptap/extension-underline": "^3.24.0",
+    "@tiptap/starter-kit": "^3.24.0",
+    "bwip-js": "^4.11.1",
     "echarts": "^6.1.0",
     "html-to-image": "^1.11.13",
     "jspdf": "^4.2.1",
     "rxjs": "^7.8.2",
     "tabbable": "^6.4.0",
-    "@simplysm/core-common": "14.0.85",
-    "@simplysm/service-common": "14.0.85",
-    "@simplysm/service-client": "14.0.85",
-    "@simplysm/core-browser": "14.0.85"
+    "@simplysm/core-browser": "14.0.86",
+    "@simplysm/core-common": "14.0.86",
+    "@simplysm/service-client": "14.0.86",
+    "@simplysm/service-common": "14.0.86"
   },
   "devDependencies": {
-    "@angular/compiler": "^21.2.14",
-    "@angular/platform-browser-dynamic": "^21.2.14"
+    "@angular/compiler": "^21.2.15",
+    "@angular/platform-browser-dynamic": "^21.2.15"
   },
   "scripts": {}
 }

package/src/core/app-structure/sd-app-structure.provider.ts

@@ -1,10 +1,8 @@
 import { computed, inject, Injectable, signal } from "@angular/core";
 import type { Signal } from "@angular/core";
-import type { AppStructureItem, AppStructureService } from "@simplysm/service-common";
+import type { AppStructureItem } from "@simplysm/service-common";
 import type { SdFlatMenu } from "./sd-app-structure.types";
 import { SdAppStructureUtils } from "./sd-app-structure.utils";
-import { SdServiceClientFactoryProvider } from "../service-client/sd-service-client-factory.provider";
-import { SdAngularConfigProvider } from "../config/sd-angular-config.provider";
 
 export function injectPermsSignal<K extends string>(viewCodes: string[], keys: K[]): Signal<K[]> {
   const sdAppStructure = inject(SdAppStructureProvider);
@@ -15,20 +13,12 @@ export function injectPermsSignal<K extends string>(viewCodes: string[], keys: K
 // 메뉴는 모듈/권한 모두 체크함
 @Injectable({ providedIn: "root" })
 export class SdAppStructureProvider<TModule = unknown> {
-  private readonly _sdServiceClientFactory = inject(SdServiceClientFactoryProvider);
-  private readonly _sdAngularConfig = inject(SdAngularConfigProvider);
-
   readonly usableModules = signal<TModule[] | undefined>(undefined);
   readonly permRecord = signal<Record<string, boolean> | undefined>(undefined);
   readonly items = signal<AppStructureItem<TModule>[]>([]);
 
-  async initialize(serviceKey: string): Promise<void> {
-    const client = this._sdServiceClientFactory.get(serviceKey);
-    const svc = client.getService<AppStructureService>("AppStructure");
-    const itemsMap = await svc.getItems();
-    this.items.set(
-      (itemsMap[this._sdAngularConfig.clientName] ?? []) as AppStructureItem<TModule>[],
-    );
+  initialize(items: AppStructureItem<TModule>[]): void {
+    this.items.set(items);
   }
 
   usableMenus = computed(() =>

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

@@ -110,7 +110,7 @@ export abstract class SdSharedDataProvider<T extends Record<string, SharedDataBa
     }
 
     const client = this._sdServiceClientFactory.get(entry.info.serviceKey);
-    const event = client.getEvent<typeof SdSharedDataChangeEvent>("SdSharedDataChange");
+    const event = client.getEvent(SdSharedDataChangeEvent);
     await event.emit(
       (item) => item.name === (name as string) && obj.equal(item.filter, entry.info.filter),
       changeKeys,
@@ -138,7 +138,7 @@ export abstract class SdSharedDataProvider<T extends Record<string, SharedDataBa
         // 이벤트 리스너 등록
         if (entry.listenerKey == null) {
           const client = this._sdServiceClientFactory.get(entry.info.serviceKey);
-          const event = client.getEvent<typeof SdSharedDataChangeEvent>("SdSharedDataChange");
+          const event = client.getEvent(SdSharedDataChangeEvent);
           entry.listenerKey = await event.addListener(
             { name, filter: entry.info.filter },
             async (changeKeys) => {

package/src/data/crud/sd-base-container.ts

@@ -1,118 +1,120 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  contentChild,
-  effect,
-  inject,
-  input,
-  model,
-  type TemplateRef,
-  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";
-import { SdToastProvider } from "../../core/toast/sd-toast.provider";
-import { SdTopbar } from "../../layout/topbar/sd-topbar";
-import { SdTopbarContainer } from "../../layout/topbar/sd-topbar-container";
-import type { SdViewType } from "../../core/routing/injectViewTypeSignal";
-import { NgIcon } from "@ng-icons/core";
-import { tablerAlertTriangle } from "@ng-icons/tabler-icons";
-import { NgTemplateOutlet } from "@angular/common";
-
-@Component({
-  selector: "sd-base-container",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  standalone: true,
-  imports: [SdBusyContainer, NgIcon, SdTopbarContainer, NgTemplateOutlet, SdTopbar],
-  template: `
-    <sd-busy-container [busy]="initialized() && busyCount() > 0">
-      @if (initialized()) {
-        @if (restricted()) {
-          <div class="fill tx-theme-gray-light p-xxl tx-center">
-            <br />
-            <ng-icon [svg]="tablerAlertTriangle" [size]="'5rem'" />
-            <br />
-            <br />
-            '{{ viewTitle() }}'에 대한 사용권한이 없습니다. 시스템 관리자에게 문의하세요.
-          </div>
-        } @else if (viewType() === "page") {
-          <sd-topbar-container>
-            <sd-topbar>
-              <h4>{{ viewTitle() }}</h4>
-
-              <ng-template [ngTemplateOutlet]="topbarTplRef()" />
-            </sd-topbar>
-
-            <ng-template [ngTemplateOutlet]="content" />
-          </sd-topbar-container>
-        } @else {
-          <ng-template [ngTemplateOutlet]="content" />
-        }
-      }
-    </sd-busy-container>
-
-    <ng-template #content>
-      <div class="flex-column fill">
-        @if (commandTplRef()) {
-          <div class="p-default flex-row gap-default bdb bdb-theme-gray-lightest">
-            <ng-template [ngTemplateOutlet]="commandTplRef()" />
-          </div>
-        }
-
-        <div class="flex-fill">
-          @if (contentTplRef()) {
-            <ng-template [ngTemplateOutlet]="contentTplRef()" />
-          }
-        </div>
-
-        @if (bottomCommandTplRef()) {
-          <div class="p-sm-default flex-row main-align-end gap-sm bdt bdt-theme-gray-lightest">
-            <ng-template [ngTemplateOutlet]="bottomCommandTplRef()" />
-          </div>
-        }
-      </div>
-    </ng-template>
-  `,
-})
-export class SdBaseContainer {
-  private readonly _sdSharedData = inject(SdSharedDataProvider);
-  private readonly _sdToast = inject(SdToastProvider);
-
-  viewTitle = injectViewTitleSignal();
-
-  ready = model(false);
-  initialized = input(false);
-  busyCount = model(0);
-
-  restricted = input(false);
-
-  viewType = input.required<SdViewType>();
-
-  topbarTplRef = contentChild<TemplateRef<void>>("topbarTpl");
-  commandTplRef = contentChild<TemplateRef<void>>("commandTpl");
-  contentTplRef = contentChild<TemplateRef<void>>("contentTpl");
-  bottomCommandTplRef = contentChild<TemplateRef<void>>("bottomCommandTpl");
-
-  constructor() {
-    effect(() => {
-      if (this.restricted()) {
-        this.ready.set(true);
-        return;
-      }
-
-      void untracked(async () => {
-        this.busyCount.update((v) => v + 1);
-        await this._sdToast.try(async () => {
-          await this._sdSharedData.wait();
-        });
-        this.busyCount.update((v) => v - 1);
-        this.ready.set(true);
-      });
-    });
-  }
-
-  protected readonly tablerAlertTriangle = tablerAlertTriangle;
-}
+import {
+  ChangeDetectionStrategy,
+  Component,
+  contentChild,
+  effect,
+  inject,
+  input,
+  model,
+  type TemplateRef,
+  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";
+import { SdToastProvider } from "../../core/toast/sd-toast.provider";
+import { SdTopbar } from "../../layout/topbar/sd-topbar";
+import { SdTopbarContainer } from "../../layout/topbar/sd-topbar-container";
+import type { SdViewType } from "../../core/routing/injectViewTypeSignal";
+import { NgIcon } from "@ng-icons/core";
+import { tablerAlertTriangle } from "@ng-icons/tabler-icons";
+import { NgTemplateOutlet } from "@angular/common";
+
+@Component({
+  selector: "sd-base-container",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [SdBusyContainer, NgIcon, SdTopbarContainer, NgTemplateOutlet, SdTopbar],
+  template: `
+    <sd-busy-container [busy]="initialized() && busyCount() > 0">
+      @if (initialized()) {
+        @if (restricted()) {
+          <div class="fill tx-theme-gray-light p-xxl tx-center">
+            <br />
+            <ng-icon [svg]="tablerAlertTriangle" [size]="'5rem'" />
+            <br />
+            <br />
+            '{{ viewTitle() }}'에 대한 사용권한이 없습니다. 시스템 관리자에게 문의하세요.
+          </div>
+        } @else if (viewType() === "page") {
+          <sd-topbar-container>
+            <sd-topbar>
+              <h4>{{ viewTitle() }}</h4>
+
+              <ng-template [ngTemplateOutlet]="topbarTplRef()" />
+            </sd-topbar>
+
+            <ng-template [ngTemplateOutlet]="content" />
+          </sd-topbar-container>
+        } @else {
+          <ng-template [ngTemplateOutlet]="content" />
+        }
+      }
+    </sd-busy-container>
+
+    <ng-template #content>
+      <div class="flex-column fill">
+        @if (commandTplRef()) {
+          <div class="p-default flex-row gap-default bdb bdb-theme-gray-lightest">
+            <ng-template [ngTemplateOutlet]="commandTplRef()" />
+          </div>
+        }
+
+        <div class="flex-fill">
+          @if (contentTplRef()) {
+            <ng-template [ngTemplateOutlet]="contentTplRef()" />
+          }
+        </div>
+
+        @if (bottomCommandTplRef()) {
+          <div class="p-sm-default flex-row main-align-end gap-sm bdt bdt-theme-gray-lightest">
+            <ng-template [ngTemplateOutlet]="bottomCommandTplRef()" />
+          </div>
+        }
+      </div>
+    </ng-template>
+  `,
+})
+export class SdBaseContainer {
+  private readonly _sdSharedData = inject(SdSharedDataProvider, { optional: true });
+  private readonly _sdToast = inject(SdToastProvider);
+
+  viewTitle = injectViewTitleSignal();
+
+  ready = model(false);
+  initialized = input(false);
+  busyCount = model(0);
+
+  restricted = input(false);
+
+  viewType = input.required<SdViewType>();
+
+  topbarTplRef = contentChild<TemplateRef<void>>("topbarTpl");
+  commandTplRef = contentChild<TemplateRef<void>>("commandTpl");
+  contentTplRef = contentChild<TemplateRef<void>>("contentTpl");
+  bottomCommandTplRef = contentChild<TemplateRef<void>>("bottomCommandTpl");
+
+  constructor() {
+    effect(() => {
+      if (this.restricted()) {
+        this.ready.set(true);
+        return;
+      }
+
+      void untracked(async () => {
+        if (this._sdSharedData) {
+          this.busyCount.update((v) => v + 1);
+          await this._sdToast.try(async () => {
+            await this._sdSharedData!.wait();
+          });
+          this.busyCount.update((v) => v - 1);
+        }
+        this.ready.set(true);
+      });
+    });
+  }
+
+  protected readonly tablerAlertTriangle = tablerAlertTriangle;
+}