@simplysm/angular 14.0.30 → 14.0.33

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

@@ -0,0 +1,132 @@
+import { computed, ErrorHandler, inject, Injectable, signal } from "@angular/core";
+import { defineEvent } from "@simplysm/service-common";
+import { obj, wait as waitUtil } from "@simplysm/core-common";
+import { SdServiceClientFactoryProvider } from "../service-client/sd-service-client-factory.provider";
+import "@simplysm/core-common";
+import * as i0 from "@angular/core";
+export const SdSharedDataChangeEvent = defineEvent("SdSharedDataChange");
+export class SdSharedDataProvider {
+    _clientFactory = inject(SdServiceClientFactoryProvider);
+    _errorHandler = inject(ErrorHandler);
+    loadingCount = signal(0, ...(ngDevMode ? [{ debugName: "loadingCount" }] : /* istanbul ignore next */ []));
+    _entries = new Map();
+    register(name, info) {
+        const existing = this._entries.get(name);
+        if (existing != null) {
+            // 기존 리스너 키 초기화
+            if (existing.listenerKey != null) {
+                const client = this._clientFactory.get(existing.info.serviceKey);
+                void client.removeListener(existing.listenerKey);
+                existing.listenerKey = undefined;
+            }
+            existing.info = info;
+            existing.needsReload = true;
+        }
+        else {
+            const itemsSignal = signal([], ...(ngDevMode ? [{ debugName: "itemsSignal" }] : /* istanbul ignore next */ []));
+            const itemsMapComputed = computed(() => itemsSignal().toMap((i) => i.__valueKey), ...(ngDevMode ? [{ debugName: "itemsMapComputed" }] : /* istanbul ignore next */ []));
+            const handle = {
+                items: itemsSignal.asReadonly(),
+                get: (key) => {
+                    if (key == null)
+                        return undefined;
+                    return itemsMapComputed().get(key);
+                },
+            };
+            this._entries.set(name, {
+                info,
+                itemsSignal,
+                handle,
+                needsReload: true,
+                isLoading: false,
+            });
+        }
+    }
+    getHandle(name) {
+        const entry = this._entries.get(name);
+        if (entry == null) {
+            throw new Error(`등록되지 않은 공유 데이터: ${name}`);
+        }
+        if (entry.needsReload && !entry.isLoading) {
+            entry.needsReload = false;
+            this._loadAndListen(name, entry);
+        }
+        return entry.handle;
+    }
+    async emitAsync(name, changeKeys) {
+        const entry = this._entries.get(name);
+        if (entry == null) {
+            throw new Error(`등록되지 않은 공유 데이터: ${name}`);
+        }
+        const client = this._clientFactory.get(entry.info.serviceKey);
+        const event = client.getEvent("SdSharedDataChange");
+        await event.emit((item) => item.name === name && obj.equal(item.filter, entry.info.filter), changeKeys);
+    }
+    async wait() {
+        await waitUtil.until(() => this.loadingCount() <= 0);
+    }
+    _loadAndListen(name, entry) {
+        entry.isLoading = true;
+        this.loadingCount.update((v) => v + 1);
+        // 비동기 로드
+        void entry.info
+            .getter()
+            .then(async (data) => {
+            entry.itemsSignal.set(data);
+            // 이벤트 리스너 등록
+            if (entry.listenerKey == null) {
+                const client = this._clientFactory.get(entry.info.serviceKey);
+                const event = client.getEvent("SdSharedDataChange");
+                entry.listenerKey = await event.addListener({ name, filter: entry.info.filter }, async (changeKeys) => {
+                    await this._onEvent(name, entry, changeKeys);
+                });
+            }
+        })
+            .catch((err) => {
+            this._errorHandler.handleError(err);
+        })
+            .finally(() => {
+            this.loadingCount.update((v) => v - 1);
+            entry.isLoading = false;
+            if (entry.needsReload) {
+                entry.needsReload = false;
+                this._loadAndListen(name, entry);
+            }
+        });
+    }
+    async _onEvent(name, entry, changeKeys) {
+        this.loadingCount.update((v) => v + 1);
+        try {
+            if (changeKeys == null) {
+                // 전체 리로드
+                const data = await entry.info.getter();
+                entry.itemsSignal.set(data);
+            }
+            else {
+                // 부분 업데이트
+                const newItems = await entry.info.getter(changeKeys);
+                const currentItems = entry.itemsSignal();
+                // 변경된 키를 제거하고 새 항목 추가 (String 변환으로 타입 혼재 방지)
+                const changeKeySet = new Set(changeKeys.map(String));
+                const filtered = currentItems.filter((item) => !changeKeySet.has(String(item.__valueKey)));
+                const merged = [...filtered, ...newItems];
+                // orderBy 적용
+                if (entry.info.orderBy != null) {
+                    merged.sort(entry.info.orderBy);
+                }
+                entry.itemsSignal.set(merged);
+            }
+        }
+        catch (err) {
+            this._errorHandler.handleError(err);
+        }
+        finally {
+            this.loadingCount.update((v) => v - 1);
+        }
+    }
+    static ɵfac = function SdSharedDataProvider_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSharedDataProvider)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SdSharedDataProvider, factory: SdSharedDataProvider.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSharedDataProvider, [{
+        type: Injectable
+    }], null, null); })();

package/dist/core/show-effect/sd-show-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-show-effect.d.ts","sourceRoot":"","sources":["../../../src/core/show-effect/sd-show-effect.ts"],"names":[],"mappings":";AAGA,qBAIa,YAAY;IACvB,OAAO,qEAA0E;IACjF,gBAAgB,qDAA+B;;yCAFpC,YAAY;2CAAZ,YAAY;CAUxB"}

package/dist/core/show-effect/sd-show-effect.js

@@ -0,0 +1,22 @@
+import { booleanAttribute, Directive, input } from "@angular/core";
+import { setupRevealOnShow } from "./setupRevealOnShow";
+import * as i0 from "@angular/core";
+export class SdShowEffect {
+    enabled = input.required({ ...(ngDevMode ? { debugName: "enabled" } : /* istanbul ignore next */ {}), alias: "sdShowEffect", transform: booleanAttribute });
+    sdShowEffectType = input("t2b", ...(ngDevMode ? [{ debugName: "sdShowEffectType" }] : /* istanbul ignore next */ []));
+    constructor() {
+        setupRevealOnShow(() => ({
+            type: this.sdShowEffectType(),
+            enabled: this.enabled(),
+        }));
+    }
+    static ɵfac = function SdShowEffect_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdShowEffect)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdShowEffect, selectors: [["", "sdShowEffect", ""]], inputs: { enabled: [1, "sdShowEffect", "enabled"], sdShowEffectType: [1, "sdShowEffectType"] } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdShowEffect, [{
+        type: Directive,
+        args: [{
+                selector: "[sdShowEffect]",
+                standalone: true,
+            }]
+    }], () => [], { enabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "sdShowEffect", required: true }] }], sdShowEffectType: [{ type: i0.Input, args: [{ isSignal: true, alias: "sdShowEffectType", required: false }] }] }); })();

package/dist/core/show-effect/setupRevealOnShow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupRevealOnShow.d.ts","sourceRoot":"","sources":["../../../src/core/show-effect/setupRevealOnShow.ts"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,CAC/B,KAAK,CAAC,EAAE,MAAM;IACZ,IAAI,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GACA,IAAI,CA2CN"}

package/dist/core/template/sd-item-of-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-item-of-template.d.ts","sourceRoot":"","sources":["../../../src/core/template/sd-item-of-template.ts"],"names":[],"mappings":";AAEA,qBAIa,gBAAgB,CAAC,KAAK;IACjC,MAAM,+CAA6B;IAEnC,MAAM,CAAC,sBAAsB,CAAC,YAAY,EACxC,IAAI,EAAE,gBAAgB,CAAC,YAAY,CAAC,EACpC,IAAI,EAAE,OAAO,GACZ,IAAI,IAAI,uBAAuB,CAAC,YAAY,CAAC;yCANrC,gBAAgB;2CAAhB,gBAAgB;CAS5B;AAED,MAAM,WAAW,uBAAuB,CAAC,KAAK;IAC5C,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/core/template/sd-typed-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-typed-template.d.ts","sourceRoot":"","sources":["../../../src/core/template/sd-typed-template.ts"],"names":[],"mappings":";AAEA,qBAIa,eAAe,CAAC,CAAC;IAC5B,KAAK,yCAAuB;IAE5B,MAAM,CAAC,sBAAsB,CAAC,SAAS,EACrC,IAAI,EAAE,eAAe,CAAC,SAAS,CAAC,EAChC,IAAI,EAAE,OAAO,GACZ,IAAI,IAAI,SAAS;yCANT,eAAe;2CAAf,eAAe;CAS3B"}

package/dist/core/toast/sd-toast-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-toast-container.d.ts","sourceRoot":"","sources":["../../../src/core/toast/sd-toast-container.ts"],"names":[],"mappings":";AAQA,qBA+Ca,gBAAgB;IAC3B,OAAO,qEAAiD;yCAD7C,gBAAgB;2CAAhB,gBAAgB;CAE5B"}

package/dist/core/toast/sd-toast-container.js

@@ -0,0 +1,20 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from "@angular/core";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class SdToastContainer {
+    overlap = input(false, { ...(ngDevMode ? { debugName: "overlap" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = function SdToastContainer_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdToastContainer)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdToastContainer, selectors: [["sd-toast-container"]], hostVars: 1, hostBindings: function SdToastContainer_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-sd-overlap", ctx.overlap() || undefined);
+        } }, inputs: { overlap: [1, "overlap"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdToastContainer_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, styles: ["sd-toast-container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index: 9999;\n  pointer-events: none;\n}\n@media all and (max-width: 520px) {\n  sd-toast-container {\n    flex-direction: column-reverse;\n  }\n}\nsd-toast-container[data-sd-overlap] {\n  display: block;\n  bottom: 0;\n  height: 100%;\n}\nsd-toast-container[data-sd-overlap] > sd-toast {\n  position: absolute;\n  bottom: var(--gap-xxl);\n  left: var(--gap-xxl);\n  right: var(--gap-xxl);\n  width: auto;\n  max-width: none;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdToastContainer, [{
+        type: Component,
+        args: [{ selector: "sd-toast-container", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, host: {
+                    "[attr.data-sd-overlap]": "overlap() || undefined",
+                }, template: `<ng-content />`, styles: ["sd-toast-container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index: 9999;\n  pointer-events: none;\n}\n@media all and (max-width: 520px) {\n  sd-toast-container {\n    flex-direction: column-reverse;\n  }\n}\nsd-toast-container[data-sd-overlap] {\n  display: block;\n  bottom: 0;\n  height: 100%;\n}\nsd-toast-container[data-sd-overlap] > sd-toast {\n  position: absolute;\n  bottom: var(--gap-xxl);\n  left: var(--gap-xxl);\n  right: var(--gap-xxl);\n  width: auto;\n  max-width: none;\n}"] }]
+    }], null, { overlap: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlap", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdToastContainer, { className: "SdToastContainer", filePath: "packages/angular/src/core/toast/sd-toast-container.ts", lineNumber: 56, forbidOrphanRendering: true }); })();

package/dist/core/toast/sd-toast.d.ts

@@ -0,0 +1,14 @@
+import type { SdToastTheme } from "./sd-toast.provider";
+import * as i0 from "@angular/core";
+export declare class SdToast {
+    open: import("@angular/core").ModelSignal<boolean>;
+    useProgress: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    theme: import("@angular/core").InputSignal<SdToastTheme>;
+    progress: import("@angular/core").ModelSignal<number>;
+    message: import("@angular/core").ModelSignal<string | undefined>;
+    ariaRole: import("@angular/core").Signal<"status" | "alert" | undefined>;
+    ariaLive: import("@angular/core").Signal<"polite" | "assertive" | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdToast, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdToast, "sd-toast", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "useProgress": { "alias": "useProgress"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "progress": "progressChange"; "message": "messageChange"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-toast.d.ts.map

package/dist/core/toast/sd-toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-toast.d.ts","sourceRoot":"","sources":["../../../src/core/toast/sd-toast.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;;AAKxD,qBAwFa,OAAO;IAClB,IAAI,+CAAgB;IACpB,WAAW,qEAAiD;IAC5D,KAAK,oDAA+B;IACpC,QAAQ,8CAAY;IACpB,OAAO,0DAAwC;IAE/C,QAAQ,iEAKL;IAEH,QAAQ,qEAKL;yCAnBQ,OAAO;2CAAP,OAAO;CAoBnB"}

package/dist/core/toast/sd-toast.js

@@ -0,0 +1,79 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, model, ViewEncapsulation, } from "@angular/core";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+function SdToast_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 0);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.message());
+} }
+function SdToast_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 1);
+    i0.ɵɵdomElement(1, "div", 2);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("width", ctx_r0.progress(), "%");
+} }
+const POLITE_THEMES = new Set(["info", "success"]);
+const ASSERTIVE_THEMES = new Set(["warning", "danger"]);
+export class SdToast {
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    useProgress = input(false, { ...(ngDevMode ? { debugName: "useProgress" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    theme = input("info", ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
+    progress = model(0, ...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
+    message = model(undefined, ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+    ariaRole = computed(() => {
+        const t = this.theme();
+        if (POLITE_THEMES.has(t))
+            return "status";
+        if (ASSERTIVE_THEMES.has(t))
+            return "alert";
+        return undefined;
+    }, ...(ngDevMode ? [{ debugName: "ariaRole" }] : /* istanbul ignore next */ []));
+    ariaLive = computed(() => {
+        const t = this.theme();
+        if (POLITE_THEMES.has(t))
+            return "polite";
+        if (ASSERTIVE_THEMES.has(t))
+            return "assertive";
+        return undefined;
+    }, ...(ngDevMode ? [{ debugName: "ariaLive" }] : /* istanbul ignore next */ []));
+    static ɵfac = function SdToast_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdToast)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdToast, selectors: [["sd-toast"]], hostVars: 4, hostBindings: function SdToast_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-sd-open", ctx.open() || undefined)("data-sd-theme", ctx.theme())("role", ctx.ariaRole())("aria-live", ctx.ariaLive());
+        } }, inputs: { open: [1, "open"], useProgress: [1, "useProgress"], theme: [1, "theme"], progress: [1, "progress"], message: [1, "message"] }, outputs: { open: "openChange", progress: "progressChange", message: "messageChange" }, ngContentSelectors: _c0, decls: 3, vars: 2, consts: [[1, "_message"], [1, "_progress"], [1, "_progress-bar"]], template: function SdToast_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵconditionalCreate(0, SdToast_Conditional_0_Template, 2, 1, "div", 0);
+            i0.ɵɵprojection(1);
+            i0.ɵɵconditionalCreate(2, SdToast_Conditional_2_Template, 2, 2, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.message() !== undefined ? 0 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.useProgress() ? 2 : -1);
+        } }, styles: ["sd-toast {\n  display: block;\n  position: relative;\n  max-width: 32.5rem;\n  width: 100%;\n  margin: var(--gap-sm);\n  padding: var(--gap-default) var(--gap-lg);\n  border-radius: var(--border-radius-default);\n  color: var(--text-trans-rev-default);\n  pointer-events: auto;\n  transform: translateY(-100%);\n  opacity: 0;\n  transition: transform var(--animation-duration) ease, opacity var(--animation-duration) ease;\n  box-shadow: 0 calc(12 * var(--elevation-size)) calc(12 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n}\nsd-toast[data-sd-open] {\n  transform: translateY(0);\n  opacity: 1;\n}\nsd-toast[data-sd-theme=gray] {\n  background: rgb(153.0022463699, 161.0057700366, 174.7317580236);\n}\nsd-toast[data-sd-theme=blue-gray] {\n  background: rgb(144.0364277624, 161.0825504589, 184.9359809919);\n}\nsd-toast[data-sd-theme=primary] {\n  background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=secondary] {\n  background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=info] {\n  background: hsl(186.1271591177, 175.0224558865%, 34.577706736%);\n}\nsd-toast[data-sd-theme=success] {\n  background: hsl(76.4778453101, 152.6473732821%, 35.6889214867%);\n}\nsd-toast[data-sd-theme=warning] {\n  background: hsl(31.4330872217, 102.5675912326%, 51.3170331393%);\n}\nsd-toast[data-sd-theme=danger] {\n  background: hsl(358.7593862564, 101.8439024907%, 69.8357359211%);\n}\nsd-toast > ._message {\n  word-break: break-all;\n  white-space: pre-wrap;\n}\nsd-toast > ._progress {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.25rem;\n  background: var(--trans-lighter);\n  border-radius: 0 0 var(--border-radius-default) var(--border-radius-default);\n  overflow: hidden;\n}\nsd-toast > ._progress > ._progress-bar {\n  height: 100%;\n  background: var(--trans-default);\n  transition: width 0.3s ease;\n}\n@media all and (max-width: 520px) {\n  sd-toast {\n    max-width: none;\n    margin: var(--gap-xs);\n    border-radius: 0;\n  }\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdToast, [{
+        type: Component,
+        args: [{ selector: "sd-toast", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, host: {
+                    "[attr.data-sd-open]": "open() || undefined",
+                    "[attr.data-sd-theme]": "theme()",
+                    "[attr.role]": "ariaRole()",
+                    "[attr.aria-live]": "ariaLive()",
+                }, template: `
+    @if (message() !== undefined) {
+      <div class="_message">{{ message() }}</div>
+    }
+    <ng-content />
+    @if (useProgress()) {
+      <div class="_progress">
+        <div class="_progress-bar" [style.width.%]="progress()"></div>
+      </div>
+    }
+  `, styles: ["sd-toast {\n  display: block;\n  position: relative;\n  max-width: 32.5rem;\n  width: 100%;\n  margin: var(--gap-sm);\n  padding: var(--gap-default) var(--gap-lg);\n  border-radius: var(--border-radius-default);\n  color: var(--text-trans-rev-default);\n  pointer-events: auto;\n  transform: translateY(-100%);\n  opacity: 0;\n  transition: transform var(--animation-duration) ease, opacity var(--animation-duration) ease;\n  box-shadow: 0 calc(12 * var(--elevation-size)) calc(12 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n}\nsd-toast[data-sd-open] {\n  transform: translateY(0);\n  opacity: 1;\n}\nsd-toast[data-sd-theme=gray] {\n  background: rgb(153.0022463699, 161.0057700366, 174.7317580236);\n}\nsd-toast[data-sd-theme=blue-gray] {\n  background: rgb(144.0364277624, 161.0825504589, 184.9359809919);\n}\nsd-toast[data-sd-theme=primary] {\n  background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=secondary] {\n  background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=info] {\n  background: hsl(186.1271591177, 175.0224558865%, 34.577706736%);\n}\nsd-toast[data-sd-theme=success] {\n  background: hsl(76.4778453101, 152.6473732821%, 35.6889214867%);\n}\nsd-toast[data-sd-theme=warning] {\n  background: hsl(31.4330872217, 102.5675912326%, 51.3170331393%);\n}\nsd-toast[data-sd-theme=danger] {\n  background: hsl(358.7593862564, 101.8439024907%, 69.8357359211%);\n}\nsd-toast > ._message {\n  word-break: break-all;\n  white-space: pre-wrap;\n}\nsd-toast > ._progress {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.25rem;\n  background: var(--trans-lighter);\n  border-radius: 0 0 var(--border-radius-default) var(--border-radius-default);\n  overflow: hidden;\n}\nsd-toast > ._progress > ._progress-bar {\n  height: 100%;\n  background: var(--trans-default);\n  transition: width 0.3s ease;\n}\n@media all and (max-width: 520px) {\n  sd-toast {\n    max-width: none;\n    margin: var(--gap-xs);\n    border-radius: 0;\n  }\n}"] }]
+    }], null, { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], useProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "useProgress", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }, { type: i0.Output, args: ["progressChange"] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }, { type: i0.Output, args: ["messageChange"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdToast, { className: "SdToast", filePath: "packages/angular/src/core/toast/sd-toast.ts", lineNumber: 103, forbidOrphanRendering: true }); })();

package/dist/core/toast/sd-toast.provider.d.ts

@@ -0,0 +1,46 @@
+import { type OutputEmitterRef, type Type, type WritableSignal } from "@angular/core";
+import type { DirectiveInputSignals } from "../directive-input-signals";
+import "@simplysm/core-browser";
+import * as i0 from "@angular/core";
+export type SdToastSeverity = "info" | "success" | "warning" | "danger";
+export type SdToastTheme = "primary" | "secondary" | SdToastSeverity | "gray" | "blue-gray";
+export interface SdToastContentDef<O> {
+    close: OutputEmitterRef<O | undefined>;
+}
+export interface SdToastInput<T extends SdToastContentDef<any>> {
+    type: Type<T>;
+    inputs: Omit<DirectiveInputSignals<T>, "close">;
+}
+export declare class SdToastProvider {
+    private readonly _appRef;
+    private readonly _envInjector;
+    private readonly _injector;
+    private readonly _systemLog;
+    alertThemes: WritableSignal<SdToastSeverity[]>;
+    overlap: WritableSignal<boolean>;
+    beforeShowFn?: (theme: SdToastSeverity) => void;
+    private _containerRef;
+    private readonly _toastRefs;
+    private readonly _contentRefs;
+    constructor();
+    private _getContainerRef;
+    info(message: string, useProgress?: true): WritableSignal<number>;
+    info(message: string, useProgress?: false): void;
+    success(message: string, useProgress?: true): WritableSignal<number>;
+    success(message: string, useProgress?: false): void;
+    warning(message: string, useProgress?: true): WritableSignal<number>;
+    warning(message: string, useProgress?: false): void;
+    danger(message: string, useProgress?: true): WritableSignal<number>;
+    danger(message: string, useProgress?: false): void;
+    notify<T extends SdToastContentDef<any>>(input: SdToastInput<T>): Promise<Parameters<T["close"]["emit"]>[0] | undefined>;
+    try<R>(fn: () => Promise<R>): Promise<R | undefined>;
+    try<R>(fn: () => Promise<R>, messageFn: (err: unknown) => string): Promise<R | undefined>;
+    private _show;
+    private _setupAutoDismiss;
+    private _dismissToast;
+    private _destroyToast;
+    private _removeAllToasts;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdToastProvider, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SdToastProvider>;
+}
+//# sourceMappingURL=sd-toast.provider.d.ts.map

package/dist/core/toast/sd-toast.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-toast.provider.d.ts","sourceRoot":"","sources":["../../../src/core/toast/sd-toast.provider.ts"],"names":[],"mappings":"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"}

package/dist/core/toast/sd-toast.provider.js

@@ -0,0 +1,237 @@
+import { ApplicationRef, createComponent, effect, EnvironmentInjector, inject, Injectable, Injector, signal, } from "@angular/core";
+import { outputToObservable } from "@angular/core/rxjs-interop";
+import { SdToast } from "./sd-toast";
+import { SdToastContainer } from "./sd-toast-container";
+import { SdSystemLogProvider } from "../config/sd-system-log.provider";
+import "@simplysm/core-browser";
+import * as i0 from "@angular/core";
+export class SdToastProvider {
+    _appRef = inject(ApplicationRef);
+    _envInjector = inject(EnvironmentInjector);
+    _injector = inject(Injector);
+    _systemLog = inject(SdSystemLogProvider);
+    alertThemes = signal([], ...(ngDevMode ? [{ debugName: "alertThemes" }] : /* istanbul ignore next */ []));
+    overlap = signal(false, ...(ngDevMode ? [{ debugName: "overlap" }] : /* istanbul ignore next */ []));
+    beforeShowFn;
+    _containerRef;
+    _toastRefs = [];
+    _contentRefs = new Map();
+    constructor() {
+        effect(() => {
+            if (this._containerRef !== undefined) {
+                this._containerRef.setInput("overlap", this.overlap());
+            }
+        });
+    }
+    _getContainerRef() {
+        if (this._containerRef === undefined) {
+            this._containerRef = createComponent(SdToastContainer, {
+                environmentInjector: this._envInjector,
+            });
+            this._appRef.attachView(this._containerRef.hostView);
+            document.body.appendChild(this._containerRef.location.nativeElement);
+            this._containerRef.setInput("overlap", this.overlap());
+        }
+        return this._containerRef;
+    }
+    info(message, useProgress = false) {
+        return this._show("info", message, useProgress);
+    }
+    success(message, useProgress = false) {
+        return this._show("success", message, useProgress);
+    }
+    warning(message, useProgress = false) {
+        return this._show("warning", message, useProgress);
+    }
+    danger(message, useProgress = false) {
+        return this._show("danger", message, useProgress);
+    }
+    notify(input) {
+        return new Promise((resolve) => {
+            // overlap 모드: 기존 토스트 모두 제거
+            if (this.overlap()) {
+                this._removeAllToasts();
+            }
+            const containerEl = this._getContainerRef().location.nativeElement;
+            // 토스트 래퍼 생성
+            const toastRef = createComponent(SdToast, {
+                environmentInjector: this._envInjector,
+            });
+            this._appRef.attachView(toastRef.hostView);
+            // 커스텀 컴포넌트 생성 (projectableNodes로 토스트 래퍼 안에 삽입)
+            const contentRef = createComponent(input.type, {
+                environmentInjector: this._envInjector,
+                elementInjector: this._injector,
+            });
+            this._appRef.attachView(contentRef.hostView);
+            // inputs 바인딩
+            for (const [key, value] of Object.entries(input.inputs)) {
+                contentRef.setInput(key, value);
+            }
+            // 컨텐츠를 토스트 래퍼 안에 삽입
+            const toastEl = toastRef.location.nativeElement;
+            toastEl.appendChild(contentRef.location.nativeElement);
+            containerEl.appendChild(toastEl);
+            this._toastRefs.push(toastRef);
+            // repaint 후 open 설정
+            toastEl.repaint();
+            toastRef.instance.open.set(true);
+            // contentRef를 추적하여 토스트 파괴 시 함께 정리
+            this._contentRefs.set(toastRef, contentRef);
+            // close output 구독
+            const closeSub = outputToObservable(contentRef.instance.close).subscribe((result) => {
+                closeSub.unsubscribe();
+                this._dismissToast(toastRef);
+                resolve(result);
+            });
+            // 5초 후 자동 해제 (resolve 연동)
+            this._setupAutoDismiss(toastRef, 5000, () => {
+                closeSub.unsubscribe();
+                resolve(undefined);
+            });
+        });
+    }
+    async try(fn, messageFn) {
+        try {
+            return await fn();
+        }
+        catch (err) {
+            if (!(err instanceof Error)) {
+                throw err;
+            }
+            const message = messageFn !== undefined ? messageFn(err) : err.message;
+            this.danger(message);
+            await this._systemLog.writeAsync("error", err.stack ?? err.message);
+            return undefined;
+        }
+    }
+    _show(theme, message, useProgress) {
+        // alertThemes 체크
+        if (this.alertThemes().includes(theme)) {
+            window.alert(message);
+            return;
+        }
+        // beforeShowFn 콜백
+        if (this.beforeShowFn !== undefined) {
+            this.beforeShowFn(theme);
+        }
+        // overlap 모드: 기존 토스트 모두 제거
+        if (this.overlap()) {
+            this._removeAllToasts();
+        }
+        // 토스트 컴포넌트 생성
+        const containerEl = this._getContainerRef().location.nativeElement;
+        const toastRef = createComponent(SdToast, {
+            environmentInjector: this._envInjector,
+        });
+        this._appRef.attachView(toastRef.hostView);
+        toastRef.setInput("theme", theme);
+        toastRef.setInput("useProgress", useProgress);
+        toastRef.instance.message.set(message);
+        containerEl.appendChild(toastRef.location.nativeElement);
+        this._toastRefs.push(toastRef);
+        // repaint 후 open 설정
+        toastRef.location.nativeElement.repaint();
+        toastRef.instance.open.set(true);
+        if (useProgress) {
+            // progress 모드: effect로 100% 감지 후 1초 뒤 자동 해제
+            const progressSignal = toastRef.instance.progress;
+            effect((onCleanup) => {
+                const val = progressSignal();
+                if (val >= 100) {
+                    const timerId = setTimeout(() => {
+                        this._dismissToast(toastRef);
+                    }, 1000);
+                    onCleanup(() => clearTimeout(timerId));
+                }
+            }, { injector: toastRef.injector });
+            return progressSignal;
+        }
+        else {
+            // 일반 모드: 3초 후 자동 해제 (호버 중이면 1초 지연)
+            this._setupAutoDismiss(toastRef, 3000);
+        }
+    }
+    _setupAutoDismiss(toastRef, delayMs, onDismiss) {
+        const el = toastRef.location.nativeElement;
+        let isHovering = false;
+        let dismissPending = false;
+        let dismissed = false;
+        const dismiss = () => {
+            if (dismissed)
+                return;
+            dismissed = true;
+            onDismiss?.();
+            this._dismissToast(toastRef);
+        };
+        const dismissAfterDelay = (ms) => {
+            setTimeout(() => {
+                if (dismissed)
+                    return;
+                if (isHovering) {
+                    dismissPending = true;
+                }
+                else {
+                    dismiss();
+                }
+            }, ms);
+        };
+        el.addEventListener("mouseenter", () => {
+            isHovering = true;
+        });
+        el.addEventListener("mouseleave", () => {
+            isHovering = false;
+            if (dismissPending) {
+                dismissPending = false;
+                dismissAfterDelay(1000);
+            }
+        });
+        dismissAfterDelay(delayMs);
+    }
+    _dismissToast(toastRef) {
+        toastRef.instance.open.set(false);
+        const el = toastRef.location.nativeElement;
+        let fallbackId;
+        const onTransitionEnd = () => {
+            clearTimeout(fallbackId);
+            el.removeEventListener("transitionend", onTransitionEnd);
+            this._destroyToast(toastRef);
+        };
+        el.addEventListener("transitionend", onTransitionEnd);
+        // fallback: transition이 없는 경우 300ms 후 파괴
+        fallbackId = setTimeout(() => {
+            el.removeEventListener("transitionend", onTransitionEnd);
+            this._destroyToast(toastRef);
+        }, 300);
+    }
+    _destroyToast(toastRef) {
+        const idx = this._toastRefs.indexOf(toastRef);
+        if (idx === -1)
+            return; // 이미 파괴됨
+        this._toastRefs.splice(idx, 1);
+        // 연결된 contentRef 파괴
+        const contentRef = this._contentRefs.get(toastRef);
+        if (contentRef !== undefined) {
+            this._contentRefs.delete(toastRef);
+            this._appRef.detachView(contentRef.hostView);
+            contentRef.destroy();
+        }
+        const el = toastRef.location.nativeElement;
+        if (el.parentNode !== null) {
+            el.parentNode.removeChild(el);
+        }
+        this._appRef.detachView(toastRef.hostView);
+        toastRef.destroy();
+    }
+    _removeAllToasts() {
+        for (const ref of [...this._toastRefs]) {
+            this._destroyToast(ref);
+        }
+    }
+    static ɵfac = function SdToastProvider_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdToastProvider)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SdToastProvider, factory: SdToastProvider.ɵfac, providedIn: "root" });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdToastProvider, [{
+        type: Injectable,
+        args: [{ providedIn: "root" }]
+    }], () => [], null); })();

package/dist/core/validation/sd-invalid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-invalid.d.ts","sourceRoot":"","sources":["../../../src/core/validation/sd-invalid.ts"],"names":[],"mappings":";AAGA,qBAIa,SAAS;IACpB,cAAc,8CAAkD;;yCADrD,SAAS;2CAAT,SAAS;CAMrB"}

package/dist/core/validation/sd-invalid.js

@@ -0,0 +1,18 @@
+import { Directive, input } from "@angular/core";
+import { setupInvalid } from "./setupInvalid";
+import * as i0 from "@angular/core";
+export class SdInvalid {
+    invalidMessage = input.required({ ...(ngDevMode ? { debugName: "invalidMessage" } : /* istanbul ignore next */ {}), alias: "sdInvalid" });
+    constructor() {
+        setupInvalid(() => this.invalidMessage());
+    }
+    static ɵfac = function SdInvalid_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdInvalid)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdInvalid, selectors: [["", "sdInvalid", ""]], inputs: { invalidMessage: [1, "sdInvalid", "invalidMessage"] } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdInvalid, [{
+        type: Directive,
+        args: [{
+                selector: "[sdInvalid]",
+                standalone: true,
+            }]
+    }], () => [], { invalidMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "sdInvalid", required: true }] }] }); })();

package/dist/core/validation/setupInvalid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupInvalid.d.ts","sourceRoot":"","sources":["../../../src/core/validation/setupInvalid.ts"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,CAAC,iBAAiB,EAAE,MAAM,MAAM,GAAG,IAAI,CAmClE"}

package/dist/core/withBusy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withBusy.d.ts","sourceRoot":"","sources":["../../src/core/withBusy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,wBAAsB,QAAQ,CAC5B,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,EACjC,EAAE,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GACtB,OAAO,CAAC,IAAI,CAAC,CAOf"}