@simplysm/angular 14.0.48 → 14.0.49

package/docs/recipes/data-select-button.md

@@ -254,18 +254,17 @@ export class LotSelectButton {
         this._selectedItems.set([]);
         return;
       }
-      void this._loadAsync([v]);
-    });
-  }
 
-  private async _loadAsync(keys: number[]): Promise<void> {
-    const items = await this._appOrm.connectAsync(async (db) =>
-      db.lot()
-        .where((it) => [expr.in(it.id, keys)])
-        .select((it) => ({ id: it.id, code: it.code }))
-        .execute(),
-    );
-    this._selectedItems.set(items);
+      void (async () => {
+        const items = await this._appOrm.connectAsync(async (db) =>
+          db.lot()
+            .where((it) => [expr.in(it.id, [v])])
+            .select((it) => ({ id: it.id, code: it.code }))
+            .execute(),
+        );
+        this._selectedItems.set(items);
+      })();
+    });
   }
 }
 ```
@@ -283,8 +282,8 @@ export class LotSelectButton {
 **핵심:**
 - `<sd-modal-select-button>`이 모달 호출/erase/invalid 로직 담당 → wrapper는 비동기 load만 추가
 - `_selectedItems`는 내부 signal. 외부에서는 `value`만 set
-- `effect()` 내부에서 비동기 작업은 `void this._loadAsync(...)` 패턴 (effect 콜백은 동기여야 함)
-- multi 모드를 지원하려면 `value = model<number[] | undefined>()`로 변경 + `selectMode = input<"single"|"multi">("single")` 추가 + effect에서 배열 처리 분기
+- effect 콜백은 동기여야 하므로 비동기 작업은 `void (async () => { ... })()` IIFE로 감싼다. 로드 함수가 한 곳에서만 호출되므로 별도 private 메서드로 분리하지 않고 effect 내부에 직접 인라인한다
+- multi 모드를 지원하려면 `value = model<number[] | undefined>()`로 변경 + `selectMode = input<"single"|"multi">("single")` 추가 + effect의 `expr.in(it.id, [v])`를 배열 전체로 바꾸고 배열 길이 분기 추가
 
 ### 5.1 시트 셀 안에 삽입
 

package/docs/ui-navigation.md

@@ -180,6 +180,36 @@ interface SdSidebarUserMenu {
 
 ## Topbar
 
+### 기본 사용 예제
+
+topbar만 있는 단순 페이지(홈·메인 등) 스캐폴드. 본문 영역이 비어 있으면 topbar 아래에 별도 컨테이너 div를 두지 않는다.
+
+```typescript
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from "@angular/core";
+import { injectViewTitleSignal, SdTopbar, SdTopbarContainer } from "@simplysm/angular";
+
+@Component({
+  selector: "app-main",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [SdTopbarContainer, SdTopbar],
+  template: `
+    <sd-topbar-container>
+      <sd-topbar>
+        <h4>{{ viewTitle() }}</h4>
+      </sd-topbar>
+    </sd-topbar-container>
+  `,
+})
+export class MainPage {
+  viewTitle = injectViewTitleSignal();
+}
+```
+
+- 제목은 [`injectViewTitleSignal`](./utils.md#injectviewtitlesignal)이 `SdAppStructureProvider`에서 자동 조회한다.
+- 페이지/모달/control 뷰에서 **재사용**되는 화면은 뷰 분기가 필요하므로 [`recipes/page-modal-container.md`](./recipes/page-modal-container.md)를 사용한다.
+
 ### `SdTopbarContainer`
 
 탑바 컨테이너.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/angular",
-  "version": "14.0.48",
+  "version": "14.0.49",
   "description": "심플리즘 패키지 - Angular",
   "author": "심플리즘",
   "license": "Apache-2.0",
@@ -31,8 +31,8 @@
     "@angular/platform-browser": "^21.2.9",
     "@angular/router": "^21.2.9",
     "@angular/service-worker": "^21.2.9",
-    "@ng-icons/core": "^33.2.1",
-    "@ng-icons/tabler-icons": "^33.2.1",
+    "@ng-icons/core": "^33.2.2",
+    "@ng-icons/tabler-icons": "^33.2.2",
     "@tiptap/core": "^3.22.4",
     "@tiptap/extension-color": "^3.22.4",
     "@tiptap/extension-document": "^3.22.4",
@@ -51,10 +51,10 @@
     "jspdf": "^4.2.1",
     "rxjs": "^7.8.2",
     "tabbable": "^6.4.0",
-    "@simplysm/core-browser": "14.0.48",
-    "@simplysm/core-common": "14.0.48",
-    "@simplysm/service-client": "14.0.48",
-    "@simplysm/service-common": "14.0.48"
+    "@simplysm/core-browser": "14.0.49",
+    "@simplysm/core-common": "14.0.49",
+    "@simplysm/service-client": "14.0.49",
+    "@simplysm/service-common": "14.0.49"
   },
   "devDependencies": {
     "@angular/compiler": "^21.2.9",

package/scss/commons/_styles.scss

@@ -111,6 +111,18 @@
 } // @layer base
 
 @layer utilities {
+  .block {
+    display: block;
+  }
+
+  .inline-block {
+    display: inline-block;
+  }
+
+  .inline {
+    display: inline;
+  }
+
   //-- FONT SIZE
 
   @each $h in (h1, h2, h3, h4, h5, h6) {

package/src/index.ts

@@ -226,9 +226,6 @@ export type {
   SdSheetCellKeydownEventParam,
 } from "./data/sheet/types";
 
-// data/utils
-export { getOrmDataEditToastErrorMessage } from "./data/getOrmDataEditToastErrorMessage";
-
 // data/shared-data
 export { SdSharedDataSelect } from "./data/shared-data/sd-shared-data-select";
 export { SdSharedDataSelectButton } from "./data/shared-data/sd-shared-data-select-button";

package/dist/data/getOrmDataEditToastErrorMessage.d.ts

@@ -1,2 +0,0 @@
-export declare function getOrmDataEditToastErrorMessage(err: unknown): string;
-//# sourceMappingURL=getOrmDataEditToastErrorMessage.d.ts.map

package/dist/data/getOrmDataEditToastErrorMessage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getOrmDataEditToastErrorMessage.d.ts","sourceRoot":"","sources":["../../src/data/getOrmDataEditToastErrorMessage.ts"],"names":[],"mappings":"AAAA,wBAAgB,+BAA+B,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CASpE"}

package/dist/data/getOrmDataEditToastErrorMessage.js

@@ -1,8 +0,0 @@
-export function 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;
-}

package/src/data/getOrmDataEditToastErrorMessage.ts

@@ -1,10 +0,0 @@
-export function getOrmDataEditToastErrorMessage(err: unknown): string {
-  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;
-}