@simplysm/angular 14.0.42 → 14.0.44

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

@@ -1,16 +1,16 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, model, ViewEncapsulation, } from "@angular/core";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-function SdToast_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "div", 1);
-    i0.ɵɵtext(1);
-    i0.ɵɵdomElementEnd();
+function SdToast_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.message());
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.message(), " ");
 } }
 function SdToast_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵprojection(0);
+} }
+function SdToast_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "div", 2);
     i0.ɵɵdomElement(1, "div", 3);
     i0.ɵɵdomElementEnd();
@@ -46,19 +46,19 @@ export class SdToast {
     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())("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: 4, vars: 2, consts: [[1, "_block"], [1, "_message"], [1, "_progress"], [1, "_progress-bar"]], template: function SdToast_Template(rf, ctx) { if (rf & 1) {
+        } }, 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: 5, vars: 2, consts: [[1, "_sd-toast-block"], [1, "_sd-toast-message"], [1, "_sd-toast-progress"], [1, "_sd-toast-progress-bar"]], template: function SdToast_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵdomElementStart(0, "div", 0);
-            i0.ɵɵconditionalCreate(1, SdToast_Conditional_1_Template, 2, 1, "div", 1);
-            i0.ɵɵprojection(2);
-            i0.ɵɵconditionalCreate(3, SdToast_Conditional_3_Template, 2, 2, "div", 2);
+            i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵconditionalCreate(2, SdToast_Conditional_2_Template, 1, 1)(3, SdToast_Conditional_3_Template, 1, 0);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(4, SdToast_Conditional_4_Template, 2, 2, "div", 2);
             i0.ɵɵdomElementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.message() !== undefined ? 1 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.useProgress() ? 3 : -1);
-        } }, styles: ["sd-toast {\n  display: block;\n  margin-bottom: var(--gap-sm);\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n}\nsd-toast > ._block {\n  display: inline-block;\n  text-align: left;\n  color: var(--text-trans-rev-default);\n  transform: translateY(-100%);\n  border-radius: var(--border-radius-lg);\n  opacity: 0;\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  pointer-events: auto;\n}\nsd-toast > ._block > ._message {\n  padding: var(--gap-default) var(--gap-lg);\n  word-break: break-all;\n  white-space: pre-wrap;\n}\nsd-toast > ._block > ._progress {\n  background: var(--theme-gray-default);\n  height: 4px;\n  border-radius: var(--border-radius-xl);\n  margin: 0 4px 4px 4px;\n}\nsd-toast > ._block > ._progress > ._progress-bar {\n  border-radius: var(--border-radius-xl);\n  height: 4px;\n  transition: width 1s ease-out;\n}\nsd-toast[data-sd-theme=gray] > ._block {\n  background: rgb(153.0022463699, 161.0057700366, 174.7317580236);\n}\nsd-toast[data-sd-theme=gray] > ._block > ._progress {\n  background: rgb(101.0316959931, 111.1055377773, 128.3821070824);\n}\nsd-toast[data-sd-theme=gray] > ._block > ._progress > ._progress-bar {\n  background: rgb(224.400673911, 226.801731011, 230.9195274071);\n}\nsd-toast[data-sd-theme=blue-gray] > ._block {\n  background: rgb(144.0364277624, 161.0825504589, 184.9359809919);\n}\nsd-toast[data-sd-theme=blue-gray] > ._block > ._progress {\n  background: rgb(95.4928842953, 118.7256854589, 151.2364222704);\n}\nsd-toast[data-sd-theme=blue-gray] > ._block > ._progress > ._progress-bar {\n  background: rgb(227.2591069406, 231.5206376147, 237.483995248);\n}\nsd-toast[data-sd-theme=primary] > ._block {\n  background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=primary] > ._block > ._progress {\n  background: hsl(212.7907636992, 106.3271487689%, 50.1292792481%);\n}\nsd-toast[data-sd-theme=primary] > ._block > ._progress > ._progress-bar {\n  background: hsl(212.7907636992, 106.3271487689%, 91.7097597494%);\n}\nsd-toast[data-sd-theme=secondary] > ._block {\n  background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=secondary] > ._block > ._progress {\n  background: hsl(212.7907636992, 106.3271487689%, 50.1292792481%);\n}\nsd-toast[data-sd-theme=secondary] > ._block > ._progress > ._progress-bar {\n  background: hsl(212.7907636992, 106.3271487689%, 91.7097597494%);\n}\nsd-toast[data-sd-theme=info] > ._block {\n  background: hsl(186.1271591177, 175.0224558865%, 34.577706736%);\n}\nsd-toast[data-sd-theme=info] > ._block > ._progress {\n  background: hsl(186.1271591177, 175.0224558865%, 25.933280052%);\n}\nsd-toast[data-sd-theme=info] > ._block > ._progress > ._progress-bar {\n  background: hsl(186.1271591177, 175.0224558865%, 83.644426684%);\n}\nsd-toast[data-sd-theme=success] > ._block {\n  background: hsl(76.4778453101, 152.6473732821%, 35.6889214867%);\n}\nsd-toast[data-sd-theme=success] > ._block > ._progress {\n  background: hsl(76.4778453101, 152.6473732821%, 26.766691115%);\n}\nsd-toast[data-sd-theme=success] > ._block > ._progress > ._progress-bar {\n  background: hsl(76.4778453101, 152.6473732821%, 83.9222303717%);\n}\nsd-toast[data-sd-theme=warning] > ._block {\n  background: hsl(31.4330872217, 102.5675912326%, 51.3170331393%);\n}\nsd-toast[data-sd-theme=warning] > ._block > ._progress {\n  background: hsl(31.4330872217, 102.5675912326%, 38.4877748545%);\n}\nsd-toast[data-sd-theme=warning] > ._block > ._progress > ._progress-bar {\n  background: hsl(31.4330872217, 102.5675912326%, 87.8292582848%);\n}\nsd-toast[data-sd-theme=danger] > ._block {\n  background: hsl(358.7593862564, 101.8439024907%, 69.8357359211%);\n}\nsd-toast[data-sd-theme=danger] > ._block > ._progress {\n  background: hsl(358.7593862564, 101.8439024907%, 52.3768019408%);\n}\nsd-toast[data-sd-theme=danger] > ._block > ._progress > ._progress-bar {\n  background: hsl(358.7593862564, 101.8439024907%, 92.4589339803%);\n}\nsd-toast[data-sd-open=true] > ._block {\n  transform: none;\n  transition: var(--animation-duration) ease-out;\n  transition-property: transform, opacity;\n  opacity: 1;\n}\nsd-toast[data-sd-open=false] > ._block {\n  transform: translateY(-100%);\n  transition: var(--animation-duration) ease-in;\n  transition-property: transform, opacity;\n  opacity: 0;\n}\n@media all and (max-width: 520px) {\n  sd-toast > ._block {\n    border-radius: calc(var(--line-height) / 2);\n    transform: translateY(100%);\n  }\n  sd-toast > ._block > ._message {\n    padding: var(--gap-xs) var(--gap-default);\n  }\n  sd-toast[data-sd-open=false] > ._block {\n    transform: translateY(100%);\n  }\n}"], encapsulation: 2, changeDetection: 0 });
+            i0.ɵɵconditional(ctx.message() != undefined ? 2 : 3);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.useProgress() ? 4 : -1);
+        } }, styles: ["sd-toast {\n  display: block;\n  margin-bottom: var(--gap-sm);\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n}\nsd-toast > ._sd-toast-block {\n  display: inline-block;\n  text-align: left;\n  color: var(--text-trans-rev-default);\n  transform: translateY(-100%);\n  border-radius: var(--border-radius-lg);\n  opacity: 0;\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  pointer-events: auto;\n}\nsd-toast > ._sd-toast-block > ._sd-toast-message {\n  padding: var(--gap-default) var(--gap-lg);\n  word-break: break-all;\n  white-space: pre-wrap;\n}\nsd-toast > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-gray-default);\n  height: 4px;\n  border-radius: var(--border-radius-xl);\n  margin: 0 4px 4px 4px;\n}\nsd-toast > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  border-radius: var(--border-radius-xl);\n  height: 4px;\n  transition: width 1s ease-out;\n}\nsd-toast[data-sd-theme=gray] > ._sd-toast-block {\n  background: var(--theme-gray-default);\n}\nsd-toast[data-sd-theme=gray] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-gray-darker);\n}\nsd-toast[data-sd-theme=gray] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-gray-lighter);\n}\nsd-toast[data-sd-theme=blue-gray] > ._sd-toast-block {\n  background: var(--theme-blue-gray-default);\n}\nsd-toast[data-sd-theme=blue-gray] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-blue-gray-darker);\n}\nsd-toast[data-sd-theme=blue-gray] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-blue-gray-lighter);\n}\nsd-toast[data-sd-theme=primary] > ._sd-toast-block {\n  background: var(--theme-primary-default);\n}\nsd-toast[data-sd-theme=primary] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-primary-darker);\n}\nsd-toast[data-sd-theme=primary] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-primary-lighter);\n}\nsd-toast[data-sd-theme=secondary] > ._sd-toast-block {\n  background: var(--theme-secondary-default);\n}\nsd-toast[data-sd-theme=secondary] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-secondary-darker);\n}\nsd-toast[data-sd-theme=secondary] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-secondary-lighter);\n}\nsd-toast[data-sd-theme=info] > ._sd-toast-block {\n  background: var(--theme-info-default);\n}\nsd-toast[data-sd-theme=info] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-info-darker);\n}\nsd-toast[data-sd-theme=info] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-info-lighter);\n}\nsd-toast[data-sd-theme=success] > ._sd-toast-block {\n  background: var(--theme-success-default);\n}\nsd-toast[data-sd-theme=success] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-success-darker);\n}\nsd-toast[data-sd-theme=success] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-success-lighter);\n}\nsd-toast[data-sd-theme=warning] > ._sd-toast-block {\n  background: var(--theme-warning-default);\n}\nsd-toast[data-sd-theme=warning] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-warning-darker);\n}\nsd-toast[data-sd-theme=warning] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-warning-lighter);\n}\nsd-toast[data-sd-theme=danger] > ._sd-toast-block {\n  background: var(--theme-danger-default);\n}\nsd-toast[data-sd-theme=danger] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-danger-darker);\n}\nsd-toast[data-sd-theme=danger] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-danger-lighter);\n}\nsd-toast[data-sd-open=true] > ._sd-toast-block {\n  transform: none;\n  transition: var(--animation-duration) ease-out;\n  transition-property: transform, opacity;\n  opacity: 1;\n}\nsd-toast[data-sd-open=false] > ._sd-toast-block {\n  transform: translateY(-100%);\n  transition: var(--animation-duration) ease-in;\n  transition-property: transform, opacity;\n  opacity: 0;\n}\n@media all and (max-width: 520px) {\n  sd-toast > ._sd-toast-block {\n    border-radius: calc(var(--line-height) / 2);\n    transform: translateY(100%);\n  }\n  sd-toast > ._sd-toast-block > ._sd-toast-message {\n    padding: var(--gap-xs) var(--gap-default);\n  }\n  sd-toast[data-sd-open=false] > ._sd-toast-block {\n    transform: translateY(100%);\n  }\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdToast, [{
         type: Component,
@@ -68,17 +68,20 @@ export class SdToast {
                     "[attr.role]": "ariaRole()",
                     "[attr.aria-live]": "ariaLive()",
                 }, template: `
-    <div class="_block">
-      @if (message() !== undefined) {
-        <div class="_message">{{ message() }}</div>
-      }
-      <ng-content />
+    <div class="_sd-toast-block">
+      <div class="_sd-toast-message">
+        @if (message() != undefined) {
+          {{ message() }}
+        } @else {
+          <ng-content />
+        }
+      </div>
       @if (useProgress()) {
-        <div class="_progress">
-          <div class="_progress-bar" [style.width.%]="progress()"></div>
+        <div class="_sd-toast-progress">
+          <div class="_sd-toast-progress-bar" [style.width.%]="progress()"></div>
         </div>
       }
     </div>
-  `, styles: ["sd-toast {\n  display: block;\n  margin-bottom: var(--gap-sm);\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n}\nsd-toast > ._block {\n  display: inline-block;\n  text-align: left;\n  color: var(--text-trans-rev-default);\n  transform: translateY(-100%);\n  border-radius: var(--border-radius-lg);\n  opacity: 0;\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  pointer-events: auto;\n}\nsd-toast > ._block > ._message {\n  padding: var(--gap-default) var(--gap-lg);\n  word-break: break-all;\n  white-space: pre-wrap;\n}\nsd-toast > ._block > ._progress {\n  background: var(--theme-gray-default);\n  height: 4px;\n  border-radius: var(--border-radius-xl);\n  margin: 0 4px 4px 4px;\n}\nsd-toast > ._block > ._progress > ._progress-bar {\n  border-radius: var(--border-radius-xl);\n  height: 4px;\n  transition: width 1s ease-out;\n}\nsd-toast[data-sd-theme=gray] > ._block {\n  background: rgb(153.0022463699, 161.0057700366, 174.7317580236);\n}\nsd-toast[data-sd-theme=gray] > ._block > ._progress {\n  background: rgb(101.0316959931, 111.1055377773, 128.3821070824);\n}\nsd-toast[data-sd-theme=gray] > ._block > ._progress > ._progress-bar {\n  background: rgb(224.400673911, 226.801731011, 230.9195274071);\n}\nsd-toast[data-sd-theme=blue-gray] > ._block {\n  background: rgb(144.0364277624, 161.0825504589, 184.9359809919);\n}\nsd-toast[data-sd-theme=blue-gray] > ._block > ._progress {\n  background: rgb(95.4928842953, 118.7256854589, 151.2364222704);\n}\nsd-toast[data-sd-theme=blue-gray] > ._block > ._progress > ._progress-bar {\n  background: rgb(227.2591069406, 231.5206376147, 237.483995248);\n}\nsd-toast[data-sd-theme=primary] > ._block {\n  background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=primary] > ._block > ._progress {\n  background: hsl(212.7907636992, 106.3271487689%, 50.1292792481%);\n}\nsd-toast[data-sd-theme=primary] > ._block > ._progress > ._progress-bar {\n  background: hsl(212.7907636992, 106.3271487689%, 91.7097597494%);\n}\nsd-toast[data-sd-theme=secondary] > ._block {\n  background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=secondary] > ._block > ._progress {\n  background: hsl(212.7907636992, 106.3271487689%, 50.1292792481%);\n}\nsd-toast[data-sd-theme=secondary] > ._block > ._progress > ._progress-bar {\n  background: hsl(212.7907636992, 106.3271487689%, 91.7097597494%);\n}\nsd-toast[data-sd-theme=info] > ._block {\n  background: hsl(186.1271591177, 175.0224558865%, 34.577706736%);\n}\nsd-toast[data-sd-theme=info] > ._block > ._progress {\n  background: hsl(186.1271591177, 175.0224558865%, 25.933280052%);\n}\nsd-toast[data-sd-theme=info] > ._block > ._progress > ._progress-bar {\n  background: hsl(186.1271591177, 175.0224558865%, 83.644426684%);\n}\nsd-toast[data-sd-theme=success] > ._block {\n  background: hsl(76.4778453101, 152.6473732821%, 35.6889214867%);\n}\nsd-toast[data-sd-theme=success] > ._block > ._progress {\n  background: hsl(76.4778453101, 152.6473732821%, 26.766691115%);\n}\nsd-toast[data-sd-theme=success] > ._block > ._progress > ._progress-bar {\n  background: hsl(76.4778453101, 152.6473732821%, 83.9222303717%);\n}\nsd-toast[data-sd-theme=warning] > ._block {\n  background: hsl(31.4330872217, 102.5675912326%, 51.3170331393%);\n}\nsd-toast[data-sd-theme=warning] > ._block > ._progress {\n  background: hsl(31.4330872217, 102.5675912326%, 38.4877748545%);\n}\nsd-toast[data-sd-theme=warning] > ._block > ._progress > ._progress-bar {\n  background: hsl(31.4330872217, 102.5675912326%, 87.8292582848%);\n}\nsd-toast[data-sd-theme=danger] > ._block {\n  background: hsl(358.7593862564, 101.8439024907%, 69.8357359211%);\n}\nsd-toast[data-sd-theme=danger] > ._block > ._progress {\n  background: hsl(358.7593862564, 101.8439024907%, 52.3768019408%);\n}\nsd-toast[data-sd-theme=danger] > ._block > ._progress > ._progress-bar {\n  background: hsl(358.7593862564, 101.8439024907%, 92.4589339803%);\n}\nsd-toast[data-sd-open=true] > ._block {\n  transform: none;\n  transition: var(--animation-duration) ease-out;\n  transition-property: transform, opacity;\n  opacity: 1;\n}\nsd-toast[data-sd-open=false] > ._block {\n  transform: translateY(-100%);\n  transition: var(--animation-duration) ease-in;\n  transition-property: transform, opacity;\n  opacity: 0;\n}\n@media all and (max-width: 520px) {\n  sd-toast > ._block {\n    border-radius: calc(var(--line-height) / 2);\n    transform: translateY(100%);\n  }\n  sd-toast > ._block > ._message {\n    padding: var(--gap-xs) var(--gap-default);\n  }\n  sd-toast[data-sd-open=false] > ._block {\n    transform: translateY(100%);\n  }\n}"] }]
+  `, styles: ["sd-toast {\n  display: block;\n  margin-bottom: var(--gap-sm);\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n}\nsd-toast > ._sd-toast-block {\n  display: inline-block;\n  text-align: left;\n  color: var(--text-trans-rev-default);\n  transform: translateY(-100%);\n  border-radius: var(--border-radius-lg);\n  opacity: 0;\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  pointer-events: auto;\n}\nsd-toast > ._sd-toast-block > ._sd-toast-message {\n  padding: var(--gap-default) var(--gap-lg);\n  word-break: break-all;\n  white-space: pre-wrap;\n}\nsd-toast > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-gray-default);\n  height: 4px;\n  border-radius: var(--border-radius-xl);\n  margin: 0 4px 4px 4px;\n}\nsd-toast > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  border-radius: var(--border-radius-xl);\n  height: 4px;\n  transition: width 1s ease-out;\n}\nsd-toast[data-sd-theme=gray] > ._sd-toast-block {\n  background: var(--theme-gray-default);\n}\nsd-toast[data-sd-theme=gray] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-gray-darker);\n}\nsd-toast[data-sd-theme=gray] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-gray-lighter);\n}\nsd-toast[data-sd-theme=blue-gray] > ._sd-toast-block {\n  background: var(--theme-blue-gray-default);\n}\nsd-toast[data-sd-theme=blue-gray] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-blue-gray-darker);\n}\nsd-toast[data-sd-theme=blue-gray] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-blue-gray-lighter);\n}\nsd-toast[data-sd-theme=primary] > ._sd-toast-block {\n  background: var(--theme-primary-default);\n}\nsd-toast[data-sd-theme=primary] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-primary-darker);\n}\nsd-toast[data-sd-theme=primary] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-primary-lighter);\n}\nsd-toast[data-sd-theme=secondary] > ._sd-toast-block {\n  background: var(--theme-secondary-default);\n}\nsd-toast[data-sd-theme=secondary] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-secondary-darker);\n}\nsd-toast[data-sd-theme=secondary] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-secondary-lighter);\n}\nsd-toast[data-sd-theme=info] > ._sd-toast-block {\n  background: var(--theme-info-default);\n}\nsd-toast[data-sd-theme=info] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-info-darker);\n}\nsd-toast[data-sd-theme=info] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-info-lighter);\n}\nsd-toast[data-sd-theme=success] > ._sd-toast-block {\n  background: var(--theme-success-default);\n}\nsd-toast[data-sd-theme=success] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-success-darker);\n}\nsd-toast[data-sd-theme=success] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-success-lighter);\n}\nsd-toast[data-sd-theme=warning] > ._sd-toast-block {\n  background: var(--theme-warning-default);\n}\nsd-toast[data-sd-theme=warning] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-warning-darker);\n}\nsd-toast[data-sd-theme=warning] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-warning-lighter);\n}\nsd-toast[data-sd-theme=danger] > ._sd-toast-block {\n  background: var(--theme-danger-default);\n}\nsd-toast[data-sd-theme=danger] > ._sd-toast-block > ._sd-toast-progress {\n  background: var(--theme-danger-darker);\n}\nsd-toast[data-sd-theme=danger] > ._sd-toast-block > ._sd-toast-progress > ._sd-toast-progress-bar {\n  background: var(--theme-danger-lighter);\n}\nsd-toast[data-sd-open=true] > ._sd-toast-block {\n  transform: none;\n  transition: var(--animation-duration) ease-out;\n  transition-property: transform, opacity;\n  opacity: 1;\n}\nsd-toast[data-sd-open=false] > ._sd-toast-block {\n  transform: translateY(-100%);\n  transition: var(--animation-duration) ease-in;\n  transition-property: transform, opacity;\n  opacity: 0;\n}\n@media all and (max-width: 520px) {\n  sd-toast > ._sd-toast-block {\n    border-radius: calc(var(--line-height) / 2);\n    transform: translateY(100%);\n  }\n  sd-toast > ._sd-toast-block > ._sd-toast-message {\n    padding: var(--gap-xs) var(--gap-default);\n  }\n  sd-toast[data-sd-open=false] > ._sd-toast-block {\n    transform: translateY(100%);\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: 136, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdToast, { className: "SdToast", filePath: "packages/angular/src/core/toast/sd-toast.ts", lineNumber: 139 }); })();

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

@@ -18,13 +18,13 @@ export class SdToastProvider {
     _contentRefs = new Map();
     constructor() {
         effect(() => {
-            if (this._containerRef !== undefined) {
+            if (this._containerRef != null) {
                 this._containerRef.setInput("overlap", this.overlap());
             }
         });
     }
     _getContainerRef() {
-        if (this._containerRef === undefined) {
+        if (this._containerRef == null) {
             this._containerRef = createComponent(SdToastContainer, {
                 environmentInjector: this._envInjector,
             });
@@ -99,7 +99,7 @@ export class SdToastProvider {
             if (!(err instanceof Error)) {
                 throw err;
             }
-            const message = messageFn !== undefined ? messageFn(err) : err.message;
+            const message = messageFn != null ? messageFn(err) : err.message;
             this.danger(message);
             await this._sdSystemLog.writeAsync("error", err.stack ?? err.message);
             return undefined;
@@ -112,7 +112,7 @@ export class SdToastProvider {
             return;
         }
         // beforeShowFn 콜백
-        if (this.beforeShowFn !== undefined) {
+        if (this.beforeShowFn != null) {
             this.beforeShowFn(theme);
         }
         // overlap 모드: 기존 토스트 모두 제거
@@ -211,13 +211,13 @@ export class SdToastProvider {
         this._toastRefs.splice(idx, 1);
         // 연결된 contentRef 파괴
         const contentRef = this._contentRefs.get(toastRef);
-        if (contentRef !== undefined) {
+        if (contentRef != null) {
             this._contentRefs.delete(toastRef);
             this._appRef.detachView(contentRef.hostView);
             contentRef.destroy();
         }
         const el = toastRef.location.nativeElement;
-        if (el.parentNode !== null) {
+        if (el.parentNode != null) {
             el.parentNode.removeChild(el);
         }
         this._appRef.detachView(toastRef.hostView);

package/dist/core/validation/setupInvalid.js

@@ -53,6 +53,7 @@ function createInputHiddenEl(renderer, hostEl) {
     newEl.name = Uuid.generate().toString();
     newEl.className = "sd-invalid-input";
     newEl.tabIndex = -1;
+    newEl.autocomplete = "off";
     setSafeStyle(renderer, newEl, {
         position: "absolute",
         left: "2px",
@@ -67,7 +68,7 @@ function createInputHiddenEl(renderer, hostEl) {
     renderer.listen(newEl, "focus", () => {
         const tabbableElement = (isTabbable(hostEl) ? hostEl : hostEl.findFirstTabbableChild()) ??
             hostEl.findTabbableParent();
-        if (tabbableElement !== undefined) {
+        if (tabbableElement != null) {
             tabbableElement.focus();
         }
     });

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

@@ -2,6 +2,7 @@ import { TemplateRef } from "@angular/core";
 import { SdForm } from "../../controls/form/sd-form";
 import { SdDataDetailBase } from "./sd-data-detail.base";
 import * as i0 from "@angular/core";
+import * as i1 from "../../core/commands/sd-command";
 export type { SdDataDetailDataInfo } from "./sd-data-detail.base";
 export declare class SdDataDetail {
     parent: SdDataDetailBase<any, boolean>;
@@ -24,6 +25,6 @@ export declare class SdDataDetail {
         tablerEraser: string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDataDetail, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDataDetail, "sd-data-detail", never, {}, {}, ["toolTplRef", "prevTplRef", "contentTplRef", "nextTplRef"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDataDetail, "sd-data-detail", never, {}, {}, ["toolTplRef", "prevTplRef", "contentTplRef", "nextTplRef"], never, true, [{ directive: typeof i1.SdCommandDirective; inputs: {}; outputs: { "sdRefreshCommand": "sdRefreshCommand"; "sdSaveCommand": "sdSaveCommand"; }; }]>;
 }
 //# sourceMappingURL=sd-data-detail.d.ts.map

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

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

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

@@ -9,7 +9,9 @@ import { SdBaseContainer } from "../../layout/base-container/sd-base-container";
 import { NgIcon } from "@ng-icons/core";
 import { tablerDeviceFloppy, tablerEraser, tablerRefresh, tablerRestore, } from "@ng-icons/tabler-icons";
 import { SdDataDetailBase } from "./sd-data-detail.base";
+import { SdCommandDirective } from "../../core/commands/sd-command";
 import * as i0 from "@angular/core";
+import * as i1 from "../../core/commands/sd-command";
 const _c0 = ["toolTpl"];
 const _c1 = ["prevTpl"];
 const _c2 = ["contentTpl"];
@@ -104,19 +106,19 @@ function SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_1_Co
 function SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_1_Conditional_0_Template, 3, 2, "sd-button", 6)(1, SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_1_Conditional_1_Template, 3, 2, "sd-button", 6);
 } if (rf & 2) {
-    let tmp_8_0;
+    let tmp_7_0;
     const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵconditional(((tmp_8_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_8_0.isDeleted) ? 0 : 1);
+    i0.ɵɵconditional(((tmp_7_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_7_0.isDeleted) ? 0 : 1);
 } }
 function SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_0_Template, 10, 4);
     i0.ɵɵconditionalCreate(1, SdDataDetail_ng_template_3_Conditional_1_Conditional_1_Conditional_1_Template, 2, 1);
 } if (rf & 2) {
-    let tmp_8_0;
+    let tmp_7_0;
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional(ctx_r2.parent.submit ? 0 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!((tmp_8_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_8_0.isNew) && ctx_r2.parent.toggleDelete && (!ctx_r2.parent.canDelete || ctx_r2.parent.canDelete()) ? 1 : -1);
+    i0.ɵɵconditional(!((tmp_7_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_7_0.isNew) && ctx_r2.parent.toggleDelete && (!ctx_r2.parent.canDelete || ctx_r2.parent.canDelete()) ? 1 : -1);
 } }
 function SdDataDetail_ng_template_3_Conditional_1_ng_template_2_Template(rf, ctx) { }
 function SdDataDetail_ng_template_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -152,9 +154,9 @@ function SdDataDetail_ng_template_3_Conditional_7_Conditional_2_Template(rf, ctx
 function SdDataDetail_ng_template_3_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
-    let tmp_7_0;
+    let tmp_6_0;
     const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵtextInterpolate1(" (", (tmp_7_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_7_0.lastModifiedBy, ") ");
+    i0.ɵɵtextInterpolate1(" (", (tmp_6_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_6_0.lastModifiedBy, ") ");
 } }
 function SdDataDetail_ng_template_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
@@ -163,14 +165,14 @@ function SdDataDetail_ng_template_3_Conditional_7_Template(rf, ctx) { if (rf & 1
     i0.ɵɵconditionalCreate(3, SdDataDetail_ng_template_3_Conditional_7_Conditional_3_Template, 1, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_6_0;
     let tmp_7_0;
-    let tmp_8_0;
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵclassProp("bg-theme-gray-lightest", ctx_r2.parent.viewType() === "modal");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(((tmp_7_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_7_0.lastModifiedAt) ? 2 : -1);
+    i0.ɵɵconditional(((tmp_6_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_6_0.lastModifiedAt) ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(((tmp_8_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_8_0.lastModifiedBy) ? 3 : -1);
+    i0.ɵɵconditional(((tmp_7_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_7_0.lastModifiedBy) ? 3 : -1);
 } }
 function SdDataDetail_ng_template_3_Conditional_8_ng_template_1_Template(rf, ctx) { }
 function SdDataDetail_ng_template_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
@@ -187,7 +189,7 @@ function SdDataDetail_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵconditionalCreate(1, SdDataDetail_ng_template_3_Conditional_1_Template, 3, 2, "div", 10);
     i0.ɵɵconditionalCreate(2, SdDataDetail_ng_template_3_Conditional_2_Template, 2, 1, "div");
-    i0.ɵɵelementStart(3, "div", 11)(4, "sd-form", 12, 3);
+    i0.ɵɵelementStart(3, "div", 11)(4, "sd-form", 12, 2);
     i0.ɵɵlistener("formSubmit", function SdDataDetail_ng_template_3_Template_sd_form_formSubmit_4_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSubmit()); });
     i0.ɵɵtemplate(6, SdDataDetail_ng_template_3_ng_template_6_Template, 0, 0, "ng-template", 13);
     i0.ɵɵelementEnd()();
@@ -195,7 +197,7 @@ function SdDataDetail_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(8, SdDataDetail_ng_template_3_Conditional_8_Template, 2, 1, "div");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_8_0;
+    let tmp_7_0;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r2.parent.viewType() === "control" && ctx_r2.parent.canEdit() || ctx_r2.toolTplRef() ? 1 : -1);
@@ -204,7 +206,7 @@ function SdDataDetail_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.contentTplRef());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(((tmp_8_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_8_0.lastModifiedAt) || ((tmp_8_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_8_0.lastModifiedBy) ? 7 : -1);
+    i0.ɵɵconditional(((tmp_7_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_7_0.lastModifiedAt) || ((tmp_7_0 = ctx_r2.parent.dataInfo()) == null ? null : tmp_7_0.lastModifiedBy) ? 7 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r2.nextTplRef() ? 8 : -1);
 } }
@@ -249,21 +251,21 @@ function SdDataDetail_Conditional_5_ng_template_0_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("size", "sm")("theme", "primary");
 } }
-function SdDataDetail_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdDataDetail_Conditional_5_ng_template_0_Template, 5, 3, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
-} }
-function SdDataDetail_ng_template_6_Template(rf, ctx) { if (rf & 1) {
+function SdDataDetail_Conditional_5_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "sd-anchor", 20);
-    i0.ɵɵlistener("click", function SdDataDetail_ng_template_6_Template_sd_anchor_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onRefreshButtonClick()); });
+    i0.ɵɵlistener("click", function SdDataDetail_Conditional_5_ng_template_2_Template_sd_anchor_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onRefreshButtonClick()); });
     i0.ɵɵelement(1, "ng-icon", 8);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("theme", "gray");
     i0.ɵɵadvance();
     i0.ɵɵproperty("svg", ctx_r2.icons.tablerRefresh);
 } }
+function SdDataDetail_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdDataDetail_Conditional_5_ng_template_0_Template, 5, 3, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(2, SdDataDetail_Conditional_5_ng_template_2_Template, 2, 2, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
+} }
 //#region SdDataDetail
 export class SdDataDetail {
     parent = injectParent();
@@ -310,11 +312,10 @@ export class SdDataDetail {
             i0.ɵɵqueryAdvance(2);
         } }, hostBindings: function SdDataDetail_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("sdRefreshCommand", function SdDataDetail_sdRefreshCommand_HostBindingHandler() { return ctx.onRefreshButtonClick(); })("sdSaveCommand", function SdDataDetail_sdSaveCommand_HostBindingHandler() { return ctx.onSubmitButtonClick(); });
-        } }, decls: 8, vars: 6, consts: [["pageTopbarTpl", ""], ["contentTpl", ""], ["modalActionTpl", ""], ["formCtrl", ""], ["modalBottomTpl", ""], [3, "busy", "busyMessage", "viewType", "initialized", "restricted"], [3, "theme"], [3, "click", "theme"], [3, "svg"], [1, "flex-column", "fill"], [1, "p-default", "flex-row", "gap-default", "bdb", "bdb-theme-gray-lightest"], [1, "flex-fill"], [3, "formSubmit"], [3, "ngTemplateOutlet"], [1, "p-sm-default", 3, "bg-theme-gray-lightest"], [1, "p-sm-default"], [1, "p-sm-default", "flex-row", "gap-sm"], [1, "flex-fill", "flex-row", "gap-sm", "main-align-end"], [3, "click", "size", "theme"], [3, "size", "theme"], ["title", "\uC0C8\uB85C\uACE0\uCE68(CTRL+ALT+L)", 1, "p-sm-default", 3, "click", "theme"]], template: function SdDataDetail_Template(rf, ctx) { if (rf & 1) {
+        } }, features: [i0.ɵɵHostDirectivesFeature([{ directive: i1.SdCommandDirective, outputs: ["sdRefreshCommand", "sdRefreshCommand", "sdSaveCommand", "sdSaveCommand"] }])], decls: 6, vars: 6, consts: [["pageTopbarTpl", ""], ["contentTpl", ""], ["formCtrl", ""], ["modalBottomTpl", ""], ["modalActionTpl", ""], [3, "busy", "busyMessage", "viewType", "initialized", "restricted"], [3, "theme"], [3, "click", "theme"], [3, "svg"], [1, "flex-column", "fill"], [1, "p-default", "flex-row", "gap-default", "bdb", "bdb-theme-gray-lightest"], [1, "flex-fill"], [3, "formSubmit"], [3, "ngTemplateOutlet"], [1, "p-sm-default", 3, "bg-theme-gray-lightest"], [1, "p-sm-default"], [1, "p-sm-default", "flex-row", "gap-sm"], [1, "flex-fill", "flex-row", "gap-sm", "main-align-end"], [3, "click", "size", "theme"], [3, "size", "theme"], ["title", "\uC0C8\uB85C\uACE0\uCE68(CTRL+ALT+L)", 1, "p-sm-default", 3, "click", "theme"]], template: function SdDataDetail_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "sd-base-container", 5);
             i0.ɵɵtemplate(1, SdDataDetail_ng_template_1_Template, 6, 3, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, SdDataDetail_ng_template_3_Template, 9, 5, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵconditionalCreate(5, SdDataDetail_Conditional_5_Template, 2, 0);
-            i0.ɵɵtemplate(6, SdDataDetail_ng_template_6_Template, 2, 2, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵconditionalCreate(5, SdDataDetail_Conditional_5_Template, 4, 0);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("busy", ctx.parent.busyCount() > 0)("busyMessage", ctx.parent.busyMessage())("viewType", ctx.parent.viewType())("initialized", ctx.parent.initialized())("restricted", !ctx.parent.canUse());
@@ -344,6 +345,9 @@ export class SdDataDetail {
                     SdAnchor,
                     NgIcon,
                 ],
+                hostDirectives: [
+                    { directive: SdCommandDirective, outputs: ["sdRefreshCommand", "sdSaveCommand"] },
+                ],
                 host: {
                     "(sdRefreshCommand)": "onRefreshButtonClick()",
                     "(sdSaveCommand)": "onSubmitButtonClick()",
@@ -472,20 +476,20 @@ export class SdDataDetail {
             </div>
           </div>
         </ng-template>
-      }
 
-      <ng-template #modalActionTpl>
-        <sd-anchor
-          [theme]="'gray'"
-          class="p-sm-default"
-          (click)="onRefreshButtonClick()"
-          title="새로고침(CTRL+ALT+L)"
-        >
-          <ng-icon [svg]="icons.tablerRefresh" />
-        </sd-anchor>
-      </ng-template>
+        <ng-template #modalActionTpl>
+          <sd-anchor
+            [theme]="'gray'"
+            class="p-sm-default"
+            (click)="onRefreshButtonClick()"
+            title="새로고침(CTRL+ALT+L)"
+          >
+            <ng-icon [svg]="icons.tablerRefresh" />
+          </sd-anchor>
+        </ng-template>
+      }
     </sd-base-container>
   `,
             }]
     }], () => [], { formCtrl: [{ type: i0.ViewChild, args: ["formCtrl", { isSignal: true }] }], toolTplRef: [{ type: i0.ContentChild, args: ["toolTpl", { ...{ read: TemplateRef }, isSignal: true }] }], prevTplRef: [{ type: i0.ContentChild, args: ["prevTpl", { ...{ read: TemplateRef }, isSignal: true }] }], contentTplRef: [{ type: i0.ContentChild, args: ["contentTpl", { ...{ read: TemplateRef }, isSignal: true }] }], nextTplRef: [{ type: i0.ContentChild, args: ["nextTpl", { ...{ read: TemplateRef }, isSignal: true }] }], modalActionTplRef: [{ type: i0.ViewChild, args: ["modalActionTpl", { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataDetail, { className: "SdDataDetail", filePath: "packages/angular/src/data/data-detail/sd-data-detail.ts", lineNumber: 187, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataDetail, { className: "SdDataDetail", filePath: "packages/angular/src/data/data-detail/sd-data-detail.ts", lineNumber: 191 }); })();

package/dist/data/data-select-button/sd-data-select-button.js

@@ -149,4 +149,4 @@ export class SdDataSelectButton {
                     "[attr.data-sd-disabled]": "parent.disabled()",
                 }, styles: ["sd-data-select-button {\n  display: block;\n  width: 100%;\n  min-width: 3em;\n}"] }]
     }], null, { itemTplRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdItemOfTemplate), { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataSelectButton, { className: "SdDataSelectButton", filePath: "packages/angular/src/data/data-select-button/sd-data-select-button.ts", lineNumber: 83, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataSelectButton, { className: "SdDataSelectButton", filePath: "packages/angular/src/data/data-select-button/sd-data-select-button.ts", lineNumber: 83 }); })();

package/dist/data/data-sheet/sd-data-sheet.d.ts

@@ -3,6 +3,7 @@ import { SdForm } from "../../controls/form/sd-form";
 import { SdDataSheetColumn } from "./sd-data-sheet-column";
 import { SdDataSheetBase } from "./sd-data-sheet.base";
 import * as i0 from "@angular/core";
+import * as i1 from "../../core/commands/sd-command";
 export declare class SdDataSheet {
     parent: SdDataSheetBase<any, any, any>;
     formCtrl: import("@angular/core").Signal<SdForm | undefined>;
@@ -43,6 +44,6 @@ export declare class SdDataSheet {
     onConfirmButtonClick(): void;
     onCancelButtonClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDataSheet, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDataSheet, "sd-data-sheet", never, { "insertText": { "alias": "insertText"; "required": false; "isSignal": true; }; "deleteText": { "alias": "deleteText"; "required": false; "isSignal": true; }; "restoreText": { "alias": "restoreText"; "required": false; "isSignal": true; }; "deleteIcon": { "alias": "deleteIcon"; "required": false; "isSignal": true; }; "restoreIcon": { "alias": "restoreIcon"; "required": false; "isSignal": true; }; }, {}, ["pageTopbarTplRef", "prevTplRef", "filterTplRef", "beforeToolTplRef", "toolTplRef", "modalBottomTplRef", "columnControls"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDataSheet, "sd-data-sheet", never, { "insertText": { "alias": "insertText"; "required": false; "isSignal": true; }; "deleteText": { "alias": "deleteText"; "required": false; "isSignal": true; }; "restoreText": { "alias": "restoreText"; "required": false; "isSignal": true; }; "deleteIcon": { "alias": "deleteIcon"; "required": false; "isSignal": true; }; "restoreIcon": { "alias": "restoreIcon"; "required": false; "isSignal": true; }; }, {}, ["pageTopbarTplRef", "prevTplRef", "filterTplRef", "beforeToolTplRef", "toolTplRef", "modalBottomTplRef", "columnControls"], never, true, [{ directive: typeof i1.SdCommandDirective; inputs: {}; outputs: { "sdRefreshCommand": "sdRefreshCommand"; "sdSaveCommand": "sdSaveCommand"; }; }]>;
 }
 //# sourceMappingURL=sd-data-sheet.d.ts.map

package/dist/data/data-sheet/sd-data-sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-data-sheet.d.ts","sourceRoot":"","sources":["../../../src/data/data-sheet/sd-data-sheet.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAOrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAc3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;;AAIvD,qBA6Va,WAAW;IACtB,MAAM,iCAAkD;IAExD,QAAQ,qDAAiC;IAEzC,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAC7B,WAAW,0DAAmB;IAC9B,UAAU,8CAAuB;IACjC,WAAW,8CAAwB;IAEnC,gBAAgB,+DAAwD;IACxE,UAAU,+DAAkD;IAC5D,YAAY,+DAAoD;IAChE,gBAAgB,+DAAwD;IACxE,UAAU,+DAAkD;IAC5D,iBAAiB,+DAAyD;IAE1E,cAAc,+DAAsC;IAEpD,iBAAiB,+DAAsD;;IAQvE,SAAS,CAAC,QAAQ,CAAC,KAAK;;;;;;;;MAQtB;IAEF,cAAc;IAId,oBAAoB;IAId,uBAAuB;IAIvB,qBAAqB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU;IAMjE,8BAA8B,CAAC,GAAG,EAAE,OAAO;IAIjD,6BAA6B,CAAC,IAAI,EAAE,GAAG;IAIvC,mBAAmB;IAIb,QAAQ;IAIR,oBAAoB;IAIpB,0BAA0B;IAI1B,wBAAwB;IAI9B,oBAAoB;IAIpB,mBAAmB;yCAxFR,WAAW;2CAAX,WAAW;CA2FvB"}
+{"version":3,"file":"sd-data-sheet.d.ts","sourceRoot":"","sources":["../../../src/data/data-sheet/sd-data-sheet.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAOrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAc3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;;;AAKvD,qBA0Va,WAAW;IACtB,MAAM,iCAAkD;IAExD,QAAQ,qDAAiC;IAEzC,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAC7B,WAAW,0DAAmB;IAC9B,UAAU,8CAAuB;IACjC,WAAW,8CAAwB;IAEnC,gBAAgB,+DAAwD;IACxE,UAAU,+DAAkD;IAC5D,YAAY,+DAAoD;IAChE,gBAAgB,+DAAwD;IACxE,UAAU,+DAAkD;IAC5D,iBAAiB,+DAAyD;IAE1E,cAAc,+DAAsC;IAEpD,iBAAiB,+DAAsD;;IAQvE,SAAS,CAAC,QAAQ,CAAC,KAAK;;;;;;;;MAQtB;IAEF,cAAc;IAId,oBAAoB;IAId,uBAAuB;IAIvB,qBAAqB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU;IAMjE,8BAA8B,CAAC,GAAG,EAAE,OAAO;IAIjD,6BAA6B,CAAC,IAAI,EAAE,GAAG;IAIvC,mBAAmB;IAIb,QAAQ;IAIR,oBAAoB;IAIpB,0BAA0B;IAI1B,wBAAwB;IAI9B,oBAAoB;IAIpB,mBAAmB;yCAxFR,WAAW;2CAAX,WAAW;CA2FvB"}

package/dist/data/data-sheet/sd-data-sheet.js

@@ -13,7 +13,9 @@ import { SdAnchor } from "../../controls/button/sd-anchor";
 import { NgIcon } from "@ng-icons/core";
 import { tablerDeviceFloppy, tablerEdit, tablerEraser, tablerCirclePlus, tablerFileExcel, tablerRefresh, tablerRestore, tablerSearch, tablerUpload, } from "@ng-icons/tabler-icons";
 import { SdDataSheetBase } from "./sd-data-sheet.base";
+import { SdCommandDirective } from "../../core/commands/sd-command";
 import * as i0 from "@angular/core";
+import * as i1 from "../../core/commands/sd-command";
 const _c0 = ["pageTopbarTpl"];
 const _c1 = ["prevTpl"];
 const _c2 = ["filterTpl"];
@@ -252,9 +254,18 @@ function SdDataSheet_ng_template_3_Conditional_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵconditional(ctx_r2.parent.canEdit() || ctx_r2.beforeToolTplRef() || ctx_r2.parent.downloadExcel ? 0 : -1);
 } }
 function SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵelement(1, "ng-icon", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.deleteIcon());
+} }
+function SdDataSheet_ng_template_3_Conditional_8_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 28)(1, "sd-anchor", 29);
-    i0.ɵɵlistener("click", function SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template_sd_anchor_click_1_listener() { const item_r14 = i0.ɵɵrestoreView(_r13).item; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onToggleDeleteItemButtonClick(item_r14)); });
+    i0.ɵɵlistener("click", function SdDataSheet_ng_template_3_Conditional_8_ng_template_3_Template_sd_anchor_click_1_listener() { const item_r14 = i0.ɵɵrestoreView(_r13).item; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onToggleDeleteItemButtonClick(item_r14)); });
     i0.ɵɵelement(2, "ng-icon", 10);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -266,16 +277,16 @@ function SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵproperty("svg", item_r14[ctx_r2.parent.itemPropInfo.isDeleted] ? ctx_r2.restoreIcon() : ctx_r2.deleteIcon());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r14[ctx_r2.parent.itemPropInfo.isDeleted] ? ctx_r2.restoreText() ?? "\uBCF5\uAD6C" : ctx_r2.deleteText() ?? "\uC0AD\uC81C", " ");
+    i0.ɵɵtextInterpolate1(" ", item_r14[ctx_r2.parent.itemPropInfo.isDeleted] ? ctx_r2.restoreText() : ctx_r2.deleteText(), " ");
 } }
 function SdDataSheet_ng_template_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-sheet-column", 17);
-    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template, 4, 4, "ng-template", 27);
+    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(3, SdDataSheet_ng_template_3_Conditional_8_ng_template_3_Template, 4, 4, "ng-template", 27);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("fixed", true)("key", ctx_r2.parent.itemPropInfo.isDeleted);
-    i0.ɵɵadvance();
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("cell", ctx_r2.parent.items());
 } }
 function SdDataSheet_ng_template_3_For_10_Conditional_1_ng_template_0_ng_template_0_Template(rf, ctx) { }
@@ -410,7 +421,7 @@ function SdDataSheet_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("formSubmit", function SdDataSheet_ng_template_3_Template_sd_form_formSubmit_5_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSubmit()); });
     i0.ɵɵelementStart(7, "sd-sheet", 16);
     i0.ɵɵtwoWayListener("currentPageChange", function SdDataSheet_ng_template_3_Template_sd_sheet_currentPageChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.parent.page, $event) || (ctx_r2.parent.page = $event); return i0.ɵɵresetView($event); })("sortsChange", function SdDataSheet_ng_template_3_Template_sd_sheet_sortsChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.parent.sortingDefs, $event) || (ctx_r2.parent.sortingDefs = $event); return i0.ɵɵresetView($event); })("selectedItemsChange", function SdDataSheet_ng_template_3_Template_sd_sheet_selectedItemsChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.parent.selectedItems, $event) || (ctx_r2.parent.selectedItems = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵconditionalCreate(8, SdDataSheet_ng_template_3_Conditional_8_Template, 2, 3, "sd-sheet-column", 17);
+    i0.ɵɵconditionalCreate(8, SdDataSheet_ng_template_3_Conditional_8_Template, 4, 3, "sd-sheet-column", 17);
     i0.ɵɵrepeaterCreate(9, SdDataSheet_ng_template_3_For_10_Template, 4, 13, "sd-sheet-column", 18, _forTrack0);
     i0.ɵɵconditionalCreate(11, SdDataSheet_ng_template_3_Conditional_11_Template, 2, 4, "sd-sheet-column", 19);
     i0.ɵɵconditionalCreate(12, SdDataSheet_ng_template_3_Conditional_12_Template, 2, 4, "sd-sheet-column", 19);
@@ -585,7 +596,7 @@ export class SdDataSheet {
             i0.ɵɵqueryAdvance(2);
         } }, hostBindings: function SdDataSheet_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("sdRefreshCommand", function SdDataSheet_sdRefreshCommand_HostBindingHandler() { return ctx.onRefreshButtonClick(); })("sdSaveCommand", function SdDataSheet_sdSaveCommand_HostBindingHandler() { return ctx.onSubmitButtonClick(); });
-        } }, inputs: { insertText: [1, "insertText"], deleteText: [1, "deleteText"], restoreText: [1, "restoreText"], deleteIcon: [1, "deleteIcon"], restoreIcon: [1, "restoreIcon"] }, decls: 6, vars: 6, consts: [["pageTopbarTpl", ""], ["contentTpl", ""], ["formCtrl", ""], ["headerTpl", ""], ["summaryTpl", ""], ["modalBottomTpl", ""], ["modalActionTpl", ""], [3, "busy", "busyMessage", "viewType", "initialized", "restricted"], [3, "theme"], [3, "click", "theme"], [3, "svg"], [3, "ngTemplateOutlet"], [1, "flex-column", "fill"], [1, "flex-row", "gap-sm", "p-default", "bdb", "bdb-theme-gray-lightest"], [1, "p-default"], [1, "flex-fill", "p-default", "pt-0", 3, "formSubmit"], [3, "currentPageChange", "sortsChange", "selectedItemsChange", "key", "items", "currentPage", "totalPageCount", "sorts", "selectMode", "autoSelect", "selectedItems", "trackByFn", "getItemCellStyleFn", "getItemSelectableFn"], [3, "fixed", "key"], [3, "key", "fixed", "header", "headerStyle", "tooltip", "width", "disableSorting", "disableResizing", "hidden", "collapse"], [3, "header", "key", "hidden"], [3, "click", "size", "theme"], [3, "formSubmit"], [1, "form-box-inline"], [3, "type", "theme"], [1, "flex-row", "gap-sm", "p-xs-default"], [3, "size", "theme"], [3, "click", "size", "theme", "disabled"], [3, "cell"], [1, "p-xs-sm", "tx-center"], [3, "click", "theme", "disabled"], [1, "flex-row"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "flex-row", 3, "click"], [1, "p-xs-sm"], [1, "flex-fill"], [1, "p-sm-default", "flex-row", "gap-sm"], [1, "flex-fill", "flex-row", "gap-sm"], ["title", "\uC0C8\uB85C\uACE0\uCE68(CTRL+ALT+L)", 1, "p-sm-default", 3, "click", "theme"]], template: function SdDataSheet_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { insertText: [1, "insertText"], deleteText: [1, "deleteText"], restoreText: [1, "restoreText"], deleteIcon: [1, "deleteIcon"], restoreIcon: [1, "restoreIcon"] }, features: [i0.ɵɵHostDirectivesFeature([{ directive: i1.SdCommandDirective, outputs: ["sdRefreshCommand", "sdRefreshCommand", "sdSaveCommand", "sdSaveCommand"] }])], decls: 6, vars: 6, consts: [["pageTopbarTpl", ""], ["contentTpl", ""], ["formCtrl", ""], ["headerTpl", ""], ["summaryTpl", ""], ["modalBottomTpl", ""], ["modalActionTpl", ""], [3, "busy", "busyMessage", "viewType", "initialized", "restricted"], [3, "theme"], [3, "click", "theme"], [3, "svg"], [3, "ngTemplateOutlet"], [1, "flex-column", "fill"], [1, "flex-row", "gap-sm", "p-default", "bdb", "bdb-theme-gray-lightest"], [1, "p-default"], [1, "flex-fill", "p-default", "pt-0", 3, "formSubmit"], [3, "currentPageChange", "sortsChange", "selectedItemsChange", "key", "items", "currentPage", "totalPageCount", "sorts", "selectMode", "autoSelect", "selectedItems", "trackByFn", "getItemCellStyleFn", "getItemSelectableFn"], [3, "fixed", "key"], [3, "key", "fixed", "header", "headerStyle", "tooltip", "width", "disableSorting", "disableResizing", "hidden", "collapse"], [3, "header", "key", "hidden"], [3, "click", "size", "theme"], [3, "formSubmit"], [1, "form-box-inline"], [3, "type", "theme"], [1, "flex-row", "gap-sm", "p-xs-default"], [3, "size", "theme"], [3, "click", "size", "theme", "disabled"], [3, "cell"], [1, "p-xs-sm", "tx-center"], [3, "click", "theme", "disabled"], [1, "flex-row"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "flex-row", 3, "click"], [1, "p-xs-sm"], [1, "flex-fill"], [1, "p-sm-default", "flex-row", "gap-sm"], [1, "flex-fill", "flex-row", "gap-sm"], ["title", "\uC0C8\uB85C\uACE0\uCE68(CTRL+ALT+L)", 1, "p-sm-default", 3, "click", "theme"]], template: function SdDataSheet_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "sd-base-container", 7);
             i0.ɵɵtemplate(1, SdDataSheet_ng_template_1_Template, 7, 4, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, SdDataSheet_ng_template_3_Template, 13, 17, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵconditionalCreate(5, SdDataSheet_Conditional_5_Template, 4, 0);
@@ -624,6 +635,9 @@ export class SdDataSheet {
                     SdAnchor,
                     NgIcon,
                 ],
+                hostDirectives: [
+                    { directive: SdCommandDirective, outputs: ["sdRefreshCommand", "sdSaveCommand"] },
+                ],
                 host: {
                     "(sdRefreshCommand)": "onRefreshButtonClick()",
                     "(sdSaveCommand)": "onSubmitButtonClick()",
@@ -782,11 +796,14 @@ export class SdDataSheet {
               [getItemSelectableFn]="parent.getItemSelectableFn"
             >
               @if (
-                parent.editMode === "inline" &&
-                parent.canEdit() &&
-                parent.itemPropInfo.isDeleted
+                parent.editMode === "inline" && parent.canEdit() && parent.itemPropInfo.isDeleted
               ) {
                 <sd-sheet-column [fixed]="true" [key]="parent.itemPropInfo.isDeleted!">
+                  <ng-template #headerTpl>
+                    <div class="p-xs-sm tx-center">
+                      <ng-icon [svg]="deleteIcon()" />
+                    </div>
+                  </ng-template>
                   <ng-template [cell]="parent.items()" let-item="item">
                     <div class="p-xs-sm tx-center">
                       <sd-anchor
@@ -796,16 +813,10 @@ export class SdDataSheet {
                       >
                         <ng-icon
                           [svg]="
-                            item[parent.itemPropInfo.isDeleted!]
-                              ? restoreIcon()
-                              : deleteIcon()
+                            item[parent.itemPropInfo.isDeleted!] ? restoreIcon() : deleteIcon()
                           "
                         />
-                        {{
-                          item[parent.itemPropInfo.isDeleted!]
-                            ? (restoreText() ?? "복구")
-                            : (deleteText() ?? "삭제")
-                        }}
+                        {{ item[parent.itemPropInfo.isDeleted!] ? restoreText() : deleteText() }}
                       </sd-anchor>
                     </div>
                   </ng-template>
@@ -893,10 +904,7 @@ export class SdDataSheet {
                 >
                   <ng-template [cell]="parent.items()" let-item="item">
                     <div class="p-xs-sm tx-center">
-                      {{
-                        item[parent.itemPropInfo.lastModifiedAt!]
-                          | format: "yyyy-MM-dd HH:mm"
-                      }}
+                      {{ item[parent.itemPropInfo.lastModifiedAt!] | format: "yyyy-MM-dd HH:mm" }}
                     </div>
                   </ng-template>
                 </sd-sheet-column>
@@ -957,4 +965,4 @@ export class SdDataSheet {
   `,
             }]
     }], () => [], { formCtrl: [{ type: i0.ViewChild, args: ["formCtrl", { isSignal: true }] }], insertText: [{ type: i0.Input, args: [{ isSignal: true, alias: "insertText", required: false }] }], deleteText: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteText", required: false }] }], restoreText: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreText", required: false }] }], deleteIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteIcon", required: false }] }], restoreIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreIcon", required: false }] }], pageTopbarTplRef: [{ type: i0.ContentChild, args: ["pageTopbarTpl", { ...{ read: TemplateRef }, isSignal: true }] }], prevTplRef: [{ type: i0.ContentChild, args: ["prevTpl", { ...{ read: TemplateRef }, isSignal: true }] }], filterTplRef: [{ type: i0.ContentChild, args: ["filterTpl", { ...{ read: TemplateRef }, isSignal: true }] }], beforeToolTplRef: [{ type: i0.ContentChild, args: ["beforeToolTpl", { ...{ read: TemplateRef }, isSignal: true }] }], toolTplRef: [{ type: i0.ContentChild, args: ["toolTpl", { ...{ read: TemplateRef }, isSignal: true }] }], modalBottomTplRef: [{ type: i0.ContentChild, args: ["modalBottomTpl", { ...{ read: TemplateRef }, isSignal: true }] }], columnControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdDataSheetColumn), { isSignal: true }] }], modalActionTplRef: [{ type: i0.ViewChild, args: ["modalActionTpl", { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataSheet, { className: "SdDataSheet", filePath: "packages/angular/src/data/data-sheet/sd-data-sheet.ts", lineNumber: 388, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataSheet, { className: "SdDataSheet", filePath: "packages/angular/src/data/data-sheet/sd-data-sheet.ts", lineNumber: 386 }); })();

package/dist/data/kanban/sd-kanban-board.js

@@ -34,4 +34,4 @@ export class SdKanbanBoard {
     <ng-content></ng-content>
   `, styles: ["sd-kanban-board {\n  display: inline-flex;\n  flex-wrap: nowrap;\n  white-space: nowrap;\n  height: 100%;\n  flex-direction: row;\n  gap: var(--gap-lg);\n}\n@supports not (appearance: auto) {\n  sd-kanban-board {\n    gap: 0;\n  }\n  sd-kanban-board > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-kanban-board.gap-xxs {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-kanban-board.gap-xs {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-kanban-board.gap-sm {\n    gap: 0;\n  }\n  sd-kanban-board.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-kanban-board.gap-default {\n    gap: 0;\n  }\n  sd-kanban-board.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-kanban-board.gap-lg {\n    gap: 0;\n  }\n  sd-kanban-board.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-kanban-board.gap-xl {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-kanban-board.gap-xxl {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-kanban-board.gap-0 {\n    gap: 0;\n  }\n  sd-kanban-board.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-kanban-board.gap-auto {\n    gap: 0;\n  }\n  sd-kanban-board.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}"] }]
     }], null, { selectedValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedValues", required: false }] }, { type: i0.Output, args: ["selectedValuesChange"] }], drop: [{ type: i0.Output, args: ["drop"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdKanbanBoard, { className: "SdKanbanBoard", filePath: "packages/angular/src/data/kanban/sd-kanban-board.ts", lineNumber: 36, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdKanbanBoard, { className: "SdKanbanBoard", filePath: "packages/angular/src/data/kanban/sd-kanban-board.ts", lineNumber: 36 }); })();

package/dist/data/kanban/sd-kanban-lane.js

@@ -226,4 +226,4 @@ export class SdKanbanLane {
     </div>
   `, styles: ["sd-kanban-lane > .flex-fill > sd-busy-container {\n  padding: var(--gap-xl) var(--gap-lg);\n  background: var(--theme-gray-lightest);\n  border-radius: var(--border-radius-default);\n  height: 100%;\n}\nsd-kanban-lane > .flex-fill > sd-busy-container > ._drop-position {\n  pointer-events: none;\n  border-radius: var(--border-radius-default);\n  background: var(--trans-light);\n  height: 0;\n  margin-bottom: 0;\n  visibility: hidden;\n  transition: 0.1s linear;\n  transition-property: height, margin-bottom, visibility;\n}\nsd-kanban-lane[data-sd-drag-over=true] > .flex-fill > sd-busy-container > ._drop-position {\n  margin-bottom: var(--gap-lg);\n  visibility: visible;\n}"] }]
     }], null, { busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], useCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "useCollapse", required: false }] }], collapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapse", required: false }] }, { type: i0.Output, args: ["collapseChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], kanbanControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdKanban), { ...{ descendants: true }, isSignal: true }] }], toolTplRef: [{ type: i0.ContentChild, args: ["toolTpl", { ...{ read: TemplateRef }, isSignal: true }] }], titleTplRef: [{ type: i0.ContentChild, args: ["titleTpl", { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdKanbanLane, { className: "SdKanbanLane", filePath: "packages/angular/src/data/kanban/sd-kanban-lane.ts", lineNumber: 121, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdKanbanLane, { className: "SdKanbanLane", filePath: "packages/angular/src/data/kanban/sd-kanban-lane.ts", lineNumber: 121 }); })();