@simplysm/angular 14.0.11 → 14.0.12

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

@@ -418,39 +418,51 @@ export class SdSheetControl {
         const col = this._columnControlMap().get(key);
         return col?.summaryTplRef() ?? null;
     }
-    getHeaderCellStyle(cell) {
-        const parts = [];
-        if (cell.colDef != null) {
-            const baseStyle = this._getColDefStyle(cell.colDef);
-            if (baseStyle != null) {
-                parts.push(baseStyle);
-            }
-            const fixedStyle = this._getFixedStyle(cell.colDef);
-            if (fixedStyle != null) {
+    // Pre-computed column styles: header/footer (fixed z-index:3)
+    _headerColumnStyles = computed(() => {
+        const map = new Map();
+        for (const colDef of this.layout.columnDefs()) {
+            const parts = [];
+            const colStyle = this._getColDefStyle(colDef);
+            if (colStyle != null)
+                parts.push(colStyle);
+            const fixedStyle = this._getFixedStyle(colDef, 3, "var(--theme-secondary-lightest)");
+            if (fixedStyle != null)
                 parts.push(fixedStyle);
-            }
+            map.set(colDef.key, parts.length > 0 ? parts.join("; ") : null);
         }
-        return parts.length > 0 ? parts.join("; ") : null;
+        return map;
+    }, ...(ngDevMode ? [{ debugName: "_headerColumnStyles" }] : /* istanbul ignore next */ []));
+    // Pre-computed column styles: body (fixed z-index:1)
+    _dataColumnBaseStyles = computed(() => {
+        const map = new Map();
+        for (const colDef of this.layout.columnDefs()) {
+            const parts = [];
+            const colStyle = this._getColDefStyle(colDef);
+            if (colStyle != null)
+                parts.push(colStyle);
+            const fixedStyle = this._getFixedStyle(colDef);
+            if (fixedStyle != null)
+                parts.push(fixedStyle);
+            map.set(colDef.key, parts.length > 0 ? parts.join("; ") : null);
+        }
+        return map;
+    }, ...(ngDevMode ? [{ debugName: "_dataColumnBaseStyles" }] : /* istanbul ignore next */ []));
+    getHeaderCellStyle(cell) {
+        if (cell.colDef == null)
+            return null;
+        return this._headerColumnStyles().get(cell.colDef.key) ?? null;
     }
     getCellStyle(item, colDef) {
-        const parts = [];
-        const baseStyle = this._getColDefStyle(colDef);
-        if (baseStyle != null) {
-            parts.push(baseStyle);
-        }
-        const fixedStyle = this._getFixedStyle(colDef);
-        if (fixedStyle != null) {
-            parts.push(fixedStyle);
-        }
+        const baseStyle = this._dataColumnBaseStyles().get(colDef.key) ?? null;
         const styleFn = this.getItemCellStyleFn();
         const customStyle = styleFn != null ? styleFn(item, colDef.key) : undefined;
-        if (customStyle != null) {
-            parts.push(customStyle);
-        }
-        return parts.length > 0 ? parts.join("; ") : null;
+        if (baseStyle != null && customStyle != null)
+            return `${baseStyle}; ${customStyle}`;
+        return customStyle ?? baseStyle ?? null;
     }
     getFixedCellStyle(colDef) {
-        return this._getFixedStyle(colDef);
+        return this._getFixedStyle(colDef, 3);
     }
     getSelectableTooltip(item) {
         const result = this.selection.getSelectable(item);
@@ -507,8 +519,10 @@ export class SdSheetControl {
     getItemDef(item) {
         return this.expanding.def(item);
     }
+    // PERF-005: Set-based lookup for O(1) isExpanded check
+    _expandedSet = computed(() => new Set(this.expandedItems()), ...(ngDevMode ? [{ debugName: "_expandedSet" }] : /* istanbul ignore next */ []));
     isExpanded(item) {
-        return this.expandedItems().includes(item);
+        return this._expandedSet().has(item);
     }
     getAriaExpanded(item) {
         if (this.getChildrenFn() == null)
@@ -531,33 +545,20 @@ export class SdSheetControl {
         return sortDef.desc ? "descending" : "ascending";
     }
     _getColDefStyle(colDef) {
-        const parts = [];
-        if (colDef.width != null) {
-            parts.push(`width: ${colDef.width}`);
-            parts.push(`min-width: ${colDef.width}`);
-            parts.push(`max-width: ${colDef.width}`);
-        }
         if (colDef.collapse) {
-            parts.push("padding: 0");
-            parts.push("width: 0");
-            parts.push("min-width: 0");
-            parts.push("max-width: 0");
-            parts.push("overflow: hidden");
-            parts.push("border: none");
+            return "padding: 0; width: 0; min-width: 0; max-width: 0; overflow: hidden; border: none";
         }
-        return parts.length > 0 ? parts.join("; ") : null;
+        if (colDef.width != null) {
+            return `width: ${colDef.width}; min-width: ${colDef.width}; max-width: ${colDef.width}`;
+        }
+        return null;
     }
-    _getFixedStyle(colDef) {
+    _getFixedStyle(colDef, zIndex = 1, background = "var(--control-color)") {
         const fixedLeftMap = this.fixing.fixedLeftMap();
         const leftValue = fixedLeftMap.get(colDef.key);
         if (leftValue == null)
             return null;
-        const parts = [];
-        parts.push("position: sticky");
-        parts.push(`left: ${leftValue}px`);
-        parts.push("z-index: 1");
-        parts.push("background: var(--control-color)");
-        return parts.join("; ");
+        return `position: sticky; left: ${leftValue}px; z-index: ${zIndex}; background: ${background}`;
     }
     getDataCellClass(item, colDef, r, c) {
         const parts = [];
@@ -845,4 +846,4 @@ export class SdSheetControl {
                     "(blur.capture)": "onBlurCapture($event)",
                 }, styles: ["sd-sheet {\n  display: block;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid var(--trans-lighter);\n}\nsd-sheet[data-sd-inset=true] {\n  border: none;\n}\nsd-sheet > ._tool {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-sm);\n  padding: var(--gap-sm) var(--gap-default);\n  border-bottom: 1px solid var(--trans-lighter);\n  background: var(--theme-secondary-lightest);\n}\nsd-sheet > ._container {\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\nsd-sheet > ._container > table {\n  width: 100%;\n  border-collapse: collapse;\n  table-layout: fixed;\n}\nsd-sheet > ._container > table > thead > tr > th {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background: var(--theme-secondary-lightest);\n  border: 1px solid var(--trans-lighter);\n  padding: var(--gap-sm) var(--gap-default);\n  text-align: left;\n  font-weight: bold;\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n}\nsd-sheet > ._container > table > thead > tr > th:not(._select-col):not(._expand-col) {\n  position: relative;\n}\nsd-sheet > ._container > table > thead > tr > th > ._sort-icon {\n  font-size: 0.85em;\n  vertical-align: middle;\n  margin-left: 0.25em;\n}\nsd-sheet > ._container > table > thead > tr > th > ._sort-index {\n  font-size: 0.75em;\n  vertical-align: super;\n}\nsd-sheet > ._container > table > thead > tr > th > ._resizer {\n  position: absolute;\n  top: 0;\n  right: -2px;\n  width: 5px;\n  height: 100%;\n  cursor: col-resize;\n  z-index: 3;\n}\nsd-sheet > ._container > table > tbody > tr > td {\n  border: 1px solid var(--trans-lighter);\n  padding: var(--gap-sm) var(--gap-default);\n  white-space: nowrap;\n}\nsd-sheet > ._container > table > tbody > tr > td:focus {\n  outline: 2px solid var(--theme-primary-default);\n  outline-offset: -2px;\n}\nsd-sheet > ._container > table > thead > tr > th._select-col,\nsd-sheet > ._container > table > tbody > tr > td._select-col {\n  width: 2em;\n  min-width: 2em;\n  max-width: 2em;\n  text-align: center;\n  padding: 0;\n}\nsd-sheet > ._container > table > thead > tr > th._expand-col,\nsd-sheet > ._container > table > tbody > tr > td._expand-col {\n  width: 2em;\n  min-width: 2em;\n  max-width: 2em;\n  text-align: center;\n  padding: 0;\n}\nsd-sheet > ._container > table > tfoot > tr > td {\n  position: sticky;\n  bottom: 0;\n  z-index: 2;\n  background: var(--theme-secondary-lightest);\n  border: 1px solid var(--trans-lighter);\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-sheet > ._container > ._resize-indicator {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  height: 100%;\n  background: var(--theme-primary-default);\n  z-index: 10;\n  pointer-events: none;\n}"] }]
     }], () => [], { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], trackByFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackByFn", required: false }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], autoSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSelect", required: false }] }], getItemSelectableFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getItemSelectableFn", required: false }] }], getChildrenFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getChildrenFn", required: false }] }], useAutoSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "useAutoSort", required: false }] }], visiblePageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "visiblePageCount", required: false }] }], totalPageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPageCount", required: false }] }], itemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPage", required: false }] }], focusMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusMode", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], contentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentStyle", required: false }] }], getItemCellClassFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getItemCellClassFn", required: false }] }], getItemCellStyleFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getItemCellStyleFn", required: false }] }], hideConfigBar: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideConfigBar", required: false }] }], itemKeydown: [{ type: i0.Output, args: ["itemKeydown"] }], cellKeydown: [{ type: i0.Output, args: ["cellKeydown"] }], selectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItems", required: false }] }, { type: i0.Output, args: ["selectedItemsChange"] }], expandedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedItems", required: false }] }, { type: i0.Output, args: ["expandedItemsChange"] }], sorts: [{ type: i0.Input, args: [{ isSignal: true, alias: "sorts", required: false }] }, { type: i0.Output, args: ["sortsChange"] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], columnControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdSheetColumnDirective), { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheetControl, { className: "SdSheetControl", filePath: "packages/angular/src/ui/data/sheet/sd-sheet.control.ts", lineNumber: 337, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheetControl, { className: "SdSheetControl", filePath: "packages/angular/src/ui/data/sheet/sd-sheet.control.ts", lineNumber: 338, forbidOrphanRendering: true }); })();

package/dist/ui/data/sheet/types.d.ts

@@ -26,7 +26,11 @@ export interface ISdSheetConfig {
 }
 export interface ISdSheetItemKeydownEventParam<T> {
     item: T;
-    key?: string;
+    event: KeyboardEvent;
+}
+export interface ISdSheetCellKeydownEventParam<T> {
+    item: T;
+    key: string;
     event: KeyboardEvent;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/ui/data/sheet/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,iBAAiB,GAAG,SAAS,CAAC;CACvC;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAClB,MAAM,EACN;QACE,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CACF,CAAC;CACH;AAED,MAAM,WAAW,6BAA6B,CAAC,CAAC;IAC9C,IAAI,EAAE,CAAC,CAAC;IACR,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,iBAAiB,GAAG,SAAS,CAAC;CACvC;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAClB,MAAM,EACN;QACE,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CACF,CAAC;CACH;AAED,MAAM,WAAW,6BAA6B,CAAC,CAAC;IAC9C,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,WAAW,6BAA6B,CAAC,CAAC;IAC9C,IAAI,EAAE,CAAC,CAAC;IACR,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,aAAa,CAAC;CACtB"}

package/dist/ui/data/sheet/useSheetCellAgent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSheetCellAgent.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/useSheetCellAgent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,wBAAgB,iBAAiB,CAAC,OAAO,EAAE;IACzC,WAAW,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACrD;;WACsC,MAAM;WAAK,MAAM;;2BAGxB;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAG,OAAO;sBAMvC,oBAAoB,KAAG;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;kCAwD7B,aAAa,KAAG,OAAO,CAAC,IAAI,CAAC;mCA2JlC,UAAU,KAAG,IAAI;+BAQrB,UAAU,KAAG,IAAI;EA+BpD"}
+{"version":3,"file":"useSheetCellAgent.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/useSheetCellAgent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,wBAAgB,iBAAiB,CAAC,OAAO,EAAE;IACzC,WAAW,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACrD;;WACsC,MAAM;WAAK,MAAM;;2BAGxB;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAG,OAAO;sBAMvC,oBAAoB,KAAG;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;kCAwD7B,aAAa,KAAG,OAAO,CAAC,IAAI,CAAC;mCA6JlC,UAAU,KAAG,IAAI;+BAQrB,UAAU,KAAG,IAAI;EA+BpD"}

package/dist/ui/data/sheet/useSheetCellAgent.js

@@ -14,12 +14,12 @@ export function useSheetCellAgent(options) {
         return { r, c };
     }
     function _enterEditMode(r, c) {
-        const cell = options.domAccessor.getCell(r, c);
-        if (cell == null)
-            return;
         editModeCellAddr.set({ r, c });
-        // Focus first focusable child after edit mode is set
+        // Re-query DOM inside queueMicrotask to avoid stale reference after Angular re-render
         queueMicrotask(() => {
+            const cell = options.domAccessor.getCell(r, c);
+            if (cell == null)
+                return;
             const focusable = cell.findFirstFocusableChild();
             if (focusable !== undefined) {
                 focusable.focus();
@@ -164,6 +164,8 @@ export function useSheetCellAgent(options) {
         }
         // Ctrl+C (copy)
         if (event.key === "c" && event.ctrlKey && !event.altKey && !event.shiftKey) {
+            if (!("clipboard" in navigator))
+                return;
             const td = _getClosestDataCell(target);
             if (td == null)
                 return;
@@ -180,6 +182,8 @@ export function useSheetCellAgent(options) {
         }
         // Ctrl+V (paste)
         if (event.key === "v" && event.ctrlKey && !event.altKey && !event.shiftKey) {
+            if (!("clipboard" in navigator))
+                return;
             const td = _getClosestDataCell(target);
             if (td == null)
                 return;

package/dist/ui/data/sheet/useSheetColumnFixing.d.ts

@@ -1,5 +1,11 @@
 import { type Signal } from "@angular/core";
 import type { ISdSheetColumnDef } from "./types";
+/**
+ * Fixed column의 left offset을 계산한다.
+ *
+ * **주의:** fixed column의 `width`는 반드시 px 단위여야 정확한 offset이 계산된다.
+ * em, rem, % 등 non-px 단위의 width는 offset 누적에 반영되지 않는다 (0으로 처리).
+ */
 export declare function useSheetColumnFixing(options: {
     columnDefs: Signal<ISdSheetColumnDef[]>;
 }): {

package/dist/ui/data/sheet/useSheetColumnFixing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSheetColumnFixing.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/useSheetColumnFixing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,UAAU,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC;CACzC;;;EA+BA"}
+{"version":3,"file":"useSheetColumnFixing.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/useSheetColumnFixing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,UAAU,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC;CACzC;;;EA+BA"}

package/dist/ui/data/sheet/useSheetColumnFixing.js

@@ -1,4 +1,10 @@
 import { computed } from "@angular/core";
+/**
+ * Fixed column의 left offset을 계산한다.
+ *
+ * **주의:** fixed column의 `width`는 반드시 px 단위여야 정확한 offset이 계산된다.
+ * em, rem, % 등 non-px 단위의 width는 offset 누적에 반영되지 않는다 (0으로 처리).
+ */
 export function useSheetColumnFixing(options) {
     const fixedLeftMap = computed(() => {
         const map = new Map();

package/dist/ui/form/editor/sd-tiptap-editor.control.d.ts

@@ -31,10 +31,10 @@ export declare class SdTiptapEditorControl {
     activeStates: WritableSignal<TiptapActiveStates>;
     activeColor: WritableSignal<string>;
     activeBgColor: WritableSignal<string>;
-    colorPickerMode: "text" | "bg" | undefined;
+    colorPickerMode: WritableSignal<"text" | "bg" | undefined>;
     /** @internal -- TipTap Editor 인스턴스. 테스트 및 고급 사용자용 */
     editor: WritableSignal<Editor | undefined>;
-    private updatingFromEditor;
+    private lastEditorHtml;
     private lastExtensions;
     private readonly resolvedExtensions;
     constructor();

package/dist/ui/form/editor/sd-tiptap-editor.control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-tiptap-editor.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/editor/sd-tiptap-editor.control.ts"],"names":[],"mappings":"AAAA,OAAO,EAcL,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;;AASzD,UAAU,kBAAkB;IAC1B,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;CACvB;AA4BD,qBAsMa,qBAAqB;IAChC,KAAK,0DAAmB;IACxB,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,WAAW,0DAAmB;IAC9B,WAAW,+CAAiB,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACzE,UAAU,kEAA2B;IAErC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA+C;IACrE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAEjD,QAAQ,CAAC,YAAY,WAMnB;IAEF,YAAY,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAiC;IACjF,WAAW,yBAAc;IACzB,aAAa,yBAAc;IAC3B,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAE3C,qDAAqD;IACrD,MAAM,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAqB;IAC/D,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,cAAc,CAA6B;IAEnD,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAShC;;IA2DH,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IA4D1B,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAI5C,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAqB3C,OAAO,CAAC,mBAAmB;yCA1NhB,qBAAqB;2CAArB,qBAAqB;CAmPjC"}
+{"version":3,"file":"sd-tiptap-editor.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/editor/sd-tiptap-editor.control.ts"],"names":[],"mappings":"AAAA,OAAO,EAcL,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;;AASzD,UAAU,kBAAkB;IAC1B,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;CACvB;AA4BD,qBAsMa,qBAAqB;IAChC,KAAK,0DAAmB;IACxB,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,WAAW,0DAAmB;IAC9B,WAAW,+CAAiB,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACzE,UAAU,kEAA2B;IAErC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA+C;IACrE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAEjD,QAAQ,CAAC,YAAY,WAMnB;IAEF,YAAY,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAiC;IACjF,WAAW,yBAAc;IACzB,aAAa,yBAAc;IAC3B,eAAe,4CAAgD;IAE/D,qDAAqD;IACrD,MAAM,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAqB;IAC/D,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,cAAc,CAA6B;IAEnD,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAShC;;IA4DH,OAAO,CAAC,YAAY;IAoBpB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IA4D1B,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAI5C,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAsB3C,OAAO,CAAC,mBAAmB;yCA5NhB,qBAAqB;2CAArB,qBAAqB;CAqPjC"}

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

@@ -148,7 +148,7 @@ function SdTiptapEditorControl_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵclassProp("_active", ctx_r1.activeStates().alignJustify);
     i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.colorPickerMode !== undefined ? 48 : -1);
+    i0.ɵɵconditional(ctx_r1.colorPickerMode() !== undefined ? 48 : -1);
 } }
 const DEFAULT_ACTIVE_STATES = {
     h1: false,
@@ -194,10 +194,10 @@ export class SdTiptapEditorControl {
     activeStates = signal(DEFAULT_ACTIVE_STATES, ...(ngDevMode ? [{ debugName: "activeStates" }] : /* istanbul ignore next */ []));
     activeColor = signal("", ...(ngDevMode ? [{ debugName: "activeColor" }] : /* istanbul ignore next */ []));
     activeBgColor = signal("", ...(ngDevMode ? [{ debugName: "activeBgColor" }] : /* istanbul ignore next */ []));
-    colorPickerMode;
+    colorPickerMode = signal(undefined, ...(ngDevMode ? [{ debugName: "colorPickerMode" }] : /* istanbul ignore next */ []));
     /** @internal -- TipTap Editor 인스턴스. 테스트 및 고급 사용자용 */
     editor = signal(undefined, ...(ngDevMode ? [{ debugName: "editor" }] : /* istanbul ignore next */ []));
-    updatingFromEditor = false;
+    lastEditorHtml;
     lastExtensions;
     resolvedExtensions = computed(() => {
         const custom = this.extensions();
@@ -214,9 +214,6 @@ export class SdTiptapEditorControl {
         effect(() => {
             const extensions = this.resolvedExtensions();
             const val = this.value();
-            // Skip if value change originated from editor input
-            if (this.updatingFromEditor)
-                return;
             // Recreate editor if extensions changed
             if (this.lastExtensions !== extensions) {
                 this.lastExtensions = extensions;
@@ -224,6 +221,9 @@ export class SdTiptapEditorControl {
                 this.createEditor(extensions, val);
                 return;
             }
+            // Skip if value matches last editor output (editor-originated change)
+            if (val === this.lastEditorHtml)
+                return;
             // Sync value to existing editor
             const currentEditor = untracked(() => this.editor());
             if (currentEditor == null)
@@ -232,6 +232,7 @@ export class SdTiptapEditorControl {
             if (currentHtml === val)
                 return;
             currentEditor.commands.setContent(val ?? "", { emitUpdate: false });
+            this.lastEditorHtml = undefined;
         });
         // disabled/readonly → editor.setEditable()
         effect(() => {
@@ -272,9 +273,8 @@ export class SdTiptapEditorControl {
             editable: untracked(() => !this.disabled() && !this.readonly()),
             onUpdate: ({ editor }) => {
                 const html = this.getEditorHtmlFrom(editor);
-                this.updatingFromEditor = true;
+                this.lastEditorHtml = html;
                 this.value.set(html);
-                this.updatingFromEditor = false;
             },
             onTransaction: () => {
                 this.refreshActiveStates();
@@ -287,6 +287,7 @@ export class SdTiptapEditorControl {
             ed.destroy();
             this.editor.set(undefined);
         }
+        this.lastEditorHtml = undefined;
     }
     getEditorHtmlFrom(editor) {
         const html = editor.getHTML();
@@ -354,14 +355,15 @@ export class SdTiptapEditorControl {
         }
     }
     toggleColorPicker(mode) {
-        this.colorPickerMode = this.colorPickerMode === mode ? undefined : mode;
+        this.colorPickerMode.set(this.colorPickerMode() === mode ? undefined : mode);
     }
     applyColor(color) {
         const ed = this.editor();
         if (ed == null)
             return;
         const chain = ed.chain().focus();
-        if (this.colorPickerMode === "text") {
+        const mode = this.colorPickerMode();
+        if (mode === "text") {
             if (color !== undefined) {
                 chain.setColor(color).run();
             }
@@ -369,7 +371,7 @@ export class SdTiptapEditorControl {
                 chain.unsetColor().run();
             }
         }
-        else if (this.colorPickerMode === "bg") {
+        else if (mode === "bg") {
             if (color !== undefined) {
                 chain.setHighlight({ color }).run();
             }
@@ -377,7 +379,7 @@ export class SdTiptapEditorControl {
                 chain.unsetHighlight().run();
             }
         }
-        this.colorPickerMode = undefined;
+        this.colorPickerMode.set(undefined);
     }
     refreshActiveStates() {
         const ed = this.editor();
@@ -475,7 +477,7 @@ export class SdTiptapEditorControl {
           <button type="button" data-cmd="clean" (click)="execCmd('clean')">Tx</button>
         </div>
       </div>
-      @if (colorPickerMode !== undefined) {
+      @if (colorPickerMode() !== undefined) {
         <div class="_color-picker">
           @for (color of colorPresets; track color) {
             <button type="button" class="_color-swatch"

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"sd-select.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/select/sd-select.control.ts"],"names":[],"mappings":"AAAA,OAAO,EAWL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;;AAU/D,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,qBAmJa,eAAe,CAAC,CAAC,SAAS,QAAQ,GAAG,OAAO,EAAE,CAAC;IAC1D,UAAU,yCAAwB;IAClC,KAAK,4EAAqC;IAC1C,WAAW,0DAAmB;IAC9B,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,QAAQ,qEAAiD;IAEzD,aAAa,qEAAiD;IAC9D,8BAA8B,8DAAuB;IAErD,KAAK,uDAAgB;IACrB,aAAa,8CAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,eAAI;IAEtD,YAAY,0DAAmB;IAC/B,YAAY,0DAAmB;IAE/B,YAAY,kDAAiB;IAE7B,SAAS,CAAC,QAAQ,CAAC,eAAe,iUAAmB;IAErD,aAAa,sEAAwC;IACrD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAyC;IAC1E,OAAO,CAAC,QAAQ,CAAC,cAAc,CAG7B;IAEF,UAAU,gEAAgD;IAC1D,UAAU,gEAAgD;IAC1D,UAAU,+DAAkE;IAE5E,wBAAwB,6DAAyC;IAEjE,UAAU;cAAkB,CAAC;eAAS,MAAM;eAAS,MAAM;SAAU;;IAwJrE,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI;IAO9B,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI;IAI9B,OAAO,CAAC,YAAY;IAepB,WAAW,IAAI,IAAI;IAQnB,aAAa,IAAI,IAAI;IAIrB,aAAa,IAAI,IAAI;IAIrB,YAAY,IAAI,IAAI;yCAtOT,eAAe;2CAAf,eAAe;CA0O3B"}
+{"version":3,"file":"sd-select.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/select/sd-select.control.ts"],"names":[],"mappings":"AAAA,OAAO,EAWL,WAAW,EAIZ,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;;AAU/D,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,qBAmJa,eAAe,CAAC,CAAC,SAAS,QAAQ,GAAG,OAAO,EAAE,CAAC;IAC1D,UAAU,yCAAwB;IAClC,KAAK,4EAAqC;IAC1C,WAAW,0DAAmB;IAC9B,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,QAAQ,qEAAiD;IAEzD,aAAa,qEAAiD;IAC9D,8BAA8B,8DAAuB;IAErD,KAAK,uDAAgB;IACrB,aAAa,8CAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,eAAI;IAEtD,YAAY,0DAAmB;IAC/B,YAAY,0DAAmB;IAE/B,YAAY,kDAAiB;IAE7B,SAAS,CAAC,QAAQ,CAAC,eAAe,iUAAmB;IAErD,aAAa,sEAAwC;IACrD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAyC;IAC1E,OAAO,CAAC,QAAQ,CAAC,cAAc,CAG7B;IAEF,UAAU,gEAAgD;IAC1D,UAAU,gEAAgD;IAC1D,UAAU,+DAAkE;IAE5E,wBAAwB,6DAAyC;IAEjE,UAAU;cAAkB,CAAC;eAAS,MAAM;eAAS,MAAM;SAAU;;IA2JrE,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI;IAO9B,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI;IAI9B,OAAO,CAAC,YAAY;IAepB,WAAW,IAAI,IAAI;IAQnB,aAAa,IAAI,IAAI;IAIrB,aAAa,IAAI,IAAI;IAIrB,YAAY,IAAI,IAAI;yCAzOT,eAAe;2CAAf,eAAe;CA6O3B"}

package/dist/ui/form/select/sd-select.control.js

@@ -1,4 +1,4 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, contentChild, contentChildren, effect, ElementRef, input, model, signal, TemplateRef, viewChild, ViewEncapsulation, } from "@angular/core";
+import { booleanAttribute, ChangeDetectionStrategy, Component, contentChild, contentChildren, effect, ElementRef, input, model, signal, TemplateRef, untracked, viewChild, ViewEncapsulation, } from "@angular/core";
 import { NgTemplateOutlet } from "@angular/common";
 import { SdDropdownControl } from "../../overlay/dropdown/sd-dropdown.control";
 import { SdDropdownPopupControl } from "../../overlay/dropdown/sd-dropdown-popup.control";
@@ -221,6 +221,8 @@ export class SdSelectControl {
             }
         });
         // Mirror selected item's contentHTML to the trigger display area
+        // PERF-004: item.value() reads are untracked to reduce signal subscriptions from O(N) to O(K).
+        // _itemControls() already tracks item additions/removals, value() tracks selection changes.
         effect(() => {
             const items = this._itemControls();
             const currentValue = this.value();
@@ -234,14 +236,13 @@ export class SdSelectControl {
                     this._selectedItemContentHTML.set(undefined);
                     return;
                 }
+                const selectedItems = untracked(() => items.filter((item) => arr.includes(item.value())));
                 const separator = this.multiSelectionDisplayDirection() === "vertical" ? "<br>" : ", ";
                 const htmlParts = [];
-                for (const item of items) {
-                    if (arr.includes(item.value())) {
-                        const html = item.contentHTML();
-                        if (html !== "") {
-                            htmlParts.push(html);
-                        }
+                for (const item of selectedItems) {
+                    const html = item.contentHTML();
+                    if (html !== "") {
+                        htmlParts.push(html);
                     }
                 }
                 if (htmlParts.length > 0) {
@@ -252,16 +253,19 @@ export class SdSelectControl {
                 }
                 return;
             }
-            for (const item of items) {
-                if (item.value() === currentValue) {
-                    const html = item.contentHTML();
-                    if (html !== "") {
-                        this._selectedItemContentHTML.set(html);
-                    }
-                    return;
+            const selectedItem = untracked(() => items.find((item) => item.value() === currentValue));
+            if (selectedItem != null) {
+                const html = selectedItem.contentHTML();
+                if (html !== "") {
+                    this._selectedItemContentHTML.set(html);
+                }
+                else {
+                    this._selectedItemContentHTML.set(undefined);
                 }
             }
-            this._selectedItemContentHTML.set(undefined);
+            else {
+                this._selectedItemContentHTML.set(undefined);
+            }
         });
     }
     selectItem(itemValue) {
@@ -427,4 +431,4 @@ export class SdSelectControl {
                     "[attr.data-sd-disabled]": "disabled()",
                 }, styles: ["sd-select {\n  display: block;\n  position: relative;\n}\nsd-select > sd-dropdown > ._sd-select-control {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: var(--theme-secondary-lightest);\n}\nsd-select > sd-dropdown > ._sd-select-control > ._sd-select-control-content {\n  flex: 1;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nsd-select > sd-dropdown > ._sd-select-control > ._sd-select-control-icon {\n  margin-left: var(--gap-sm);\n  opacity: 0.3;\n}\nsd-select > sd-dropdown:focus-within > ._sd-select-control {\n  border-color: var(--theme-secondary-default);\n}\nsd-select[data-sd-size=sm] > sd-dropdown > ._sd-select-control {\n  padding: var(--gap-xs) var(--gap-sm);\n}\nsd-select[data-sd-size=lg] > sd-dropdown > ._sd-select-control {\n  padding: var(--gap-default) var(--gap-lg);\n}\nsd-select[data-sd-inline=true] {\n  display: inline-block;\n  width: auto;\n}\nsd-select[data-sd-inset=true] > sd-dropdown > ._sd-select-control {\n  border: none;\n  border-radius: 0;\n}\nsd-select[data-sd-inset=true] > sd-dropdown > ._sd-select-control:focus-within {\n  outline: 1px solid var(--theme-primary-default);\n}\nsd-select[data-sd-disabled=true] > sd-dropdown > ._sd-select-control {\n  background: var(--trans-lighter);\n  cursor: default;\n}\nsd-select[data-sd-disabled=true] > sd-dropdown > ._sd-select-control > ._sd-select-control-icon {\n  display: none;\n}\n\n._sd-select-all-bar {\n  display: flex;\n  padding: var(--gap-sm) var(--gap-default);\n  border-bottom: 1px solid var(--border-color-light);\n}"] }]
     }], () => [], { selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], hideSelectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideSelectAll", required: false }] }], multiSelectionDisplayDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSelectionDisplayDirection", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], getChildrenFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getChildrenFn", required: false }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }], contentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentStyle", required: false }] }], _itemControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdSelectItemControl), { isSignal: true }] }], _dropdownControl: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SdDropdownControl), { isSignal: true }] }], _dropdownElRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SdDropdownControl), { ...{ read: ElementRef }, isSignal: true }] }], _headerTpl: [{ type: i0.ContentChild, args: ["headerTpl", { isSignal: true }] }], _beforeTpl: [{ type: i0.ContentChild, args: ["beforeTpl", { isSignal: true }] }], _itemOfTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdItemOfTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSelectControl, { className: "SdSelectControl", filePath: "packages/angular/src/ui/form/select/sd-select.control.ts", lineNumber: 181, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSelectControl, { className: "SdSelectControl", filePath: "packages/angular/src/ui/form/select/sd-select.control.ts", lineNumber: 182, forbidOrphanRendering: true }); })();

package/dist/ui/layout/dock/sd-dock.control.js

@@ -54,17 +54,17 @@ export class SdDockControl {
             e.stopPropagation();
             e.preventDefault();
             if (this.position() === "bottom") {
-                thisEl.style.height = `${startHeight - e.clientY + startY}px`;
+                thisEl.style.height = `${Math.max(0, startHeight - e.clientY + startY)}px`;
             }
             else if (this.position() === "right") {
-                thisEl.style.width = `${startWidth - e.clientX + startX}px`;
+                thisEl.style.width = `${Math.max(0, startWidth - e.clientX + startX)}px`;
             }
             else if (this.position() === "top") {
-                thisEl.style.height = `${startHeight + e.clientY - startY}px`;
+                thisEl.style.height = `${Math.max(0, startHeight + e.clientY - startY)}px`;
             }
             else {
                 // left
-                thisEl.style.width = `${startWidth + e.clientX - startX}px`;
+                thisEl.style.width = `${Math.max(0, startWidth + e.clientX - startX)}px`;
             }
         };
         const stopDrag = (e) => {

package/dist/ui/navigation/pagination/sd-pagination.control.js

@@ -56,7 +56,7 @@ export class SdPaginationControl {
         this.currentPage.set(page);
     }
     goToNextGroup() {
-        this.currentPage.set((this.groupIndex() + 1) * this.visiblePageCount());
+        this.currentPage.set((this.groupIndex() + 1) * Math.max(this.visiblePageCount(), 1));
     }
     goToPrevGroup() {
         if (!this.hasPrev())

package/dist/ui/navigation/sidebar/sd-sidebar-menu.control.d.ts

@@ -1,28 +1,22 @@
+import { type ISdMenu } from "../menu-utils";
 import * as i0 from "@angular/core";
 export declare class SdSidebarMenuControl {
-    menus: import("@angular/core").InputSignal<ISdSidebarMenu[]>;
+    menus: import("@angular/core").InputSignal<ISdMenu[]>;
     layout: import("@angular/core").InputSignal<"flat" | "accordion" | undefined>;
-    getMenuIsSelectedFn: import("@angular/core").InputSignal<((menu: ISdSidebarMenu) => boolean) | undefined>;
+    getMenuIsSelectedFn: import("@angular/core").InputSignal<((menu: ISdMenu) => boolean) | undefined>;
     fullPageCode: import("@angular/core").Signal<string>;
     rootLayout: import("@angular/core").Signal<"flat" | "accordion">;
-    getMenuRouterLinkOption(menu: ISdSidebarMenu): {
+    getMenuRouterLinkOption(menu: ISdMenu): {
         link: string;
         queryParams: Record<string, string> | undefined;
     } | undefined;
-    getIsMenuSelected(menu: ISdSidebarMenu): boolean;
-    onMenuClick(menu: ISdSidebarMenu): void;
+    getIsMenuSelected(menu: ISdMenu): boolean;
+    onMenuClick(menu: ISdMenu): void;
     protected readonly itemTemplateType: {
-        menus: ISdSidebarMenu[];
+        menus: ISdMenu[];
         depth: number;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSidebarMenuControl, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdSidebarMenuControl, "sd-sidebar-menu", never, { "menus": { "alias": "menus"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "getMenuIsSelectedFn": { "alias": "getMenuIsSelectedFn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export interface ISdSidebarMenu {
-    title: string;
-    codeChain: string[];
-    url?: string;
-    icon?: string;
-    children?: ISdSidebarMenu[];
-}
 //# sourceMappingURL=sd-sidebar-menu.control.d.ts.map

package/dist/ui/navigation/sidebar/sd-sidebar-menu.control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-sidebar-menu.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/sidebar/sd-sidebar-menu.control.ts"],"names":[],"mappings":";AAaA,qBA8Ea,oBAAoB;IAC/B,KAAK,wDAA+B;IACpC,MAAM,wEAAiC;IACvC,mBAAmB,8CAAgB,cAAc,KAAK,OAAO,eAAI;IAEjE,YAAY,yCAA2B;IAEvC,UAAU,uDAAsF;IAEhG,uBAAuB,CACrB,IAAI,EAAE,cAAc,GACnB;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;KAAE,GAAG,SAAS;IAIhF,iBAAiB,CAAC,IAAI,EAAE,cAAc,GAAG,OAAO;IAIhD,WAAW,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAMvC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAG;QACpC,KAAK,EAAE,cAAc,EAAE,CAAC;QACxB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;yCA5BS,oBAAoB;2CAApB,oBAAoB;CA6BhC;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;CAC7B"}
+{"version":3,"file":"sd-sidebar-menu.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/sidebar/sd-sidebar-menu.control.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,OAAO,EAGb,MAAM,eAAe,CAAC;;AAQvB,qBA8Ea,oBAAoB;IAC/B,KAAK,iDAAwB;IAC7B,MAAM,wEAAiC;IACvC,mBAAmB,8CAAgB,OAAO,KAAK,OAAO,eAAI;IAE1D,YAAY,yCAA2B;IAEvC,UAAU,uDAAsF;IAEhG,uBAAuB,CACrB,IAAI,EAAE,OAAO,GACZ;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;KAAE,GAAG,SAAS;IAIhF,iBAAiB,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO;IAIzC,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAMhC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAG;QACpC,KAAK,EAAE,OAAO,EAAE,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;yCA5BS,oBAAoB;2CAApB,oBAAoB;CA6BhC"}

package/dist/ui/navigation/sidebar/sd-sidebar-menu.control.js

@@ -156,4 +156,4 @@ export class SdSidebarMenuControl {
     </ng-template>
   `, styles: ["sd-sidebar-menu > sd-list[data-sd-inset=true] sd-list {\n  background: var(--trans-lightest);\n}\nsd-sidebar-menu > sd-list[data-sd-inset=true] > sd-list-item > ._content {\n  padding-block: var(--gap-default);\n}\nsd-sidebar-menu:not([data-sd-root-layout=accordion]) > sd-list[data-sd-inset=true] > sd-list-item > sd-collapse > ._content > sd-list {\n  background: transparent;\n}"] }]
     }], null, { menus: [{ type: i0.Input, args: [{ isSignal: true, alias: "menus", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], getMenuIsSelectedFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getMenuIsSelectedFn", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebarMenuControl, { className: "SdSidebarMenuControl", filePath: "packages/angular/src/ui/navigation/sidebar/sd-sidebar-menu.control.ts", lineNumber: 92, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebarMenuControl, { className: "SdSidebarMenuControl", filePath: "packages/angular/src/ui/navigation/sidebar/sd-sidebar-menu.control.ts", lineNumber: 93, forbidOrphanRendering: true }); })();

package/dist/ui/navigation/topbar/sd-topbar-menu.control.d.ts

@@ -1,17 +1,18 @@
+import { type ISdMenu } from "../menu-utils";
 import * as i0 from "@angular/core";
 export declare class SdTopbarMenuControl {
-    menus: import("@angular/core").InputSignal<ISdTopbarMenu[]>;
-    getMenuIsSelectedFn: import("@angular/core").InputSignal<((menu: ISdTopbarMenu) => boolean) | undefined>;
+    menus: import("@angular/core").InputSignal<ISdMenu[]>;
+    getMenuIsSelectedFn: import("@angular/core").InputSignal<((menu: ISdMenu) => boolean) | undefined>;
     fullPageCode: import("@angular/core").Signal<string>;
     private readonly _dropdowns;
-    getMenuRouterLinkOption(menu: ISdTopbarMenu): {
+    getMenuRouterLinkOption(menu: ISdMenu): {
         link: string;
         queryParams: Record<string, string> | undefined;
     } | undefined;
-    getIsMenuSelected(menu: ISdTopbarMenu): boolean;
-    onMenuClick(menu: ISdTopbarMenu, dropdownIndex: number): void;
+    getIsMenuSelected(menu: ISdMenu): boolean;
+    onMenuClick(menu: ISdMenu, dropdownIndex: number): void;
     protected readonly itemTemplateType: {
-        menus: ISdTopbarMenu[];
+        menus: ISdMenu[];
         depth: number;
         dropdownIndex: number;
     };
@@ -19,11 +20,4 @@ export declare class SdTopbarMenuControl {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdTopbarMenuControl, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdTopbarMenuControl, "sd-topbar-menu", never, { "menus": { "alias": "menus"; "required": false; "isSignal": true; }; "getMenuIsSelectedFn": { "alias": "getMenuIsSelectedFn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export interface ISdTopbarMenu {
-    title: string;
-    codeChain: string[];
-    url?: string;
-    icon?: string;
-    children?: ISdTopbarMenu[];
-}
 //# sourceMappingURL=sd-topbar-menu.control.d.ts.map

package/dist/ui/navigation/topbar/sd-topbar-menu.control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-topbar-menu.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/topbar/sd-topbar-menu.control.ts"],"names":[],"mappings":";AAuBA,qBAkGa,mBAAmB;IAC9B,KAAK,uDAA8B;IACnC,mBAAmB,8CAAgB,aAAa,KAAK,OAAO,eAAI;IAEhE,YAAY,yCAA2B;IAEvC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAmC;IAE9D,uBAAuB,CACrB,IAAI,EAAE,aAAa,GAClB;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;KAAE,GAAG,SAAS;IAIhF,iBAAiB,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO;IAI/C,WAAW,CAAC,IAAI,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,GAAG,IAAI;IAU7D,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAG;QACpC,KAAK,EAAE,aAAa,EAAE,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;IAEF,SAAS,CAAC,QAAQ,CAAC,eAAe,iUAAmB;yCAlC1C,mBAAmB;2CAAnB,mBAAmB;CAmC/B;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;CAC5B"}
+{"version":3,"file":"sd-topbar-menu.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/topbar/sd-topbar-menu.control.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,OAAO,EAGb,MAAM,eAAe,CAAC;;AAYvB,qBAkGa,mBAAmB;IAC9B,KAAK,iDAAwB;IAC7B,mBAAmB,8CAAgB,OAAO,KAAK,OAAO,eAAI;IAE1D,YAAY,yCAA2B;IAEvC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAmC;IAE9D,uBAAuB,CACrB,IAAI,EAAE,OAAO,GACZ;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;KAAE,GAAG,SAAS;IAIhF,iBAAiB,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO;IAIzC,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,IAAI;IAUvD,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAG;QACpC,KAAK,EAAE,OAAO,EAAE,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;IAEF,SAAS,CAAC,QAAQ,CAAC,eAAe,iUAAmB;yCAlC1C,mBAAmB;2CAAnB,mBAAmB;CAmC/B"}