@simplysm/angular 14.0.5 → 14.0.7

package/dist/ui/form/editor/sd-tiptap-editor.control.js

@@ -1,4 +1,4 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, computed, DestroyRef, effect, ElementRef, inject, input, model, untracked, ViewEncapsulation, } from "@angular/core";
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, DestroyRef, effect, ElementRef, inject, input, model, signal, untracked, ViewEncapsulation, } from "@angular/core";
 import { setupInvalid } from "../../../core/utils/setups/setupInvalid";
 import { Editor } from "@tiptap/core";
 import StarterKit from "@tiptap/starter-kit";
@@ -116,37 +116,37 @@ function SdTiptapEditorControl_Conditional_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.h1);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().h1);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.h2);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().h2);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.bold);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().bold);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.italic);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().italic);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.underline);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().underline);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.strike);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().strike);
     i0.ɵɵadvance(4);
-    i0.ɵɵstyleProp("background-color", ctx_r1.activeColor);
+    i0.ɵɵstyleProp("background-color", ctx_r1.activeColor());
     i0.ɵɵadvance(3);
-    i0.ɵɵstyleProp("background-color", ctx_r1.activeBgColor);
+    i0.ɵɵstyleProp("background-color", ctx_r1.activeBgColor());
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.bulletList);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().bulletList);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.orderedList);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().orderedList);
     i0.ɵɵadvance(7);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.blockquote);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().blockquote);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.codeBlock);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().codeBlock);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.alignLeft);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().alignLeft);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.alignCenter);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().alignCenter);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.alignRight);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().alignRight);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("_active", ctx_r1.activeStates.alignJustify);
+    i0.ɵɵclassProp("_active", ctx_r1.activeStates().alignJustify);
     i0.ɵɵadvance(5);
     i0.ɵɵconditional(ctx_r1.colorPickerMode !== undefined ? 48 : -1);
 } }
@@ -175,12 +175,12 @@ export class SdTiptapEditorControl {
         "#d9ead3", "#d0e0e3", "#c9daf8", "#cfe2f3", "#d9d2e9", "#ead1dc", "#dd7e6b", "#ea9999",
         "#f9cb9c", "#ffe599", "#b6d7a8", "#a2c4c9", "#a4c2f4", "#9fc5e8", "#b4a7d6", "#d5a6bd",
     ];
-    activeStates = {};
-    activeColor = "";
-    activeBgColor = "";
+    activeStates = signal({}, ...(ngDevMode ? [{ debugName: "activeStates" }] : /* istanbul ignore next */ []));
+    activeColor = signal("", ...(ngDevMode ? [{ debugName: "activeColor" }] : /* istanbul ignore next */ []));
+    activeBgColor = signal("", ...(ngDevMode ? [{ debugName: "activeBgColor" }] : /* istanbul ignore next */ []));
     colorPickerMode;
     /** @internal -- TipTap Editor 인스턴스. 테스트 및 고급 사용자용 */
-    editor;
+    editor = signal(undefined, ...(ngDevMode ? [{ debugName: "editor" }] : /* istanbul ignore next */ []));
     updatingFromEditor = false;
     lastExtensions;
     resolvedExtensions = computed(() => {
@@ -209,19 +209,21 @@ export class SdTiptapEditorControl {
                 return;
             }
             // Sync value to existing editor
-            if (this.editor == null)
+            const currentEditor = untracked(() => this.editor());
+            if (currentEditor == null)
                 return;
-            const currentHtml = this.getEditorHtml();
+            const currentHtml = this.getEditorHtmlFrom(currentEditor);
             if (currentHtml === val)
                 return;
-            this.editor.commands.setContent(val ?? "", { emitUpdate: false });
+            currentEditor.commands.setContent(val ?? "", { emitUpdate: false });
         });
         // disabled/readonly → editor.setEditable()
         effect(() => {
-            if (this.editor == null)
+            const ed = this.editor();
+            if (ed == null)
                 return;
             const editable = !this.disabled() && !this.readonly();
-            this.editor.setEditable(editable);
+            ed.setEditable(editable);
         });
         // setupInvalid for form validation
         setupInvalid(() => {
@@ -247,7 +249,7 @@ export class SdTiptapEditorControl {
         const container = this.elRef.nativeElement.querySelector("._editor-container");
         if (container == null)
             return;
-        this.editor = new Editor({
+        this.editor.set(new Editor({
             element: container,
             extensions,
             content: initialContent ?? "",
@@ -261,19 +263,15 @@ export class SdTiptapEditorControl {
             onTransaction: () => {
                 this.refreshActiveStates();
             },
-        });
+        }));
     }
     destroyEditor() {
-        if (this.editor != null) {
-            this.editor.destroy();
-            this.editor = undefined;
+        const ed = untracked(() => this.editor());
+        if (ed != null) {
+            ed.destroy();
+            this.editor.set(undefined);
         }
     }
-    getEditorHtml() {
-        if (this.editor == null)
-            return undefined;
-        return this.getEditorHtmlFrom(this.editor);
-    }
     getEditorHtmlFrom(editor) {
         const html = editor.getHTML();
         if (editor.isEmpty)
@@ -281,9 +279,10 @@ export class SdTiptapEditorControl {
         return html;
     }
     execCmd(cmd) {
-        if (this.editor == null)
+        const ed = this.editor();
+        if (ed == null)
             return;
-        const chain = this.editor.chain().focus();
+        const chain = ed.chain().focus();
         switch (cmd) {
             case "bold":
                 chain.toggleBold().run();
@@ -342,9 +341,10 @@ export class SdTiptapEditorControl {
         this.colorPickerMode = this.colorPickerMode === mode ? undefined : mode;
     }
     applyColor(color) {
-        if (this.editor == null)
+        const ed = this.editor();
+        if (ed == null)
             return;
-        const chain = this.editor.chain().focus();
+        const chain = ed.chain().focus();
         if (this.colorPickerMode === "text") {
             if (color !== undefined) {
                 chain.setColor(color).run();
@@ -364,28 +364,29 @@ export class SdTiptapEditorControl {
         this.colorPickerMode = undefined;
     }
     refreshActiveStates() {
-        if (this.editor == null)
+        const ed = this.editor();
+        if (ed == null)
             return;
-        this.activeStates = {
-            bold: this.editor.isActive("bold"),
-            italic: this.editor.isActive("italic"),
-            underline: this.editor.isActive("underline"),
-            strike: this.editor.isActive("strike"),
-            h1: this.editor.isActive("heading", { level: 1 }),
-            h2: this.editor.isActive("heading", { level: 2 }),
-            bulletList: this.editor.isActive("bulletList"),
-            orderedList: this.editor.isActive("orderedList"),
-            blockquote: this.editor.isActive("blockquote"),
-            codeBlock: this.editor.isActive("codeBlock"),
-            alignLeft: this.editor.isActive({ textAlign: "left" }),
-            alignCenter: this.editor.isActive({ textAlign: "center" }),
-            alignRight: this.editor.isActive({ textAlign: "right" }),
-            alignJustify: this.editor.isActive({ textAlign: "justify" }),
-        };
-        const textColor = this.editor.getAttributes("textStyle")["color"];
-        this.activeColor = typeof textColor === "string" ? textColor : "";
-        const bgColor = this.editor.getAttributes("highlight")["color"];
-        this.activeBgColor = typeof bgColor === "string" ? bgColor : "";
+        this.activeStates.set({
+            bold: ed.isActive("bold"),
+            italic: ed.isActive("italic"),
+            underline: ed.isActive("underline"),
+            strike: ed.isActive("strike"),
+            h1: ed.isActive("heading", { level: 1 }),
+            h2: ed.isActive("heading", { level: 2 }),
+            bulletList: ed.isActive("bulletList"),
+            orderedList: ed.isActive("orderedList"),
+            blockquote: ed.isActive("blockquote"),
+            codeBlock: ed.isActive("codeBlock"),
+            alignLeft: ed.isActive({ textAlign: "left" }),
+            alignCenter: ed.isActive({ textAlign: "center" }),
+            alignRight: ed.isActive({ textAlign: "right" }),
+            alignJustify: ed.isActive({ textAlign: "justify" }),
+        });
+        const textColor = ed.getAttributes("textStyle")["color"];
+        this.activeColor.set(typeof textColor === "string" ? textColor : "");
+        const bgColor = ed.getAttributes("highlight")["color"];
+        this.activeBgColor.set(typeof bgColor === "string" ? bgColor : "");
     }
     static ɵfac = function SdTiptapEditorControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTiptapEditorControl)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTiptapEditorControl, selectors: [["sd-tiptap-editor"]], hostVars: 2, hostBindings: function SdTiptapEditorControl_HostBindings(rf, ctx) { if (rf & 2) {
@@ -403,55 +404,55 @@ export class SdTiptapEditorControl {
     @if (!disabled()) {
       <div class="_toolbar">
         <div class="_btn-group">
-          <button type="button" data-cmd="h1" [class._active]="activeStates.h1"
+          <button type="button" data-cmd="h1" [class._active]="activeStates().h1"
                   (click)="execCmd('h1')">H1</button>
-          <button type="button" data-cmd="h2" [class._active]="activeStates.h2"
+          <button type="button" data-cmd="h2" [class._active]="activeStates().h2"
                   (click)="execCmd('h2')">H2</button>
         </div>
         <div class="_btn-group">
-          <button type="button" data-cmd="bold" [class._active]="activeStates.bold"
+          <button type="button" data-cmd="bold" [class._active]="activeStates().bold"
                   (click)="execCmd('bold')">B</button>
-          <button type="button" data-cmd="italic" [class._active]="activeStates.italic"
+          <button type="button" data-cmd="italic" [class._active]="activeStates().italic"
                   (click)="execCmd('italic')">I</button>
-          <button type="button" data-cmd="underline" [class._active]="activeStates.underline"
+          <button type="button" data-cmd="underline" [class._active]="activeStates().underline"
                   (click)="execCmd('underline')">U</button>
-          <button type="button" data-cmd="strike" [class._active]="activeStates.strike"
+          <button type="button" data-cmd="strike" [class._active]="activeStates().strike"
                   (click)="execCmd('strike')">S</button>
         </div>
         <div class="_btn-group">
           <button type="button" data-cmd="textColor" class="_color-btn"
                   (click)="toggleColorPicker('text')">
-            <span class="_color-indicator" [style.background-color]="activeColor"></span>
+            <span class="_color-indicator" [style.background-color]="activeColor()"></span>
             A
           </button>
           <button type="button" data-cmd="bgColor" class="_color-btn"
                   (click)="toggleColorPicker('bg')">
-            <span class="_color-indicator" [style.background-color]="activeBgColor"></span>
+            <span class="_color-indicator" [style.background-color]="activeBgColor()"></span>
             BG
           </button>
         </div>
         <div class="_btn-group">
-          <button type="button" data-cmd="bulletList" [class._active]="activeStates.bulletList"
+          <button type="button" data-cmd="bulletList" [class._active]="activeStates().bulletList"
                   (click)="execCmd('bulletList')">UL</button>
-          <button type="button" data-cmd="orderedList" [class._active]="activeStates.orderedList"
+          <button type="button" data-cmd="orderedList" [class._active]="activeStates().orderedList"
                   (click)="execCmd('orderedList')">OL</button>
           <button type="button" data-cmd="indent" (click)="execCmd('indent')">→</button>
           <button type="button" data-cmd="outdent" (click)="execCmd('outdent')">←</button>
         </div>
         <div class="_btn-group">
-          <button type="button" data-cmd="blockquote" [class._active]="activeStates.blockquote"
+          <button type="button" data-cmd="blockquote" [class._active]="activeStates().blockquote"
                   (click)="execCmd('blockquote')">❝</button>
-          <button type="button" data-cmd="codeBlock" [class._active]="activeStates.codeBlock"
+          <button type="button" data-cmd="codeBlock" [class._active]="activeStates().codeBlock"
                   (click)="execCmd('codeBlock')">&lt;/&gt;</button>
         </div>
         <div class="_btn-group">
-          <button type="button" data-cmd="alignLeft" [class._active]="activeStates.alignLeft"
+          <button type="button" data-cmd="alignLeft" [class._active]="activeStates().alignLeft"
                   (click)="execCmd('alignLeft')">≡L</button>
-          <button type="button" data-cmd="alignCenter" [class._active]="activeStates.alignCenter"
+          <button type="button" data-cmd="alignCenter" [class._active]="activeStates().alignCenter"
                   (click)="execCmd('alignCenter')">≡C</button>
-          <button type="button" data-cmd="alignRight" [class._active]="activeStates.alignRight"
+          <button type="button" data-cmd="alignRight" [class._active]="activeStates().alignRight"
                   (click)="execCmd('alignRight')">≡R</button>
-          <button type="button" data-cmd="alignJustify" [class._active]="activeStates.alignJustify"
+          <button type="button" data-cmd="alignJustify" [class._active]="activeStates().alignJustify"
                   (click)="execCmd('alignJustify')">≡J</button>
         </div>
         <div class="_btn-group">
@@ -477,4 +478,4 @@ export class SdTiptapEditorControl {
                     "[attr.data-sd-readonly]": "readonly()",
                 }, styles: ["sd-tiptap-editor {\n  display: block;\n  position: relative;\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: var(--theme-secondary-lightest);\n}\nsd-tiptap-editor > ._toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--gap-xs);\n  padding: var(--gap-xs);\n  border-bottom: 1px solid var(--trans-lighter);\n}\nsd-tiptap-editor > ._toolbar > ._btn-group {\n  display: flex;\n  gap: 1px;\n}\nsd-tiptap-editor > ._toolbar > ._btn-group > button {\n  padding: var(--gap-xs) var(--gap-sm);\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: transparent;\n  cursor: pointer;\n  font-size: var(--font-size-default);\n  line-height: 1;\n}\nsd-tiptap-editor > ._toolbar > ._btn-group > button._active {\n  background: var(--theme-primary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-tiptap-editor > ._toolbar > ._btn-group > button:hover {\n  background: var(--trans-lighter);\n}\nsd-tiptap-editor > ._toolbar > ._btn-group > button._active:hover {\n  background: var(--theme-primary-default);\n}\nsd-tiptap-editor > ._color-picker {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2px;\n  padding: var(--gap-xs);\n  border-bottom: 1px solid var(--trans-lighter);\n}\nsd-tiptap-editor > ._color-picker > ._color-swatch {\n  width: 1.25rem;\n  height: 1.25rem;\n  border: 1px solid var(--trans-lighter);\n  border-radius: 2px;\n  cursor: pointer;\n  padding: 0;\n}\nsd-tiptap-editor > ._color-picker > ._color-swatch._no-color {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--control-color);\n  font-size: 0.625rem;\n}\nsd-tiptap-editor > ._editor-container {\n  padding: var(--gap-sm);\n  min-height: 6.25rem;\n}\nsd-tiptap-editor > ._editor-container > .tiptap {\n  outline: none;\n}\nsd-tiptap-editor > ._editor-container > .tiptap:focus {\n  outline: none;\n}\nsd-tiptap-editor[data-sd-disabled=true] {\n  background: var(--theme-gray-lightest);\n  color: var(--text-trans-light);\n}\nsd-tiptap-editor[data-sd-disabled=true] > ._editor-container > .tiptap {\n  cursor: not-allowed;\n}\nsd-tiptap-editor[data-sd-readonly=true] > ._editor-container > .tiptap {\n  cursor: default;\n}\nsd-tiptap-editor ._color-btn {\n  position: relative;\n}\nsd-tiptap-editor ._color-btn > ._color-indicator {\n  display: block;\n  height: 2px;\n  width: 100%;\n  position: absolute;\n  bottom: 2px;\n  left: 0;\n}"] }]
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], validatorFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "validatorFn", required: false }] }], extensions: [{ type: i0.Input, args: [{ isSignal: true, alias: "extensions", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTiptapEditorControl, { className: "SdTiptapEditorControl", filePath: "packages/angular/src/ui/form/editor/sd-tiptap-editor.control.ts", lineNumber: 232 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTiptapEditorControl, { className: "SdTiptapEditorControl", filePath: "packages/angular/src/ui/form/editor/sd-tiptap-editor.control.ts", lineNumber: 234 }); })();

package/dist/ui/form/input/sd-date-range.picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-date-range.picker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\input\\sd-date-range.picker.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;;AAEjD,qBA+Ca,iBAAiB;IAC5B,UAAU,wDAAiC;IAC3C,IAAI,4DAAqB;IACzB,EAAE,4DAAqB;IAEvB,QAAQ,qEAAiD;IAEzD,2BAA2B,IAAI,IAAI;IAcnC,qBAAqB,IAAI,IAAI;yCArBlB,iBAAiB;2CAAjB,iBAAiB;CAoC7B"}
+{"version":3,"file":"sd-date-range.picker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\input\\sd-date-range.picker.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;;AAEjD,qBA+Ca,iBAAiB;IAC5B,UAAU,wDAAiC;IAC3C,IAAI,4DAAqB;IACzB,EAAE,4DAAqB;IAEvB,QAAQ,qEAAiD;IAEzD,2BAA2B,IAAI,IAAI;IAenC,qBAAqB,IAAI,IAAI;yCAtBlB,iBAAiB;2CAAjB,iBAAiB;CAqC7B"}

package/dist/ui/form/input/sd-date-range.picker.js

@@ -37,8 +37,9 @@ export class SdDateRangePicker {
         if (this.periodType() === "월") {
             const fromDate = this.from();
             if (fromDate) {
-                this.from.set(fromDate.setDay(1));
-                this.to.set(fromDate.addMonths(1).setDay(1).addDays(-1));
+                const firstOfMonth = fromDate.setDay(1);
+                this.from.set(firstOfMonth);
+                this.to.set(firstOfMonth.addMonths(1).addDays(-1));
             }
             else {
                 this.to.set(undefined);
@@ -51,7 +52,7 @@ export class SdDateRangePicker {
     handleFromDateChanged() {
         if (this.periodType() === "월") {
             const fromDate = this.from();
-            this.to.set(fromDate?.addMonths(1).setDay(1).addDays(-1));
+            this.to.set(fromDate?.setDay(1).addMonths(1).addDays(-1));
         }
         else if (this.periodType() === "일") {
             this.to.set(this.from());

package/dist/ui/form/input/sd-textfield-type-handlers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-textfield-type-handlers.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\input\\sd-textfield-type-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,QAAQ,EAER,IAAI,EACL,MAAM,uBAAuB,CAAC;AAI/B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,QAAQ,CAAC;IACjB,OAAO,EAAE,QAAQ,CAAC;IAClB,MAAM,EAAE,QAAQ,CAAC;IACjB,UAAU,EAAE,QAAQ,CAAC;IACrB,cAAc,EAAE,QAAQ,CAAC;IACzB,MAAM,EAAE,IAAI,CAAC;IACb,UAAU,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,CAAC,MAAM,iBAAiB,CAAC,EAcvD,CAAC;AAMF,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAClE,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,mBAAmB,GAAG,OAAO,CAAC;IACvD,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACnE,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,qBAAqB,GAAG,MAAM,GAAG,SAAS,CAAC;IAC/E,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,sBAAsB,GAAG,MAAM,EAAE,CAAC;CAClE;AAiWD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,iBAAiB,EAAE,qBAAqB,CAcxF,CAAC"}
+{"version":3,"file":"sd-textfield-type-handlers.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\input\\sd-textfield-type-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,QAAQ,EAER,IAAI,EACL,MAAM,uBAAuB,CAAC;AAI/B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,QAAQ,CAAC;IACjB,OAAO,EAAE,QAAQ,CAAC;IAClB,MAAM,EAAE,QAAQ,CAAC;IACjB,UAAU,EAAE,QAAQ,CAAC;IACrB,cAAc,EAAE,QAAQ,CAAC;IACzB,MAAM,EAAE,IAAI,CAAC;IACb,UAAU,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,CAAC,MAAM,iBAAiB,CAAC,EAcvD,CAAC;AAMF,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAClE,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,mBAAmB,GAAG,OAAO,CAAC;IACvD,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACnE,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,qBAAqB,GAAG,MAAM,GAAG,SAAS,CAAC;IAC/E,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,sBAAsB,GAAG,MAAM,EAAE,CAAC;CAClE;AAqXD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,iBAAiB,EAAE,qBAAqB,CAcxF,CAAC"}

package/dist/ui/form/input/sd-textfield-type-handlers.js

@@ -39,7 +39,7 @@ function createStringHandler(type) {
                 }
                 return errors;
             }
-            if (type === "text") {
+            if (type !== "color") {
                 const str = value;
                 if (opts.minlength !== undefined && opts.minlength > str.length) {
                     errors.push(`문자의 길이가 ${opts.minlength}보다 길거나 같아야 합니다.`);
@@ -135,7 +135,8 @@ function createFormatHandler() {
                 return raw;
             const nonFormatChars = format.match(/[^X]/g)?.filter((v, i, a) => a.indexOf(v) === i);
             if (nonFormatChars != null && nonFormatChars.length > 0) {
-                return raw.replace(new RegExp(`[${nonFormatChars.map((item) => "\\" + item).join("")}]`, "g"), "");
+                const escaped = nonFormatChars.map((ch) => ch === "]" || ch === "\\" || ch === "^" || ch === "-" ? "\\" + ch : ch).join("");
+                return raw.replace(new RegExp(`[${escaped}]`, "g"), "");
             }
             return raw;
         },
@@ -272,6 +273,15 @@ function createDateTimeHandler(withSeconds) {
             }
             if (!(value instanceof DateTime)) {
                 errors.push("날짜 및 시간을 입력하세요");
+                return errors;
+            }
+            const min = opts.min;
+            const max = opts.max;
+            if (min instanceof DateTime && min.tick > value.tick) {
+                errors.push(`${min}보다 크거나 같아야 합니다.`);
+            }
+            if (max instanceof DateTime && max.tick < value.tick) {
+                errors.push(`${max}보다 작거나 같아야 합니다.`);
             }
             return errors;
         },
@@ -311,6 +321,15 @@ function createTimeHandler(withSeconds) {
             }
             if (!(value instanceof Time)) {
                 errors.push("시간을 입력하세요");
+                return errors;
+            }
+            const min = opts.min;
+            const max = opts.max;
+            if (min instanceof Time && min.tick > value.tick) {
+                errors.push(`${min}보다 크거나 같아야 합니다.`);
+            }
+            if (max instanceof Time && max.tick < value.tick) {
+                errors.push(`${max}보다 작거나 같아야 합니다.`);
             }
             return errors;
         },

package/dist/ui/form/input/sd-textfield.control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-textfield.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\input\\sd-textfield.control.ts"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;;AAEtC,qBA8Qa,kBAAkB,CAAC,CAAC,SAAS,MAAM,iBAAiB;IAC/D,KAAK,wEAAiC;IAEtC,IAAI,yCAAuB;IAC3B,WAAW,0DAAmB;IAC9B,KAAK,0DAAmB;IACxB,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAE7B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IAEzD,QAAQ,qEAAiD;IACzD,GAAG,wEAAiC;IACpC,GAAG,wEAAiC;IACpC,SAAS,0DAAmB;IAC5B,SAAS,0DAAmB;IAC5B,OAAO,0DAAmB;IAC1B,WAAW,+CAAiB,iBAAiB,CAAC,CAAC,CAAC,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACvF,MAAM,0DAAmB;IAEzB,IAAI,0DAAmB;IACvB,YAAY,0DAAmB;IAC/B,cAAc,qEAAgD;IAC9D,SAAS,0DAAmB;IAE5B,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,KAAK,8IAED;IAEJ,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsD;IAE9E,WAAW,yCAA8C;IAEzD,WAAW,kDAA8D;IAEzE,YAAY,yCAOT;IAEH,gBAAgB,qDAMb;;IA4BH,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAa3B,YAAY,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;yCA/F9B,kBAAkB;2CAAlB,kBAAkB;CA6G9B"}
+{"version":3,"file":"sd-textfield.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\input\\sd-textfield.control.ts"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;;AAEtC,qBA8Qa,kBAAkB,CAAC,CAAC,SAAS,MAAM,iBAAiB;IAC/D,KAAK,wEAAiC;IAEtC,IAAI,yCAAuB;IAC3B,WAAW,0DAAmB;IAC9B,KAAK,0DAAmB;IACxB,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAE7B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IAEzD,QAAQ,qEAAiD;IACzD,GAAG,wEAAiC;IACpC,GAAG,wEAAiC;IACpC,SAAS,0DAAmB;IAC5B,SAAS,0DAAmB;IAC5B,OAAO,0DAAmB;IAC1B,WAAW,+CAAiB,iBAAiB,CAAC,CAAC,CAAC,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACvF,MAAM,0DAAmB;IAEzB,IAAI,0DAAmB;IACvB,YAAY,0DAAmB;IAC/B,cAAc,qEAAgD;IAC9D,SAAS,0DAAmB;IAE5B,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,KAAK,8IAED;IAEJ,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsD;IAE9E,WAAW,yCAA8C;IAEzD,WAAW,kDAA8D;IAEzE,YAAY,yCAOT;IAEH,gBAAgB,qDAMb;;IA4BH,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAa3B,YAAY,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;yCA/F9B,kBAAkB;2CAAlB,kBAAkB;CA8G9B"}

package/dist/ui/form/input/sd-textfield.control.js

@@ -128,6 +128,7 @@ export class SdTextfieldControl {
         this.value.set(parsed);
     }
     onInputPaste(event) {
+        event.preventDefault();
         const text = event.clipboardData?.getData("text/plain").trim();
         if (text == null || text === "") {
             this.value.set(undefined);

package/dist/ui/overlay/modal/sd-modal.control.js

@@ -195,7 +195,7 @@ export class SdModalControl {
         this._bringToFront();
     }
     _requestClose() {
-        if (this._activatedModal !== null && !this._activatedModal.canDeactivefn()) {
+        if (this._activatedModal !== null && !this._activatedModal.canDeactiveFn()) {
             return;
         }
         void this._saveConfig();

package/dist/ui/overlay/modal/sd-modal.provider.d.ts

@@ -45,7 +45,7 @@ export interface ISdModalOptions {
 export declare class SdActivatedModalProvider<T extends ISdModal<any> = ISdModal<any>> {
     modalComponent: import("@angular/core").WritableSignal<any>;
     contentComponent: import("@angular/core").WritableSignal<T | undefined>;
-    canDeactivefn: () => boolean;
+    canDeactiveFn: () => boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdActivatedModalProvider<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdActivatedModalProvider<any>>;
 }

package/dist/ui/overlay/modal/sd-modal.provider.js

@@ -10,7 +10,7 @@ import * as i0 from "@angular/core";
 export class SdActivatedModalProvider {
     modalComponent = signal(undefined, ...(ngDevMode ? [{ debugName: "modalComponent" }] : /* istanbul ignore next */ []));
     contentComponent = signal(undefined, ...(ngDevMode ? [{ debugName: "contentComponent" }] : /* istanbul ignore next */ []));
-    canDeactivefn = () => true;
+    canDeactiveFn = () => true;
     static ɵfac = function SdActivatedModalProvider_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdActivatedModalProvider)(); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SdActivatedModalProvider, factory: SdActivatedModalProvider.ɵfac });
 }

package/docs/providers.md

@@ -343,7 +343,7 @@ Injectable. Available inside modal content components via DI. Provides access to
 class SdActivatedModalProvider<T extends ISdModal<any> = ISdModal<any>> {
   modalComponent: WritableSignal<any>;
   contentComponent: WritableSignal<T | undefined>;
-  canDeactivefn: () => boolean;
+  canDeactiveFn: () => boolean;
 }
 ```
 

package/docs/setup-functions.md

@@ -59,7 +59,7 @@ function setupModelHook<T, S extends WritableSignal<T>>(
 
 ## `setupCanDeactivate`
 
-Registers a route or modal can-deactivate guard. When inside a modal, sets `SdActivatedModalProvider.canDeactivefn`. When inside a route, pushes a `CanDeactivateFn` to the route config.
+Registers a route or modal can-deactivate guard. When inside a modal, sets `SdActivatedModalProvider.canDeactiveFn`. When inside a route, pushes a `CanDeactivateFn` to the route config.
 
 ```typescript
 function setupCanDeactivate(fn: () => boolean): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/angular",
-  "version": "14.0.5",
+  "version": "14.0.7",
   "description": "심플리즘 패키지 - Angular",
   "author": "심플리즘",
   "license": "Apache-2.0",
@@ -34,18 +34,15 @@
     "@ng-icons/core": "^33.2.0",
     "@ng-icons/tabler-icons": "^33.2.0",
     "@tiptap/core": "^3.21.0",
-    "@tiptap/extension-bold": "^3.21.0",
     "@tiptap/extension-color": "^3.21.0",
     "@tiptap/extension-document": "^3.21.0",
+    "@tiptap/extension-paragraph": "^3.21.0",
+    "@tiptap/extension-text": "^3.21.0",
     "@tiptap/extension-highlight": "^3.21.0",
     "@tiptap/extension-image": "^3.21.0",
-    "@tiptap/extension-paragraph": "^3.21.0",
     "@tiptap/extension-placeholder": "^3.21.0",
-    "@tiptap/extension-text": "^3.21.0",
     "@tiptap/extension-text-align": "^3.21.0",
     "@tiptap/extension-text-style": "^3.21.0",
-    "@tiptap/extension-underline": "^3.21.0",
-    "@tiptap/pm": "^3.21.0",
     "@tiptap/starter-kit": "^3.21.0",
     "bwip-js": "^4.8.0",
     "echarts": "^6.0.0",
@@ -53,10 +50,10 @@
     "jspdf": "^4.2.1",
     "rxjs": "^7.8.2",
     "tabbable": "^6.4.0",
-    "@simplysm/service-client": "14.0.5",
-    "@simplysm/core-browser": "14.0.5",
-    "@simplysm/service-common": "14.0.5",
-    "@simplysm/core-common": "14.0.5"
+    "@simplysm/core-browser": "14.0.7",
+    "@simplysm/service-client": "14.0.7",
+    "@simplysm/core-common": "14.0.7",
+    "@simplysm/service-common": "14.0.7"
   },
   "devDependencies": {
     "@angular/compiler": "^21.2.6",

package/src/core/directives/sd-router-link.directive.ts

@@ -33,6 +33,9 @@ export class SdRouterLinkDirective {
 
     if (!option) return;
 
+    // Alt+click → 무시 (Chrome 표준: 다운로드, SPA에서는 해당 없음)
+    if (event.altKey) return;
+
     event.preventDefault();
     event.stopPropagation();
 
@@ -47,22 +50,11 @@ export class SdRouterLinkDirective {
         option.params,
         `width=${width},height=${height}`,
       );
-    } else if (event.ctrlKey || event.altKey) {
-      const qp = option.queryParams
-        ? "?" + new URLSearchParams(option.queryParams).toString()
-        : "";
-      this._navWindow.open(option.link + qp, option.params, "_blank");
-    } else if (event.shiftKey) {
-      const width = option.window?.width ?? 800;
-      const height = option.window?.height ?? 800;
+    } else if (event.ctrlKey || event.shiftKey) {
       const qp = option.queryParams
         ? "?" + new URLSearchParams(option.queryParams).toString()
         : "";
-      this._navWindow.open(
-        option.link + qp,
-        option.params,
-        `width=${width},height=${height}`,
-      );
+      this._navWindow.open(option.link + qp, option.params);
     } else if (option.outletName === undefined) {
       await this._router.navigate(
         [option.link, ...(option.params ? [option.params] : [])],

package/src/core/plugins/events/sd-resize-event.plugin.ts

@@ -45,6 +45,9 @@ export class SdResizeEventPlugin extends EventManagerPlugin {
     resizeObserver.observe(element);
 
     return (): void => {
+      if (animationFrameId != null) {
+        cancelAnimationFrame(animationFrameId);
+      }
       resizeObserver.disconnect();
     };
   }

package/src/core/plugins/sd-global-error-handler.plugin.ts

@@ -12,6 +12,7 @@ import { SdSystemLogProvider } from "../providers/sd-system-log.provider";
 export class SdGlobalErrorHandlerPlugin implements ErrorHandler {
   private readonly _envInjector = inject(EnvironmentInjector);
   private readonly _systemLog = inject(SdSystemLogProvider);
+  private _hasDisplayedError = false;
 
   handleError(event: any) {
     try {
@@ -82,6 +83,9 @@ export class SdGlobalErrorHandlerPlugin implements ErrorHandler {
   }
 
   private _displayErrorMessage(title: string, param: Record<string, string>) {
+    if (this._hasDisplayedError) return;
+    this._hasDisplayedError = true;
+
     const paramLines = Object.keys(param).map((key) => key + ": " + param[key]);
 
     void this._systemLog.writeAsync("error", `[${title}]\n${paramLines.join("\n")}`);

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

@@ -48,6 +48,9 @@ export abstract class SdAppStructureUtils {
 
   static getTitleByFullCode<TModule>(items: TSdAppStructureItem<TModule>[], fullCode: string) {
     const itemChain = this.getItemChainByFullCode(items, fullCode);
+    if (itemChain.length === 0) {
+      throw new Error(`Item not found for fullCode: ${fullCode}`);
+    }
     const parent = itemChain
       .slice(0, -1)
       .map((item) => item.title)
@@ -72,7 +75,7 @@ export abstract class SdAppStructureUtils {
       else if (
         fullCodes.every((fullCode) => {
           const item = this.getItemChainByFullCode(items, fullCode).last();
-          return !item || !("perms" in item);
+          return item != null && !("perms" in item);
         })
       ) {
         result.push(permKey);

package/src/core/providers/sd-navigate-window.provider.ts

@@ -2,7 +2,8 @@ import { Injectable } from "@angular/core";
 
 @Injectable({ providedIn: "root" })
 export class SdNavigateWindowProvider {
-  private _beforeUnloadController: AbortController | undefined;
+  private readonly _openedWindows = new Set<Window>();
+  private _beforeUnloadRegistered = false;
 
   get isWindow(): boolean {
     const urlSearchParams = new URLSearchParams(
@@ -19,21 +20,19 @@ export class SdNavigateWindowProvider {
         features,
       );
 
-      // 기존 beforeunload 리스너 제거
-      if (this._beforeUnloadController != null) {
-        this._beforeUnloadController.abort();
+      if (newWindow) {
+        this._openedWindows.add(newWindow);
       }
-      this._beforeUnloadController = new AbortController();
 
-      window.addEventListener(
-        "beforeunload",
-        () => {
-          if (newWindow) {
-            newWindow.close();
+      if (!this._beforeUnloadRegistered) {
+        this._beforeUnloadRegistered = true;
+        window.addEventListener("beforeunload", () => {
+          for (const w of this._openedWindows) {
+            w.close();
           }
-        },
-        { signal: this._beforeUnloadController.signal },
-      );
+          this._openedWindows.clear();
+        });
+      }
     } else {
       window.open(
         `${location.pathname}#${navigate};${new URLSearchParams(params).toString()}`,