@simplysm/angular 14.1.2 → 14.1.7

package/dist/core/selection/useSelectionManager.js

@@ -13,15 +13,18 @@ export function useSelectionManager(options) {
                 return true;
             return fn(item) === true;
         });
-    }, ...(ngDevMode ? [{ debugName: "selectableItems" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectableItems" }] : /* istanbul ignore next */ []));
     const hasSelectable = computed(() => {
         return options.selectMode() != null;
-    }, ...(ngDevMode ? [{ debugName: "hasSelectable" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasSelectable" }] : /* istanbul ignore next */ []));
     const displayItemIndexMap = computed(() => {
         const map = new Map();
         options.displayItems().forEach((it, i) => map.set(it, i));
         return map;
-    }, ...(ngDevMode ? [{ debugName: "displayItemIndexMap" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayItemIndexMap" }] : /* istanbul ignore next */ []));
     function isKeyEqual(a, b) {
         if (a === b)
             return true;
@@ -41,7 +44,8 @@ export function useSelectionManager(options) {
             const key = fn(it, i);
             return keys.some((k) => isKeyEqual(k, key));
         });
-    }, ...(ngDevMode ? [{ debugName: "isAllSelected" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isAllSelected" }] : /* istanbul ignore next */ []));
     function getSelectable(item) {
         const mode = options.selectMode();
         if (mode == null)

package/dist/core/selection/useSortingManager.js

@@ -11,7 +11,8 @@ export function useSortingManager(options) {
             });
         }
         return map;
-    }, ...(ngDevMode ? [{ debugName: "defMap" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defMap" }] : /* istanbul ignore next */ []));
     function toggle(key, multiple) {
         options.sorts.update((prev) => {
             const existing = prev.find((s) => s.key === key);

package/dist/core/setupModelHook.d.ts

@@ -1,3 +1,3 @@
 import { type Signal, type WritableSignal } from "@angular/core";
-export declare function setupModelHook<T, S extends WritableSignal<T>>(model: S, canFn: Signal<(item: T) => boolean | Promise<boolean>>): void;
+export declare function setupModelHook<T>(model: WritableSignal<T>, canFn: Signal<(item: T) => boolean | Promise<boolean>>): void;
 //# sourceMappingURL=setupModelHook.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"setupModelHook.d.ts","sourceRoot":"","sources":["../../src/core/setupModelHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,MAAM,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAEvF,wBAAgB,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,EAC3D,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,GACrD,IAAI,CAgDN"}
+{"version":3,"file":"setupModelHook.d.ts","sourceRoot":"","sources":["../../src/core/setupModelHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,MAAM,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAEvF,wBAAgB,cAAc,CAAC,CAAC,EAC9B,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EACxB,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,GACrD,IAAI,CAgDN"}

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

@@ -8,7 +8,8 @@ export const SdSharedDataChangeEvent = defineEvent("SdSharedDataChange");
 export class SdSharedDataProvider {
     _sdServiceClientFactory = inject(SdServiceClientFactoryProvider);
     _errorHandler = inject(ErrorHandler);
-    loadingCount = signal(0, ...(ngDevMode ? [{ debugName: "loadingCount" }] : /* istanbul ignore next */ []));
+    loadingCount = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loadingCount" }] : /* istanbul ignore next */ []));
     _entries = new Map();
     register(name, info) {
         const existing = this._entries.get(name);
@@ -24,8 +25,10 @@ export class SdSharedDataProvider {
             existing.needsReload = true;
         }
         else {
-            const itemsSignal = signal([], ...(ngDevMode ? [{ debugName: "itemsSignal" }] : /* istanbul ignore next */ []));
-            const itemsMapComputed = computed(() => itemsSignal().toMap((i) => i.__valueKey), ...(ngDevMode ? [{ debugName: "itemsMapComputed" }] : /* istanbul ignore next */ []));
+            const itemsSignal = signal([], /* @ts-ignore */
+            ...(ngDevMode ? [{ debugName: "itemsSignal" }] : /* istanbul ignore next */ []));
+            const itemsMapComputed = computed(() => itemsSignal().toMap((i) => i.__valueKey), /* @ts-ignore */
+            ...(ngDevMode ? [{ debugName: "itemsMapComputed" }] : /* istanbul ignore next */ []));
             const handle = {
                 items: itemsSignal.asReadonly(),
                 get: (key) => {

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

@@ -3,7 +3,8 @@ import { setupRevealOnShow } from "./setupRevealOnShow";
 import * as i0 from "@angular/core";
 export class SdShowEffect {
     enabled = input.required({ ...(ngDevMode ? { debugName: "enabled" } : /* istanbul ignore next */ {}), alias: "sdShowEffect", transform: booleanAttribute });
-    sdShowEffectType = input("t2b", ...(ngDevMode ? [{ debugName: "sdShowEffectType" }] : /* istanbul ignore next */ []));
+    sdShowEffectType = input("t2b", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sdShowEffectType" }] : /* istanbul ignore next */ []));
     constructor() {
         setupRevealOnShow(() => ({
             type: this.sdShowEffectType(),

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

@@ -1,7 +1,8 @@
 import { computed, effect, ElementRef, inject, untracked } from "@angular/core";
 export function setupRevealOnShow(optFn) {
     const elRef = inject(ElementRef);
-    const resolvedType = computed(() => optFn?.().type ?? "t2b", ...(ngDevMode ? [{ debugName: "resolvedType" }] : /* istanbul ignore next */ []));
+    const resolvedType = computed(() => optFn?.().type ?? "t2b", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedType" }] : /* istanbul ignore next */ []));
     effect((onCleanup) => {
         const el = elRef.nativeElement;
         const type = resolvedType();

package/dist/core/template/sd-item-of-template.js

@@ -1,7 +1,8 @@
 import { Directive, input } from "@angular/core";
 import * as i0 from "@angular/core";
 export class SdItemOfTemplate {
-    itemOf = input.required(...(ngDevMode ? [{ debugName: "itemOf" }] : /* istanbul ignore next */ []));
+    itemOf = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemOf" }] : /* istanbul ignore next */ []));
     static ngTemplateContextGuard(_dir, _ctx) {
         return true;
     }

package/dist/core/template/sd-typed-template.js

@@ -1,7 +1,8 @@
 import { Directive, input } from "@angular/core";
 import * as i0 from "@angular/core";
 export class SdTypedTemplate {
-    typed = input.required(...(ngDevMode ? [{ debugName: "typed" }] : /* istanbul ignore next */ []));
+    typed = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "typed" }] : /* istanbul ignore next */ []));
     static ngTemplateContextGuard(_dir, _ctx) {
         return true;
     }

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

@@ -5,7 +5,7 @@ export class SdToastContainer {
     static ɵfac = function SdToastContainer_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdToastContainer)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdToastContainer, selectors: [["sd-toast-container"]], hostVars: 1, hostBindings: function SdToastContainer_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-overlap", ctx.overlap() || undefined);
-        } }, inputs: { overlap: [1, "overlap"] }, decls: 0, vars: 0, template: function SdToastContainer_Template(rf, ctx) { }, styles: ["/*@function to-rgb($oklch-color) {\n  @return color.to-space($oklch-color, rgb);\n}*/\n/*$colors: (\n  red: to-rgb(oklch(0.704 0.191 22.216)),\n  orange: to-rgb(oklch(0.75 0.183 55.934)),\n  amber: to-rgb(oklch(0.828 0.189 84.429)),\n  yellow: to-rgb(oklch(0.852 0.199 91.936)),\n  lime: to-rgb(oklch(0.841 0.238 128.85)),\n  green: to-rgb(oklch(0.792 0.209 151.711)),\n  emerald: to-rgb(oklch(0.765 0.177 163.223)),\n  teal: to-rgb(oklch(0.777 0.152 181.912)),\n  cyan: to-rgb(oklch(0.789 0.154 211.53)),\n  sky: to-rgb(oklch(0.746 0.16 232.661)),\n  blue: to-rgb(oklch(0.707 0.165 254.624)),\n  indigo: to-rgb(oklch(0.673 0.182 276.935)),\n  violet: to-rgb(oklch(0.702 0.183 293.541)),\n  purple: to-rgb(oklch(0.714 0.203 305.504)),\n  fuchsia: to-rgb(oklch(0.74 0.238 322.16)),\n  pink: to-rgb(oklch(0.718 0.202 349.761)),\n  rose: to-rgb(oklch(0.712 0.194 13.428)),\n  slate: to-rgb(oklch(0.704 0.04 256.788)),\n  gray: to-rgb(oklch(0.707 0.022 261.325)),\n  zinc: to-rgb(oklch(0.705 0.015 286.067)),\n  neutral: to-rgb(oklch(0.708 0 0)),\n  stone: to-rgb(oklch(0.709 0.01 56.259)),\n);*/\nsd-toast-container {\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  pointer-events: none;\n  padding: var(--gap-xxl);\n  z-index: 9999;\n  flex-direction: column;\n}\n@supports not (appearance: auto) {\n  sd-toast-container.gap-xxs {\n    gap: 0;\n  }\n  sd-toast-container.gap-xxs > * + * {\n    margin-top: var(--gap-xxs);\n  }\n  sd-toast-container.gap-xs {\n    gap: 0;\n  }\n  sd-toast-container.gap-xs > * + * {\n    margin-top: var(--gap-xs);\n  }\n  sd-toast-container.gap-sm {\n    gap: 0;\n  }\n  sd-toast-container.gap-sm > * + * {\n    margin-top: var(--gap-sm);\n  }\n  sd-toast-container.gap-default {\n    gap: 0;\n  }\n  sd-toast-container.gap-default > * + * {\n    margin-top: var(--gap-default);\n  }\n  sd-toast-container.gap-lg {\n    gap: 0;\n  }\n  sd-toast-container.gap-lg > * + * {\n    margin-top: var(--gap-lg);\n  }\n  sd-toast-container.gap-xl {\n    gap: 0;\n  }\n  sd-toast-container.gap-xl > * + * {\n    margin-top: var(--gap-xl);\n  }\n  sd-toast-container.gap-xxl {\n    gap: 0;\n  }\n  sd-toast-container.gap-xxl > * + * {\n    margin-top: var(--gap-xxl);\n  }\n  sd-toast-container.gap-0 {\n    gap: 0;\n  }\n  sd-toast-container.gap-0 > * + * {\n    margin-top: var(--gap-0);\n  }\n  sd-toast-container.gap-auto {\n    gap: 0;\n  }\n  sd-toast-container.gap-auto > * + * {\n    margin-top: var(--gap-auto);\n  }\n}\n@media all and (max-width: 520px) {\n  sd-toast-container {\n    flex-direction: column-reverse;\n  }\n}\nsd-toast-container[data-sd-overlap] {\n  display: block;\n}\nsd-toast-container[data-sd-overlap] > sd-toast {\n  position: absolute;\n  bottom: var(--gap-xxl);\n  left: var(--gap-xxl);\n  right: var(--gap-xxl);\n  width: auto;\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, inputs: { overlap: [1, "overlap"] }, decls: 0, vars: 0, template: function SdToastContainer_Template(rf, ctx) { }, styles: ["/*@function to-rgb($oklch-color) {\n  @return color.to-space($oklch-color, rgb);\n}*/\n/*$colors: (\n  red: to-rgb(oklch(0.704 0.191 22.216)),\n  orange: to-rgb(oklch(0.75 0.183 55.934)),\n  amber: to-rgb(oklch(0.828 0.189 84.429)),\n  yellow: to-rgb(oklch(0.852 0.199 91.936)),\n  lime: to-rgb(oklch(0.841 0.238 128.85)),\n  green: to-rgb(oklch(0.792 0.209 151.711)),\n  emerald: to-rgb(oklch(0.765 0.177 163.223)),\n  teal: to-rgb(oklch(0.777 0.152 181.912)),\n  cyan: to-rgb(oklch(0.789 0.154 211.53)),\n  sky: to-rgb(oklch(0.746 0.16 232.661)),\n  blue: to-rgb(oklch(0.707 0.165 254.624)),\n  indigo: to-rgb(oklch(0.673 0.182 276.935)),\n  violet: to-rgb(oklch(0.702 0.183 293.541)),\n  purple: to-rgb(oklch(0.714 0.203 305.504)),\n  fuchsia: to-rgb(oklch(0.74 0.238 322.16)),\n  pink: to-rgb(oklch(0.718 0.202 349.761)),\n  rose: to-rgb(oklch(0.712 0.194 13.428)),\n  slate: to-rgb(oklch(0.704 0.04 256.788)),\n  gray: to-rgb(oklch(0.707 0.022 261.325)),\n  zinc: to-rgb(oklch(0.705 0.015 286.067)),\n  neutral: to-rgb(oklch(0.708 0 0)),\n  stone: to-rgb(oklch(0.709 0.01 56.259)),\n);*/\nsd-toast-container {\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  pointer-events: none;\n  padding: var(--gap-xxl);\n  z-index: 9999;\n  flex-direction: column;\n}\n@supports not (appearance: auto) {\n  sd-toast-container.gap-xxs {\n    gap: 0;\n  }\n  sd-toast-container.gap-xxs > * + * {\n    margin-top: var(--gap-xxs);\n  }\n  sd-toast-container.gap-xs {\n    gap: 0;\n  }\n  sd-toast-container.gap-xs > * + * {\n    margin-top: var(--gap-xs);\n  }\n  sd-toast-container.gap-sm {\n    gap: 0;\n  }\n  sd-toast-container.gap-sm > * + * {\n    margin-top: var(--gap-sm);\n  }\n  sd-toast-container.gap-default {\n    gap: 0;\n  }\n  sd-toast-container.gap-default > * + * {\n    margin-top: var(--gap-default);\n  }\n  sd-toast-container.gap-lg {\n    gap: 0;\n  }\n  sd-toast-container.gap-lg > * + * {\n    margin-top: var(--gap-lg);\n  }\n  sd-toast-container.gap-xl {\n    gap: 0;\n  }\n  sd-toast-container.gap-xl > * + * {\n    margin-top: var(--gap-xl);\n  }\n  sd-toast-container.gap-xxl {\n    gap: 0;\n  }\n  sd-toast-container.gap-xxl > * + * {\n    margin-top: var(--gap-xxl);\n  }\n  sd-toast-container.gap-0 {\n    gap: 0;\n  }\n  sd-toast-container.gap-0 > * + * {\n    margin-top: var(--gap-0);\n  }\n  sd-toast-container.gap-auto {\n    gap: 0;\n  }\n  sd-toast-container.gap-auto > * + * {\n    margin-top: var(--gap-auto);\n  }\n}\n@media all and (max-width: 520px) {\n  sd-toast-container {\n    flex-direction: column-reverse;\n  }\n}\nsd-toast-container[data-sd-overlap] {\n  display: block;\n}\nsd-toast-container[data-sd-overlap] > sd-toast {\n  position: absolute;\n  bottom: var(--gap-xxl);\n  left: var(--gap-xxl);\n  right: var(--gap-xxl);\n  width: auto;\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdToastContainer, [{
         type: Component,

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

@@ -22,11 +22,15 @@ function SdToast_Conditional_4_Template(rf, ctx) { if (rf & 1) {
 const POLITE_THEMES = new Set(["info", "success"]);
 const ASSERTIVE_THEMES = new Set(["warning", "danger"]);
 export class SdToast {
-    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    open = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
     useProgress = input(false, { ...(ngDevMode ? { debugName: "useProgress" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    theme = input("info", ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
-    progress = model(0, ...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
-    message = model(undefined, ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+    theme = input("info", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
+    progress = model(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
+    message = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     ariaRole = computed(() => {
         const t = this.theme();
         if (POLITE_THEMES.has(t))
@@ -34,7 +38,8 @@ export class SdToast {
         if (ASSERTIVE_THEMES.has(t))
             return "alert";
         return undefined;
-    }, ...(ngDevMode ? [{ debugName: "ariaRole" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaRole" }] : /* istanbul ignore next */ []));
     ariaLive = computed(() => {
         const t = this.theme();
         if (POLITE_THEMES.has(t))
@@ -42,7 +47,8 @@ export class SdToast {
         if (ASSERTIVE_THEMES.has(t))
             return "assertive";
         return undefined;
-    }, ...(ngDevMode ? [{ debugName: "ariaLive" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLive" }] : /* istanbul ignore next */ []));
     static ɵfac = function SdToast_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdToast)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdToast, selectors: [["sd-toast"]], hostVars: 4, hostBindings: function SdToast_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-open", ctx.open())("data-sd-theme", ctx.theme())("role", ctx.ariaRole())("aria-live", ctx.ariaLive());
@@ -58,7 +64,7 @@ export class SdToast {
             i0.ɵɵconditional(ctx.message() != undefined ? 2 : 3);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.useProgress() ? 4 : -1);
-        } }, styles: ["/*@function to-rgb($oklch-color) {\n  @return color.to-space($oklch-color, rgb);\n}*/\n/*$colors: (\n  red: to-rgb(oklch(0.704 0.191 22.216)),\n  orange: to-rgb(oklch(0.75 0.183 55.934)),\n  amber: to-rgb(oklch(0.828 0.189 84.429)),\n  yellow: to-rgb(oklch(0.852 0.199 91.936)),\n  lime: to-rgb(oklch(0.841 0.238 128.85)),\n  green: to-rgb(oklch(0.792 0.209 151.711)),\n  emerald: to-rgb(oklch(0.765 0.177 163.223)),\n  teal: to-rgb(oklch(0.777 0.152 181.912)),\n  cyan: to-rgb(oklch(0.789 0.154 211.53)),\n  sky: to-rgb(oklch(0.746 0.16 232.661)),\n  blue: to-rgb(oklch(0.707 0.165 254.624)),\n  indigo: to-rgb(oklch(0.673 0.182 276.935)),\n  violet: to-rgb(oklch(0.702 0.183 293.541)),\n  purple: to-rgb(oklch(0.714 0.203 305.504)),\n  fuchsia: to-rgb(oklch(0.74 0.238 322.16)),\n  pink: to-rgb(oklch(0.718 0.202 349.761)),\n  rose: to-rgb(oklch(0.712 0.194 13.428)),\n  slate: to-rgb(oklch(0.704 0.04 256.788)),\n  gray: to-rgb(oklch(0.707 0.022 261.325)),\n  zinc: to-rgb(oklch(0.705 0.015 286.067)),\n  neutral: to-rgb(oklch(0.708 0 0)),\n  stone: to-rgb(oklch(0.709 0.01 56.259)),\n);*/\nsd-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(--elevation-blur-mult)) var(--trans-lighter), 0 var(--elevation-size) calc(var(--elevation-size) * var(--elevation-blur-mult)) 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 });
+        } }, styles: ["/*@function to-rgb($oklch-color) {\n  @return color.to-space($oklch-color, rgb);\n}*/\n/*$colors: (\n  red: to-rgb(oklch(0.704 0.191 22.216)),\n  orange: to-rgb(oklch(0.75 0.183 55.934)),\n  amber: to-rgb(oklch(0.828 0.189 84.429)),\n  yellow: to-rgb(oklch(0.852 0.199 91.936)),\n  lime: to-rgb(oklch(0.841 0.238 128.85)),\n  green: to-rgb(oklch(0.792 0.209 151.711)),\n  emerald: to-rgb(oklch(0.765 0.177 163.223)),\n  teal: to-rgb(oklch(0.777 0.152 181.912)),\n  cyan: to-rgb(oklch(0.789 0.154 211.53)),\n  sky: to-rgb(oklch(0.746 0.16 232.661)),\n  blue: to-rgb(oklch(0.707 0.165 254.624)),\n  indigo: to-rgb(oklch(0.673 0.182 276.935)),\n  violet: to-rgb(oklch(0.702 0.183 293.541)),\n  purple: to-rgb(oklch(0.714 0.203 305.504)),\n  fuchsia: to-rgb(oklch(0.74 0.238 322.16)),\n  pink: to-rgb(oklch(0.718 0.202 349.761)),\n  rose: to-rgb(oklch(0.712 0.194 13.428)),\n  slate: to-rgb(oklch(0.704 0.04 256.788)),\n  gray: to-rgb(oklch(0.707 0.022 261.325)),\n  zinc: to-rgb(oklch(0.705 0.015 286.067)),\n  neutral: to-rgb(oklch(0.708 0 0)),\n  stone: to-rgb(oklch(0.709 0.01 56.259)),\n);*/\nsd-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(--elevation-blur-mult)) var(--trans-lighter), 0 var(--elevation-size) calc(var(--elevation-size) * var(--elevation-blur-mult)) 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 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdToast, [{
         type: Component,

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

@@ -10,8 +10,10 @@ export class SdToastProvider {
     _envInjector = inject(EnvironmentInjector);
     _injector = inject(Injector);
     _sdSystemLog = inject(SdSystemLogProvider);
-    alertThemes = signal([], ...(ngDevMode ? [{ debugName: "alertThemes" }] : /* istanbul ignore next */ []));
-    overlap = signal(false, ...(ngDevMode ? [{ debugName: "overlap" }] : /* istanbul ignore next */ []));
+    alertThemes = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alertThemes" }] : /* istanbul ignore next */ []));
+    overlap = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overlap" }] : /* istanbul ignore next */ []));
     beforeShowFn;
     _containerRef;
     _toastRefs = [];

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

@@ -107,15 +107,24 @@ export class SdBaseContainer {
     _sdSharedData = inject(SdSharedDataProvider, { optional: true });
     _sdToast = inject(SdToastProvider);
     viewTitle = injectViewTitleSignal();
-    ready = model(false, ...(ngDevMode ? [{ debugName: "ready" }] : /* istanbul ignore next */ []));
-    initialized = input(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
-    busyCount = model(0, ...(ngDevMode ? [{ debugName: "busyCount" }] : /* istanbul ignore next */ []));
-    restricted = input(false, ...(ngDevMode ? [{ debugName: "restricted" }] : /* istanbul ignore next */ []));
-    viewType = input.required(...(ngDevMode ? [{ debugName: "viewType" }] : /* istanbul ignore next */ []));
-    topbarTplRef = contentChild("topbarTpl", ...(ngDevMode ? [{ debugName: "topbarTplRef" }] : /* istanbul ignore next */ []));
-    commandTplRef = contentChild("commandTpl", ...(ngDevMode ? [{ debugName: "commandTplRef" }] : /* istanbul ignore next */ []));
-    contentTplRef = contentChild("contentTpl", ...(ngDevMode ? [{ debugName: "contentTplRef" }] : /* istanbul ignore next */ []));
-    bottomCommandTplRef = contentChild("bottomCommandTpl", ...(ngDevMode ? [{ debugName: "bottomCommandTplRef" }] : /* istanbul ignore next */ []));
+    ready = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ready" }] : /* istanbul ignore next */ []));
+    initialized = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    busyCount = model(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "busyCount" }] : /* istanbul ignore next */ []));
+    restricted = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "restricted" }] : /* istanbul ignore next */ []));
+    viewType = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewType" }] : /* istanbul ignore next */ []));
+    topbarTplRef = contentChild("topbarTpl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "topbarTplRef" }] : /* istanbul ignore next */ []));
+    commandTplRef = contentChild("commandTpl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "commandTplRef" }] : /* istanbul ignore next */ []));
+    contentTplRef = contentChild("contentTpl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentTplRef" }] : /* istanbul ignore next */ []));
+    bottomCommandTplRef = contentChild("bottomCommandTpl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bottomCommandTplRef" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             if (this.restricted()) {
@@ -149,7 +158,7 @@ export class SdBaseContainer {
             i0.ɵɵproperty("busy", ctx.initialized() && ctx.busyCount() > 0);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.initialized() ? 1 : -1);
-        } }, dependencies: [SdBusyContainer, NgIcon, SdTopbarContainer, NgTemplateOutlet, SdTopbar], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdBusyContainer, NgIcon, SdTopbarContainer, NgTemplateOutlet, SdTopbar], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdBaseContainer, [{
         type: Component,

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

@@ -15,7 +15,7 @@ const _c3 = ["formCtrl"];
 function SdCrudDetail_Conditional_1_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "sd-button", 8);
-    i0.ɵɵlistener("click", function SdCrudDetail_Conditional_1_ng_template_0_Conditional_0_Template_sd_button_click_0_listener() { let tmp_5_0; i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView((tmp_5_0 = ctx_r1.formCtrl()) == null ? null : tmp_5_0.requestSubmit()); });
+    i0.ɵɵlistener("click", function SdCrudDetail_Conditional_1_ng_template_0_Conditional_0_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.formCtrl()?.requestSubmit()); });
     i0.ɵɵelement(1, "ng-icon", 9);
     i0.ɵɵtext(2, " \uC800\uC7A5 ");
     i0.ɵɵelementStart(3, "small");
@@ -136,17 +136,27 @@ function SdCrudDetail_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, SdCrudDetail_Conditional_5_ng_template_0_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
 } }
 export class SdCrudDetail {
-    ready = model(false, ...(ngDevMode ? [{ debugName: "ready" }] : /* istanbul ignore next */ []));
-    initialized = input(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
-    busyCount = model(0, ...(ngDevMode ? [{ debugName: "busyCount" }] : /* istanbul ignore next */ []));
-    restricted = input(false, ...(ngDevMode ? [{ debugName: "restricted" }] : /* istanbul ignore next */ []));
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
-    viewType = input.required(...(ngDevMode ? [{ debugName: "viewType" }] : /* istanbul ignore next */ []));
-    formCtrl = viewChild("formCtrl", ...(ngDevMode ? [{ debugName: "formCtrl" }] : /* istanbul ignore next */ []));
+    ready = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ready" }] : /* istanbul ignore next */ []));
+    initialized = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    busyCount = model(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "busyCount" }] : /* istanbul ignore next */ []));
+    restricted = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "restricted" }] : /* istanbul ignore next */ []));
+    readonly = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    viewType = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewType" }] : /* istanbul ignore next */ []));
+    formCtrl = viewChild("formCtrl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formCtrl" }] : /* istanbul ignore next */ []));
     submit = output();
-    commandTplRef = contentChild("commandTpl", ...(ngDevMode ? [{ debugName: "commandTplRef" }] : /* istanbul ignore next */ []));
-    contentTplRef = contentChild("contentTpl", ...(ngDevMode ? [{ debugName: "contentTplRef" }] : /* istanbul ignore next */ []));
-    bottomCommandTplRef = contentChild("bottomCommandTpl", ...(ngDevMode ? [{ debugName: "bottomCommandTplRef" }] : /* istanbul ignore next */ []));
+    commandTplRef = contentChild("commandTpl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "commandTplRef" }] : /* istanbul ignore next */ []));
+    contentTplRef = contentChild("contentTpl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentTplRef" }] : /* istanbul ignore next */ []));
+    bottomCommandTplRef = contentChild("bottomCommandTpl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bottomCommandTplRef" }] : /* istanbul ignore next */ []));
     onSaveButtonClick() {
         this.formCtrl()?.requestSubmit();
     }
@@ -180,7 +190,7 @@ export class SdCrudDetail {
             i0.ɵɵconditional(ctx.viewType() === "modal" || ctx.bottomCommandTplRef() ? 4 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.contentTplRef() ? 5 : -1);
-        } }, dependencies: [SdBaseContainer, SdButton, NgIcon, NgTemplateOutlet, SdForm], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdBaseContainer, SdButton, NgIcon, NgTemplateOutlet, SdForm], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCrudDetail, [{
         type: Component,

package/dist/data/crud/sd-crud-list.d.ts

@@ -40,7 +40,7 @@ export declare class SdCrudList<TItem, TKey> {
     filterTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
     toolTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
     bottomCommandTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
-    columnControls: import("@angular/core").Signal<readonly SdSheetColumn<any>[]>;
+    columnControls: import("@angular/core").Signal<readonly SdSheetColumn[]>;
     inlineEditEnabled: import("@angular/core").Signal<boolean>;
     hasSelectedDeleted: import("@angular/core").Signal<boolean>;
     hasSelectedNotDeleted: import("@angular/core").Signal<boolean>;

package/dist/data/crud/sd-crud-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-crud-list.d.ts","sourceRoot":"","sources":["../../../src/data/crud/sd-crud-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,WAAW,EAGjB,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;;;AAYzE,qBAkMa,UAAU,CAAC,KAAK,EAAE,IAAI;IACjC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAwD;IAE1F,KAAK,+CAAgB;IACrB,WAAW,+CAAgB;IAC3B,SAAS,8CAAY;IACrB,UAAU,+CAAgB;IAC1B,SAAS,+CAAe;IACxB,OAAO,+CAAe;IACtB,SAAS,+CAAe;IACxB,UAAU,+CAAe;IACzB,QAAQ,kDAAgC;IACxC,UAAU,sEAA+B;IACzC,GAAG,8CAA4B;IAE/B,QAAQ,qDAAiC;IAEzC,YAAY,iDAAY;IACxB,MAAM,iDAAY;IAClB,MAAM,iDAAY;IAClB,MAAM,oDAAqB;IAC3B,OAAO,oDAAqB;IAE5B,KAAK,+CAAsB;IAC3B,YAAY,2DAAkC;IAE9C,gBAAgB,+CAAsB;IACtC,cAAc,6CAAoD;IAElE,iBAAiB,0CAKf;IAEF,WAAW,8CAAY;IACvB,cAAc,8CAAY;IAC1B,YAAY,8CAAY;IACxB,gBAAgB,8CAAa;IAC7B,KAAK,oDAA2B;IAEhC,SAAS,6CAAyB,KAAK,KAAK,IAAI,EAAI;IACpD,mBAAmB,8CAAgB,KAAK,KAAK,OAAO,GAAG,MAAM,eAAI;IAEjE,aAAa,gEAAiD;IAC9D,YAAY,gEAAgD;IAC5D,UAAU,gEAA8C;IACxD,mBAAmB,gEAAuD;IAE1E,cAAc,gEAAkC;IAEhD,iBAAiB,0CAAuD;IAExE,kBAAkB,0CAA6E;IAC/F,qBAAqB,0CAEnB;IAEF,kBAAkB,GAAI,MAAM,KAAK,KAAG,MAAM,GAAG,SAAS,CACgB;IAEtE,SAAS,CAAC,IAAI,EAAE,KAAK;IAIrB,iBAAiB;IAIjB,2BAA2B,IAAI,IAAI;IAQnC,4BAA4B;IAK5B,oBAAoB;IAUpB,SAAS,CAAC,QAAQ,CAAC,kBAAkB,sdAAsB;IAC3D,SAAS,CAAC,QAAQ,CAAC,gBAAgB,yYAAoB;IACvD,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAC/C,SAAS,CAAC,QAAQ,CAAC,aAAa,waAAiB;IACjD,SAAS,CAAC,QAAQ,CAAC,YAAY,yXAAgB;yCAjGpC,UAAU;2CAAV,UAAU;CAkGtB"}
+{"version":3,"file":"sd-crud-list.d.ts","sourceRoot":"","sources":["../../../src/data/crud/sd-crud-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,WAAW,EAGjB,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;;;AAYzE,qBAkMa,UAAU,CAAC,KAAK,EAAE,IAAI;IACjC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAwD;IAE1F,KAAK,+CAAgB;IACrB,WAAW,+CAAgB;IAC3B,SAAS,8CAAY;IACrB,UAAU,+CAAgB;IAC1B,SAAS,+CAAe;IACxB,OAAO,+CAAe;IACtB,SAAS,+CAAe;IACxB,UAAU,+CAAe;IACzB,QAAQ,kDAAgC;IACxC,UAAU,sEAA+B;IACzC,GAAG,8CAA4B;IAE/B,QAAQ,qDAAiC;IAEzC,YAAY,iDAAY;IACxB,MAAM,iDAAY;IAClB,MAAM,iDAAY;IAClB,MAAM,oDAAqB;IAC3B,OAAO,oDAAqB;IAE5B,KAAK,+CAAsB;IAC3B,YAAY,2DAAkC;IAE9C,gBAAgB,+CAAsB;IACtC,cAAc,6CAAoD;IAElE,iBAAiB,0CAKf;IAEF,WAAW,8CAAY;IACvB,cAAc,8CAAY;IAC1B,YAAY,8CAAY;IACxB,gBAAgB,8CAAa;IAC7B,KAAK,oDAA2B;IAEhC,SAAS,6CAAyB,KAAK,KAAK,IAAI,EAAI;IACpD,mBAAmB,8CAAgB,KAAK,KAAK,OAAO,GAAG,MAAM,eAAI;IAEjE,aAAa,gEAAiD;IAC9D,YAAY,gEAAgD;IAC5D,UAAU,gEAA8C;IACxD,mBAAmB,gEAAuD;IAE1E,cAAc,2DAAkC;IAEhD,iBAAiB,0CAAuD;IAExE,kBAAkB,0CAA6E;IAC/F,qBAAqB,0CAEnB;IAEF,kBAAkB,GAAI,MAAM,KAAK,KAAG,MAAM,GAAG,SAAS,CACgB;IAEtE,SAAS,CAAC,IAAI,EAAE,KAAK;IAIrB,iBAAiB;IAIjB,2BAA2B,IAAI,IAAI;IAQnC,4BAA4B;IAK5B,oBAAoB;IAUpB,SAAS,CAAC,QAAQ,CAAC,kBAAkB,sdAAsB;IAC3D,SAAS,CAAC,QAAQ,CAAC,gBAAgB,yYAAoB;IACvD,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAC/C,SAAS,CAAC,QAAQ,CAAC,aAAa,waAAiB;IACjD,SAAS,CAAC,QAAQ,CAAC,YAAY,yXAAgB;yCAjGpC,UAAU;2CAAV,UAAU;CAkGtB"}

package/dist/data/crud/sd-crud-list.js

@@ -21,7 +21,7 @@ const _c4 = ["formCtrl"];
 function SdCrudList_Conditional_1_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "sd-button", 10);
-    i0.ɵɵlistener("click", function SdCrudList_Conditional_1_ng_template_0_Conditional_0_Template_sd_button_click_0_listener() { let tmp_7_0; i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView((tmp_7_0 = ctx_r2.formCtrl()) == null ? null : tmp_7_0.requestSubmit()); });
+    i0.ɵɵlistener("click", function SdCrudList_Conditional_1_ng_template_0_Conditional_0_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.formCtrl()?.requestSubmit()); });
     i0.ɵɵelement(1, "ng-icon", 11);
     i0.ɵɵtext(2, " \uC800\uC7A5 ");
     i0.ɵɵelementStart(3, "small");
@@ -298,46 +298,78 @@ function SdCrudList_ng_template_6_Template(rf, ctx) { if (rf & 1) {
 } }
 export class SdCrudList {
     _sdActivatedModal = inject(SdActivatedModalProvider, { optional: true });
-    ready = model(false, ...(ngDevMode ? [{ debugName: "ready" }] : /* istanbul ignore next */ []));
-    initialized = input(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
-    busyCount = model(0, ...(ngDevMode ? [{ debugName: "busyCount" }] : /* istanbul ignore next */ []));
-    restricted = input(false, ...(ngDevMode ? [{ debugName: "restricted" }] : /* istanbul ignore next */ []));
-    canCreate = input(true, ...(ngDevMode ? [{ debugName: "canCreate" }] : /* istanbul ignore next */ []));
-    canEdit = input(true, ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
-    canDelete = input(true, ...(ngDevMode ? [{ debugName: "canDelete" }] : /* istanbul ignore next */ []));
-    inlineEdit = input(true, ...(ngDevMode ? [{ debugName: "inlineEdit" }] : /* istanbul ignore next */ []));
-    viewType = input.required(...(ngDevMode ? [{ debugName: "viewType" }] : /* istanbul ignore next */ []));
-    selectMode = input(...(ngDevMode ? [undefined, { debugName: "selectMode" }] : /* istanbul ignore next */ []));
-    key = input.required(...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
-    formCtrl = viewChild("formCtrl", ...(ngDevMode ? [{ debugName: "formCtrl" }] : /* istanbul ignore next */ []));
+    ready = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ready" }] : /* istanbul ignore next */ []));
+    initialized = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    busyCount = model(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "busyCount" }] : /* istanbul ignore next */ []));
+    restricted = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "restricted" }] : /* istanbul ignore next */ []));
+    canCreate = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canCreate" }] : /* istanbul ignore next */ []));
+    canEdit = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+    canDelete = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canDelete" }] : /* istanbul ignore next */ []));
+    inlineEdit = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inlineEdit" }] : /* istanbul ignore next */ []));
+    viewType = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewType" }] : /* istanbul ignore next */ []));
+    selectMode = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "selectMode" }] : /* istanbul ignore next */ []));
+    key = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
+    formCtrl = viewChild("formCtrl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formCtrl" }] : /* istanbul ignore next */ []));
     filterSubmit = output();
     submit = output();
     create = output();
     delete = output();
     restore = output();
-    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
-    selectedKeys = model([], ...(ngDevMode ? [{ debugName: "selectedKeys" }] : /* istanbul ignore next */ []));
-    currDeletedItems = input([], ...(ngDevMode ? [{ debugName: "currDeletedItems" }] : /* istanbul ignore next */ []));
-    currDeletedSet = computed(() => new Set(this.currDeletedItems()), ...(ngDevMode ? [{ debugName: "currDeletedSet" }] : /* istanbul ignore next */ []));
+    items = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    selectedKeys = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedKeys" }] : /* istanbul ignore next */ []));
+    currDeletedItems = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currDeletedItems" }] : /* istanbul ignore next */ []));
+    currDeletedSet = computed(() => new Set(this.currDeletedItems()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currDeletedSet" }] : /* istanbul ignore next */ []));
     currSelectedItems = computed(() => this.items().filter((it) => {
         const key = this.trackByFn()(it);
         return key != null && this.selectedKeys().includes(key);
-    }), ...(ngDevMode ? [{ debugName: "currSelectedItems" }] : /* istanbul ignore next */ []));
-    currentPage = model(0, ...(ngDevMode ? [{ debugName: "currentPage" }] : /* istanbul ignore next */ []));
-    totalPageCount = input(0, ...(ngDevMode ? [{ debugName: "totalPageCount" }] : /* istanbul ignore next */ []));
-    itemsPerPage = input(0, ...(ngDevMode ? [{ debugName: "itemsPerPage" }] : /* istanbul ignore next */ []));
-    visiblePageCount = input(10, ...(ngDevMode ? [{ debugName: "visiblePageCount" }] : /* istanbul ignore next */ []));
-    sorts = model([], ...(ngDevMode ? [{ debugName: "sorts" }] : /* istanbul ignore next */ []));
-    trackByFn = input.required(...(ngDevMode ? [{ debugName: "trackByFn" }] : /* istanbul ignore next */ []));
-    getItemSelectableFn = input(...(ngDevMode ? [undefined, { debugName: "getItemSelectableFn" }] : /* istanbul ignore next */ []));
-    commandTplRef = contentChild("commandTpl", ...(ngDevMode ? [{ debugName: "commandTplRef" }] : /* istanbul ignore next */ []));
-    filterTplRef = contentChild("filterTpl", ...(ngDevMode ? [{ debugName: "filterTplRef" }] : /* istanbul ignore next */ []));
-    toolTplRef = contentChild("toolTpl", ...(ngDevMode ? [{ debugName: "toolTplRef" }] : /* istanbul ignore next */ []));
-    bottomCommandTplRef = contentChild("bottomCommandTpl", ...(ngDevMode ? [{ debugName: "bottomCommandTplRef" }] : /* istanbul ignore next */ []));
-    columnControls = contentChildren(SdSheetColumn, ...(ngDevMode ? [{ debugName: "columnControls" }] : /* istanbul ignore next */ []));
-    inlineEditEnabled = computed(() => this.canEdit() && this.inlineEdit(), ...(ngDevMode ? [{ debugName: "inlineEditEnabled" }] : /* istanbul ignore next */ []));
-    hasSelectedDeleted = computed(() => this.currSelectedItems().some((it) => this.isDeleted(it)), ...(ngDevMode ? [{ debugName: "hasSelectedDeleted" }] : /* istanbul ignore next */ []));
-    hasSelectedNotDeleted = computed(() => this.currSelectedItems().some((it) => !this.isDeleted(it)), ...(ngDevMode ? [{ debugName: "hasSelectedNotDeleted" }] : /* istanbul ignore next */ []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currSelectedItems" }] : /* istanbul ignore next */ []));
+    currentPage = model(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentPage" }] : /* istanbul ignore next */ []));
+    totalPageCount = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "totalPageCount" }] : /* istanbul ignore next */ []));
+    itemsPerPage = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemsPerPage" }] : /* istanbul ignore next */ []));
+    visiblePageCount = input(10, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visiblePageCount" }] : /* istanbul ignore next */ []));
+    sorts = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sorts" }] : /* istanbul ignore next */ []));
+    trackByFn = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "trackByFn" }] : /* istanbul ignore next */ []));
+    getItemSelectableFn = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "getItemSelectableFn" }] : /* istanbul ignore next */ []));
+    commandTplRef = contentChild("commandTpl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "commandTplRef" }] : /* istanbul ignore next */ []));
+    filterTplRef = contentChild("filterTpl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filterTplRef" }] : /* istanbul ignore next */ []));
+    toolTplRef = contentChild("toolTpl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toolTplRef" }] : /* istanbul ignore next */ []));
+    bottomCommandTplRef = contentChild("bottomCommandTpl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bottomCommandTplRef" }] : /* istanbul ignore next */ []));
+    columnControls = contentChildren(SdSheetColumn, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "columnControls" }] : /* istanbul ignore next */ []));
+    inlineEditEnabled = computed(() => this.canEdit() && this.inlineEdit(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inlineEditEnabled" }] : /* istanbul ignore next */ []));
+    hasSelectedDeleted = computed(() => this.currSelectedItems().some((it) => this.isDeleted(it)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasSelectedDeleted" }] : /* istanbul ignore next */ []));
+    hasSelectedNotDeleted = computed(() => this.currSelectedItems().some((it) => !this.isDeleted(it)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasSelectedNotDeleted" }] : /* istanbul ignore next */ []));
     getItemCellStyleFn = (item) => this.isDeleted(item) ? "text-decoration: line-through;" : undefined;
     isDeleted(item) {
         return this.currDeletedSet().has(item);
@@ -407,7 +439,7 @@ export class SdCrudList {
             SdForm,
             SdAnchor,
             SdSheetColumn,
-            SdSheetColumnCellTemplate], encapsulation: 2, changeDetection: 0 });
+            SdSheetColumnCellTemplate], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCrudList, [{
         type: Component,

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

@@ -2,8 +2,10 @@ import { ChangeDetectionStrategy, Component, model, output, signal, ViewEncapsul
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
 export class SdKanbanBoard {
-    dragKanban = signal(undefined, ...(ngDevMode ? [{ debugName: "dragKanban" }] : /* istanbul ignore next */ []));
-    selectedValues = model([], ...(ngDevMode ? [{ debugName: "selectedValues" }] : /* istanbul ignore next */ []));
+    dragKanban = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dragKanban" }] : /* istanbul ignore next */ []));
+    selectedValues = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedValues" }] : /* istanbul ignore next */ []));
     drop = output();
     onDropTo(target) {
         if (this.dragKanban() == null)
@@ -24,7 +26,7 @@ export class SdKanbanBoard {
         } }, inputs: { selectedValues: [1, "selectedValues"] }, outputs: { selectedValues: "selectedValuesChange", drop: "drop" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdKanbanBoard_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, styles: ["/*@function to-rgb($oklch-color) {\n  @return color.to-space($oklch-color, rgb);\n}*/\n/*$colors: (\n  red: to-rgb(oklch(0.704 0.191 22.216)),\n  orange: to-rgb(oklch(0.75 0.183 55.934)),\n  amber: to-rgb(oklch(0.828 0.189 84.429)),\n  yellow: to-rgb(oklch(0.852 0.199 91.936)),\n  lime: to-rgb(oklch(0.841 0.238 128.85)),\n  green: to-rgb(oklch(0.792 0.209 151.711)),\n  emerald: to-rgb(oklch(0.765 0.177 163.223)),\n  teal: to-rgb(oklch(0.777 0.152 181.912)),\n  cyan: to-rgb(oklch(0.789 0.154 211.53)),\n  sky: to-rgb(oklch(0.746 0.16 232.661)),\n  blue: to-rgb(oklch(0.707 0.165 254.624)),\n  indigo: to-rgb(oklch(0.673 0.182 276.935)),\n  violet: to-rgb(oklch(0.702 0.183 293.541)),\n  purple: to-rgb(oklch(0.714 0.203 305.504)),\n  fuchsia: to-rgb(oklch(0.74 0.238 322.16)),\n  pink: to-rgb(oklch(0.718 0.202 349.761)),\n  rose: to-rgb(oklch(0.712 0.194 13.428)),\n  slate: to-rgb(oklch(0.704 0.04 256.788)),\n  gray: to-rgb(oklch(0.707 0.022 261.325)),\n  zinc: to-rgb(oklch(0.705 0.015 286.067)),\n  neutral: to-rgb(oklch(0.708 0 0)),\n  stone: to-rgb(oklch(0.709 0.01 56.259)),\n);*/\nsd-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}"], encapsulation: 2, changeDetection: 0 });
+        } }, styles: ["/*@function to-rgb($oklch-color) {\n  @return color.to-space($oklch-color, rgb);\n}*/\n/*$colors: (\n  red: to-rgb(oklch(0.704 0.191 22.216)),\n  orange: to-rgb(oklch(0.75 0.183 55.934)),\n  amber: to-rgb(oklch(0.828 0.189 84.429)),\n  yellow: to-rgb(oklch(0.852 0.199 91.936)),\n  lime: to-rgb(oklch(0.841 0.238 128.85)),\n  green: to-rgb(oklch(0.792 0.209 151.711)),\n  emerald: to-rgb(oklch(0.765 0.177 163.223)),\n  teal: to-rgb(oklch(0.777 0.152 181.912)),\n  cyan: to-rgb(oklch(0.789 0.154 211.53)),\n  sky: to-rgb(oklch(0.746 0.16 232.661)),\n  blue: to-rgb(oklch(0.707 0.165 254.624)),\n  indigo: to-rgb(oklch(0.673 0.182 276.935)),\n  violet: to-rgb(oklch(0.702 0.183 293.541)),\n  purple: to-rgb(oklch(0.714 0.203 305.504)),\n  fuchsia: to-rgb(oklch(0.74 0.238 322.16)),\n  pink: to-rgb(oklch(0.718 0.202 349.761)),\n  rose: to-rgb(oklch(0.712 0.194 13.428)),\n  slate: to-rgb(oklch(0.704 0.04 256.788)),\n  gray: to-rgb(oklch(0.707 0.022 261.325)),\n  zinc: to-rgb(oklch(0.705 0.015 286.067)),\n  neutral: to-rgb(oklch(0.708 0 0)),\n  stone: to-rgb(oklch(0.709 0.01 56.259)),\n);*/\nsd-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}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdKanbanBoard, [{
         type: Component,

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

@@ -74,18 +74,24 @@ export class SdKanbanLane {
     _boardControl = inject(forwardRef(() => SdKanbanBoard));
     busy = input(false, { ...(ngDevMode ? { debugName: "busy" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     useCollapse = input(false, { ...(ngDevMode ? { debugName: "useCollapse" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    collapse = model(false, ...(ngDevMode ? [{ debugName: "collapse" }] : /* istanbul ignore next */ []));
-    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    collapse = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collapse" }] : /* istanbul ignore next */ []));
+    value = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
     kanbanControls = contentChildren(SdKanban, { ...(ngDevMode ? { debugName: "kanbanControls" } : /* istanbul ignore next */ {}), descendants: true });
     toolTplRef = contentChild("toolTpl", { ...(ngDevMode ? { debugName: "toolTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
     titleTplRef = contentChild("titleTpl", { ...(ngDevMode ? { debugName: "titleTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
     isAllSelected = computed(() => {
         const selectableControls = this.kanbanControls().filter((ctrl) => ctrl.selectable());
         return selectableControls.length > 0 && selectableControls.every((ctrl) => ctrl.selected());
-    }, ...(ngDevMode ? [{ debugName: "isAllSelected" }] : /* istanbul ignore next */ []));
-    dragKanban = computed(() => this._boardControl.dragKanban(), ...(ngDevMode ? [{ debugName: "dragKanban" }] : /* istanbul ignore next */ []));
-    dragOvered = signal(false, ...(ngDevMode ? [{ debugName: "dragOvered" }] : /* istanbul ignore next */ []));
-    selectableKanbanLength = computed(() => this.kanbanControls().filter((ctrl) => ctrl.selectable()).length, ...(ngDevMode ? [{ debugName: "selectableKanbanLength" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isAllSelected" }] : /* istanbul ignore next */ []));
+    dragKanban = computed(() => this._boardControl.dragKanban(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dragKanban" }] : /* istanbul ignore next */ []));
+    dragOvered = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dragOvered" }] : /* istanbul ignore next */ []));
+    selectableKanbanLength = computed(() => this.kanbanControls().filter((ctrl) => ctrl.selectable()).length, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectableKanbanLength" }] : /* istanbul ignore next */ []));
     targetLaneValue() {
         return this.value();
     }
@@ -159,7 +165,6 @@ export class SdKanbanLane {
             i0.ɵɵelement(5, "div", 3);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            let tmp_5_0;
             i0.ɵɵconditional(ctx.useCollapse() || ctx.titleTplRef() ? 0 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("busy", ctx.busy())("type", "bar");
@@ -168,8 +173,8 @@ export class SdKanbanLane {
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.collapse() ? 4 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵstyleProp("height", ctx.dragOvered() ? (((tmp_5_0 = ctx.dragKanban()) == null ? null : tmp_5_0.heightOnDrag()) ?? 0) + "px" : "0px")("display", ctx.dragKanban() ? "block" : "none");
-        } }, dependencies: [SdBusyContainer, SdCheckbox, NgTemplateOutlet, SdAnchor, NgIcon], 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: var(--animation-duration) 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}"], encapsulation: 2, changeDetection: 0 });
+            i0.ɵɵstyleProp("height", ctx.dragOvered() ? (ctx.dragKanban()?.heightOnDrag() ?? 0) + "px" : "0px")("display", ctx.dragKanban() ? "block" : "none");
+        } }, dependencies: [SdBusyContainer, SdCheckbox, NgTemplateOutlet, SdAnchor, NgIcon], 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: var(--animation-duration) 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}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdKanbanLane, [{
         type: Component,