@simplysm/angular 14.0.41 → 14.0.43

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

@@ -48,21 +48,19 @@ function SdSharedDataSelect_ng_template_3_Template(rf, ctx) { if (rf & 1) {
 } }
 function SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_1_ng_template_0_Template(rf, ctx) { }
 function SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 10);
+    i0.ɵɵtemplate(0, SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 8);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.undefinedTplRef());
 } }
 function SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 11);
+    i0.ɵɵelementStart(0, "span", 9);
     i0.ɵɵtext(1, "\uBBF8\uC9C0\uC815");
     i0.ɵɵelementEnd();
 } }
 function SdSharedDataSelect_ng_template_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵlistener("click", function SdSharedDataSelect_ng_template_5_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onUndefinedClick()); })("keydown.enter", function SdSharedDataSelect_ng_template_5_Conditional_0_Template_div_keydown_enter_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onUndefinedClick()); })("keydown.space", function SdSharedDataSelect_ng_template_5_Conditional_0_Template_div_keydown_space_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.onUndefinedClick(); return i0.ɵɵresetView($event.preventDefault()); });
-    i0.ɵɵconditionalCreate(1, SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_1_Template, 1, 1, null, 10)(2, SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_2_Template, 2, 0, "span", 11);
+    i0.ɵɵelementStart(0, "sd-select-item");
+    i0.ɵɵconditionalCreate(1, SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_1_Template, 1, 1, null, 8)(2, SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_2_Template, 2, 0, "span", 9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -70,36 +68,36 @@ function SdSharedDataSelect_ng_template_5_Conditional_0_Template(rf, ctx) { if (
     i0.ɵɵconditional(ctx_r1.undefinedTplRef() ? 1 : 2);
 } }
 function SdSharedDataSelect_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SdSharedDataSelect_ng_template_5_Conditional_0_Template, 3, 1, "div", 8);
+    i0.ɵɵconditionalCreate(0, SdSharedDataSelect_ng_template_5_Conditional_0_Template, 3, 1, "sd-select-item");
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵconditional(!ctx_r1.required() && ctx_r1.selectMode() === "single" || ctx_r1.useUndefined() && ctx_r1.selectMode() === "multi" ? 0 : -1);
 } }
 function SdSharedDataSelect_ng_template_7_Conditional_0_ng_template_2_Template(rf, ctx) { }
 function SdSharedDataSelect_ng_template_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "sd-select-item", 12)(1, "span");
-    i0.ɵɵtemplate(2, SdSharedDataSelect_ng_template_7_Conditional_0_ng_template_2_Template, 0, 0, "ng-template", 13);
+    i0.ɵɵelementStart(0, "sd-select-item", 10)(1, "span");
+    i0.ɵɵtemplate(2, SdSharedDataSelect_ng_template_7_Conditional_0_ng_template_2_Template, 0, 0, "ng-template", 11);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext();
-    const item_r7 = ctx_r5.item;
-    const index_r8 = ctx_r5.index;
-    const depth_r9 = ctx_r5.depth;
+    const ctx_r4 = i0.ɵɵnextContext();
+    const item_r6 = ctx_r4.item;
+    const index_r7 = ctx_r4.index;
+    const depth_r8 = ctx_r4.depth;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("value", item_r7.__valueKey)("hidden", !ctx_r1.getItemVisible(item_r7, index_r8));
+    i0.ɵɵproperty("value", item_r6.__valueKey)("hidden", !ctx_r1.getItemVisible(item_r6, index_r7));
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("text-decoration", ctx_r1.getIsHiddenFn()(item_r7, index_r8) ? "line-through" : undefined);
+    i0.ɵɵstyleProp("text-decoration", ctx_r1.getIsHiddenFn()(item_r6, index_r7) ? "line-through" : undefined);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.itemTplRef() ?? null)("ngTemplateOutletContext", i0.ɵɵpureFunction4(6, _c1, item_r7, item_r7, index_r8, depth_r9));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.itemTplRef() ?? null)("ngTemplateOutletContext", i0.ɵɵpureFunction4(6, _c1, item_r6, item_r6, index_r7, depth_r8));
 } }
 function SdSharedDataSelect_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SdSharedDataSelect_ng_template_7_Conditional_0_Template, 3, 11, "sd-select-item", 12);
+    i0.ɵɵconditionalCreate(0, SdSharedDataSelect_ng_template_7_Conditional_0_Template, 3, 11, "sd-select-item", 10);
 } if (rf & 2) {
-    const item_r7 = ctx.item;
-    const index_r8 = ctx.index;
-    const depth_r9 = ctx.depth;
+    const item_r6 = ctx.item;
+    const index_r7 = ctx.index;
+    const depth_r8 = ctx.depth;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r1.getItemSelectable(item_r7, index_r8, depth_r9) && (ctx_r1.isDropdownOpen() || ctx_r1.selectedKeys().includes(item_r7.__valueKey)) ? 0 : -1);
+    i0.ɵɵconditional(ctx_r1.getItemSelectable(item_r6, index_r7, depth_r8) && (ctx_r1.isDropdownOpen() || ctx_r1.selectedKeys().includes(item_r6.__valueKey)) ? 0 : -1);
 } }
 export class SdSharedDataSelect {
     _sdModal = inject(SdModalProvider);
@@ -124,6 +122,7 @@ export class SdSharedDataSelect {
     displayOrderKeyProp = input(...(ngDevMode ? [undefined, { debugName: "displayOrderKeyProp" }] : /* istanbul ignore next */ []));
     itemTplRef = contentChild(SdItemOfTemplate, { ...(ngDevMode ? { debugName: "itemTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
     undefinedTplRef = contentChild("undefinedTpl", { ...(ngDevMode ? { debugName: "undefinedTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    trackByFn = (item) => item.__valueKey;
     searchText = signal(undefined, ...(ngDevMode ? [{ debugName: "searchText" }] : /* istanbul ignore next */ []));
     isDropdownOpen = computed(() => this._selectCtrl()?.dropdownOpen() ?? false, ...(ngDevMode ? [{ debugName: "isDropdownOpen" }] : /* istanbul ignore next */ []));
     hasParentKey = computed(() => this.items().some((item) => item.__parentKey != null), ...(ngDevMode ? [{ debugName: "hasParentKey" }] : /* istanbul ignore next */ []));
@@ -157,15 +156,7 @@ export class SdSharedDataSelect {
         });
         const orderProp = this.displayOrderKeyProp();
         if (orderProp != null) {
-            result = [...result].sort((a, b) => {
-                const aVal = a[orderProp];
-                const bVal = b[orderProp];
-                if (aVal < bVal)
-                    return -1;
-                if (aVal > bVal)
-                    return 1;
-                return 0;
-            });
+            result = result.orderBy((item) => item[orderProp]);
         }
         return result;
     }, ...(ngDevMode ? [{ debugName: "rootDisplayItems" }] : /* istanbul ignore next */ []));
@@ -179,7 +170,7 @@ export class SdSharedDataSelect {
         const check = (item, index) => {
             const key = item.__valueKey;
             const cached = cache.get(key);
-            if (cached !== undefined)
+            if (cached != null)
                 return cached;
             const itemText = getSearchTextFn(item, index);
             if (matchesSearchText(itemText, searchText)) {
@@ -254,15 +245,7 @@ export class SdSharedDataSelect {
             return parentMap;
         const sorted = new Map();
         for (const [key, children] of parentMap) {
-            sorted.set(key, [...children].sort((a, b) => {
-                const aVal = a[orderProp];
-                const bVal = b[orderProp];
-                if (aVal < bVal)
-                    return -1;
-                if (aVal > bVal)
-                    return 1;
-                return 0;
-            }));
+            sorted.set(key, children.orderBy((item) => item[orderProp]));
         }
         return sorted;
     }, ...(ngDevMode ? [{ debugName: "_sortedChildrenMap" }] : /* istanbul ignore next */ []));
@@ -270,9 +253,6 @@ export class SdSharedDataSelect {
         return (this._sortedChildrenMap()?.get(item.__valueKey) ??
             []);
     };
-    onUndefinedClick() {
-        this.value.set(undefined);
-    }
     async onModalButtonClick(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -313,7 +293,7 @@ export class SdSharedDataSelect {
             i0.ɵɵviewQuerySignal(ctx._selectCtrl, SdSelect, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, inputs: { value: [1, "value"], items: [1, "items"], disabled: [1, "disabled"], required: [1, "required"], useUndefined: [1, "useUndefined"], inset: [1, "inset"], inline: [1, "inline"], size: [1, "size"], selectMode: [1, "selectMode"], filterFn: [1, "filterFn"], filterFnParams: [1, "filterFnParams"], modal: [1, "modal"], editModal: [1, "editModal"], selectClass: [1, "selectClass"], multiSelectionDisplayDirection: [1, "multiSelectionDisplayDirection"], getIsHiddenFn: [1, "getIsHiddenFn"], getSearchTextFn: [1, "getSearchTextFn"], displayOrderKeyProp: [1, "displayOrderKeyProp"] }, outputs: { value: "valueChange" }, decls: 8, vars: 14, consts: [["headerTpl", ""], ["beforeTpl", ""], [3, "valueChange", "value", "disabled", "required", "inset", "inline", "size", "items", "selectMode", "contentClass", "multiSelectionDisplayDirection", "getChildrenFn"], [3, "itemOf"], [3, "click"], [3, "svg"], [1, "p-xs"], [3, "valueChange", "type", "value", "placeholder", "size"], ["tabindex", "0", 1, "_sd-shared-data-select-undefined"], ["tabindex", "0", 1, "_sd-shared-data-select-undefined", 3, "click", "keydown.enter", "keydown.space"], [3, "ngTemplateOutlet"], [1, "tx-theme-gray-default"], [3, "value", "hidden"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function SdSharedDataSelect_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { value: [1, "value"], items: [1, "items"], disabled: [1, "disabled"], required: [1, "required"], useUndefined: [1, "useUndefined"], inset: [1, "inset"], inline: [1, "inline"], size: [1, "size"], selectMode: [1, "selectMode"], filterFn: [1, "filterFn"], filterFnParams: [1, "filterFnParams"], modal: [1, "modal"], editModal: [1, "editModal"], selectClass: [1, "selectClass"], multiSelectionDisplayDirection: [1, "multiSelectionDisplayDirection"], getIsHiddenFn: [1, "getIsHiddenFn"], getSearchTextFn: [1, "getSearchTextFn"], displayOrderKeyProp: [1, "displayOrderKeyProp"] }, outputs: { value: "valueChange" }, decls: 8, vars: 15, consts: [["headerTpl", ""], ["beforeTpl", ""], [3, "valueChange", "value", "disabled", "required", "inset", "inline", "size", "items", "trackByFn", "selectMode", "contentClass", "multiSelectionDisplayDirection", "getChildrenFn"], [3, "itemOf"], [3, "click"], [3, "svg"], [1, "p-xs"], [3, "valueChange", "type", "value", "placeholder", "size"], [3, "ngTemplateOutlet"], [1, "tx-theme-gray-default"], [3, "value", "hidden"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function SdSharedDataSelect_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "sd-select", 2);
             i0.ɵɵlistener("valueChange", function SdSharedDataSelect_Template_sd_select_valueChange_0_listener($event) { return ctx.value.set($event); });
             i0.ɵɵconditionalCreate(1, SdSharedDataSelect_Conditional_1_Template, 2, 1, "sd-select-button");
@@ -321,7 +301,7 @@ export class SdSharedDataSelect {
             i0.ɵɵtemplate(3, SdSharedDataSelect_ng_template_3_Template, 2, 4, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(5, SdSharedDataSelect_ng_template_5_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(7, SdSharedDataSelect_ng_template_7_Template, 1, 1, "ng-template", 3);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("value", ctx.value())("disabled", ctx.disabled())("required", ctx.required())("inset", ctx.inset())("inline", ctx.inline())("size", ctx.size())("items", ctx.rootDisplayItems())("selectMode", ctx.selectMode())("contentClass", ctx.selectClass())("multiSelectionDisplayDirection", ctx.multiSelectionDisplayDirection())("getChildrenFn", ctx.hasParentKey() ? ctx.getChildren : undefined);
+            i0.ɵɵproperty("value", ctx.value())("disabled", ctx.disabled())("required", ctx.required())("inset", ctx.inset())("inline", ctx.inline())("size", ctx.size())("items", ctx.rootDisplayItems())("trackByFn", ctx.trackByFn)("selectMode", ctx.selectMode())("contentClass", ctx.selectClass())("multiSelectionDisplayDirection", ctx.multiSelectionDisplayDirection())("getChildrenFn", ctx.hasParentKey() ? ctx.getChildren : undefined);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.modal() ? 1 : -1);
             i0.ɵɵadvance();
@@ -362,6 +342,7 @@ export class SdSharedDataSelect {
       [inline]="inline()"
       [size]="size()"
       [items]="rootDisplayItems()"
+      [trackByFn]="trackByFn"
       [selectMode]="selectMode()"
       [contentClass]="selectClass()"
       [multiSelectionDisplayDirection]="multiSelectionDisplayDirection()"
@@ -394,19 +375,13 @@ export class SdSharedDataSelect {
           (!required() && selectMode() === "single") ||
           (useUndefined() && selectMode() === "multi")
         ) {
-          <div
-            class="_sd-shared-data-select-undefined"
-            tabindex="0"
-            (click)="onUndefinedClick()"
-            (keydown.enter)="onUndefinedClick()"
-            (keydown.space)="onUndefinedClick(); $event.preventDefault()"
-          >
+          <sd-select-item>
             @if (undefinedTplRef()) {
               <ng-template [ngTemplateOutlet]="undefinedTplRef()!" />
             } @else {
               <span class="tx-theme-gray-default">미지정</span>
             }
-          </div>
+          </sd-select-item>
         }
       </ng-template>
 
@@ -445,4 +420,4 @@ export class SdSharedDataSelect {
     }], () => [], { _selectCtrl: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SdSelect), { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], useUndefined: [{ type: i0.Input, args: [{ isSignal: true, alias: "useUndefined", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], filterFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFn", required: false }] }], filterFnParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFnParams", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], editModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "editModal", required: false }] }], selectClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectClass", required: false }] }], multiSelectionDisplayDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSelectionDisplayDirection", required: false }] }], getIsHiddenFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getIsHiddenFn", required: false }] }], getSearchTextFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getSearchTextFn", required: false }] }], displayOrderKeyProp: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayOrderKeyProp", required: false }] }], itemTplRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdItemOfTemplate), { ...{ read: TemplateRef }, isSignal: true }] }], undefinedTplRef: [{ type: i0.ContentChild, args: ["undefinedTpl", { ...{
                         read: TemplateRef,
                     }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSharedDataSelect, { className: "SdSharedDataSelect", filePath: "packages/angular/src/data/shared-data/sd-shared-data-select.ts", lineNumber: 144, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSharedDataSelect, { className: "SdSharedDataSelect", filePath: "packages/angular/src/data/shared-data/sd-shared-data-select.ts", lineNumber: 139 }); })();

package/dist/data/sheet/injectSheetDomAccessor.d.ts

@@ -3,9 +3,13 @@ export declare function injectSheetDomAccessor(): {
     getContainer: () => HTMLElement;
     getTable: () => HTMLTableElement;
     getTHead: () => HTMLTableSectionElement;
+    getLastDepthFixedHeaders: () => HTMLElement[];
+    getFocusRowIndicator: () => HTMLElement;
+    getFocusCellIndicator: () => HTMLElement;
+    getSelectRowIndicatorContainer: () => HTMLElement;
+    getSelectRowIndicators: () => HTMLElement[];
+    getColumnResizeIndicator: () => HTMLElement;
     getRow: (r: number) => HTMLTableRowElement | null;
     getCell: (r: number, c: number) => HTMLTableCellElement | null;
-    getColumnResizeIndicator: () => HTMLElement;
-    getLastDepthFixedHeaders: () => HTMLElement[];
 };
 //# sourceMappingURL=injectSheetDomAccessor.d.ts.map

package/dist/data/sheet/injectSheetDomAccessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"injectSheetDomAccessor.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/injectSheetDomAccessor.ts"],"names":[],"mappings":"AAEA,wBAAgB,sBAAsB;qBAGd,WAAW;wBAIR,WAAW;oBAIf,gBAAgB;oBAIhB,uBAAuB;gBAIzB,MAAM,KAAG,mBAAmB,GAAG,IAAI;iBAOlC,MAAM,KAAK,MAAM,KAAG,oBAAoB,GAAG,IAAI;oCAY9B,WAAW;oCAIX,WAAW,EAAE;EAiBnD"}
+{"version":3,"file":"injectSheetDomAccessor.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/injectSheetDomAccessor.ts"],"names":[],"mappings":"AAEA,wBAAgB,sBAAsB;qBAGd,WAAW;wBAIR,WAAW;oBAIf,gBAAgB;oBAIhB,uBAAuB;oCAIP,WAAW,EAAE;gCAIjB,WAAW;iCAIV,WAAW;0CAIF,WAAW;kCAInB,WAAW,EAAE;oCAMX,WAAW;gBAI7B,MAAM,KAAG,mBAAmB,GAAG,IAAI;iBAMlC,MAAM,KAAK,MAAM,KAAG,oBAAoB,GAAG,IAAI;EAoBpE"}

package/dist/data/sheet/injectSheetDomAccessor.js

@@ -5,7 +5,7 @@ export function injectSheetDomAccessor() {
         return elRef.nativeElement;
     }
     function getContainer() {
-        return elRef.nativeElement.querySelector("._container");
+        return elRef.nativeElement.querySelector("._sheet-container");
     }
     function getTable() {
         return elRef.nativeElement.querySelector("table");
@@ -13,43 +13,48 @@ export function injectSheetDomAccessor() {
     function getTHead() {
         return getTable().querySelector("thead");
     }
+    function getLastDepthFixedHeaders() {
+        return Array.from(getTHead().querySelectorAll("tr > th._last-depth._fixed"));
+    }
+    function getFocusRowIndicator() {
+        return getContainer().querySelector("._focus-row-indicator");
+    }
+    function getFocusCellIndicator() {
+        return getFocusRowIndicator().firstElementChild;
+    }
+    function getSelectRowIndicatorContainer() {
+        return getContainer().querySelector("._select-row-indicator-container");
+    }
+    function getSelectRowIndicators() {
+        return Array.from(getSelectRowIndicatorContainer().querySelectorAll("._select-row-indicator"));
+    }
+    function getColumnResizeIndicator() {
+        return getContainer().querySelector("._resize-indicator");
+    }
     function getRow(r) {
         const tbody = getTable().querySelector("tbody");
         if (tbody == null)
             return null;
-        const rows = tbody.querySelectorAll("tr");
-        return rows[r] ?? null;
+        return tbody.querySelector(`tr[data-r='${r}']`);
     }
     function getCell(r, c) {
         const row = getRow(r);
         if (row == null)
             return null;
-        const cells = row.querySelectorAll("td[data-c]");
-        for (const cell of cells) {
-            if (cell.getAttribute("data-c") === String(c)) {
-                return cell;
-            }
-        }
-        return null;
-    }
-    function getColumnResizeIndicator() {
-        return elRef.nativeElement.querySelector("._resize-indicator");
-    }
-    function getLastDepthFixedHeaders() {
-        const thead = getTHead();
-        const lastRow = thead.querySelector("tr:last-child");
-        if (lastRow == null)
-            return [];
-        return Array.from(lastRow.querySelectorAll("th[style*='sticky']"));
+        return row.querySelector(`td[data-c='${c}']`);
     }
     return {
         getHostEl,
         getContainer,
         getTable,
         getTHead,
+        getLastDepthFixedHeaders,
+        getFocusRowIndicator,
+        getFocusCellIndicator,
+        getSelectRowIndicatorContainer,
+        getSelectRowIndicators,
+        getColumnResizeIndicator,
         getRow,
         getCell,
-        getColumnResizeIndicator,
-        getLastDepthFixedHeaders,
     };
 }

package/dist/data/sheet/injectSheetSelectRowIndicator.d.ts

@@ -0,0 +1,10 @@
+import { type Signal } from "@angular/core";
+import type { injectSheetDomAccessor } from "./injectSheetDomAccessor";
+export declare function injectSheetSelectRowIndicator<T>(options: {
+    domAccessor: ReturnType<typeof injectSheetDomAccessor>;
+    selectedItems: Signal<T[]>;
+    displayItems: Signal<T[]>;
+}): {
+    redraw: () => void;
+};
+//# sourceMappingURL=injectSheetSelectRowIndicator.d.ts.map

package/dist/data/sheet/injectSheetSelectRowIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectSheetSelectRowIndicator.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/injectSheetSelectRowIndicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,wBAAgB,6BAA6B,CAAC,CAAC,EAAE,OAAO,EAAE;IACxD,WAAW,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;IACvD,aAAa,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;CAC3B;kBAwCoB,IAAI;EAqBxB"}

package/dist/data/sheet/injectSheetSelectRowIndicator.js

@@ -0,0 +1,55 @@
+import { afterEveryRender } from "@angular/core";
+export function injectSheetSelectRowIndicator(options) {
+    afterEveryRender(() => {
+        const containerEl = options.domAccessor.getSelectRowIndicatorContainer();
+        if (options.selectedItems().length <= 0) {
+            containerEl.innerHTML = "";
+            containerEl.style.display = "none";
+            return;
+        }
+        const selectedTrInfos = options.selectedItems()
+            .map((item) => {
+            const r = options.displayItems().indexOf(item);
+            return getTrInfo(r);
+        })
+            .filter((info) => info != null);
+        let indicatorHtml = "";
+        for (const info of selectedTrInfos) {
+            const style = `top: ${info.top}px; height: ${info.height - 1}px; width: ${info.width - 1}px;`;
+            indicatorHtml += `<div class="_select-row-indicator" style="${style}" data-r="${info.r}"></div>`;
+        }
+        containerEl.innerHTML = indicatorHtml;
+        containerEl.style.display = "block";
+    });
+    function getTrInfo(r) {
+        const trEl = options.domAccessor.getRow(r);
+        if (trEl == null)
+            return undefined;
+        return {
+            r,
+            top: trEl.offsetTop,
+            width: trEl.offsetWidth,
+            height: trEl.offsetHeight,
+        };
+    }
+    function redraw() {
+        const selectRowIndicatorEls = options.domAccessor.getSelectRowIndicators();
+        for (const el of selectRowIndicatorEls) {
+            const rAttr = el.getAttribute("data-r");
+            if (rAttr == null)
+                continue;
+            const r = parseInt(rAttr, 10);
+            if (Number.isNaN(r))
+                continue;
+            const trInfo = getTrInfo(r);
+            if (trInfo == null)
+                continue;
+            Object.assign(el.style, {
+                top: trInfo.top + "px",
+                width: trInfo.width + "px",
+                height: trInfo.height + "px",
+            });
+        }
+    }
+    return { redraw };
+}

package/dist/data/sheet/sd-sheet-column-cell-template.d.ts

@@ -0,0 +1,9 @@
+import type { SdSheetCellContext } from "./sd-sheet-column";
+import * as i0 from "@angular/core";
+export declare class SdSheetColumnCellTemplate<T> {
+    cell: import("@angular/core").InputSignal<T[]>;
+    static ngTemplateContextGuard<TContextItem>(_dir: SdSheetColumnCellTemplate<TContextItem>, _ctx: unknown): _ctx is SdSheetCellContext<TContextItem>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSheetColumnCellTemplate<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdSheetColumnCellTemplate<any>, "ng-template[cell]", never, { "cell": { "alias": "cell"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=sd-sheet-column-cell-template.d.ts.map

package/dist/data/sheet/sd-sheet-column-cell-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-sheet-column-cell-template.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/sd-sheet-column-cell-template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;;AAE5D,qBAIa,yBAAyB,CAAC,CAAC;IACtC,IAAI,2CAAyB;IAE7B,MAAM,CAAC,sBAAsB,CAAC,YAAY,EACxC,IAAI,EAAE,yBAAyB,CAAC,YAAY,CAAC,EAC7C,IAAI,EAAE,OAAO,GACZ,IAAI,IAAI,kBAAkB,CAAC,YAAY,CAAC;yCANhC,yBAAyB;2CAAzB,yBAAyB;CASrC"}

package/dist/data/sheet/sd-sheet-column-cell-template.js

@@ -0,0 +1,17 @@
+import { Directive, input } from "@angular/core";
+import * as i0 from "@angular/core";
+export class SdSheetColumnCellTemplate {
+    cell = input.required(...(ngDevMode ? [{ debugName: "cell" }] : /* istanbul ignore next */ []));
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    static ɵfac = function SdSheetColumnCellTemplate_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSheetColumnCellTemplate)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdSheetColumnCellTemplate, selectors: [["ng-template", "cell", ""]], inputs: { cell: [1, "cell"] } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSheetColumnCellTemplate, [{
+        type: Directive,
+        args: [{
+                selector: "ng-template[cell]",
+                standalone: true,
+            }]
+    }], null, { cell: [{ type: i0.Input, args: [{ isSignal: true, alias: "cell", required: true }] }] }); })();

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

@@ -1,15 +1,17 @@
 import { TemplateRef } from "@angular/core";
 import * as i0 from "@angular/core";
-export interface SdSheetCellContext {
-    $implicit: unknown;
-    item: unknown;
+export interface SdSheetCellContext<T = unknown> {
+    $implicit: T;
+    item: T;
     index: number;
     depth: number;
     edit: boolean;
 }
-export declare class SdSheetColumn {
+export declare class SdSheetColumn<T = unknown> {
     key: import("@angular/core").InputSignal<string>;
     header: import("@angular/core").InputSignal<string | string[]>;
+    headerStyle: import("@angular/core").InputSignal<string | undefined>;
+    tooltip: import("@angular/core").InputSignal<string | undefined>;
     width: import("@angular/core").InputSignal<string | undefined>;
     fixed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     hidden: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -17,9 +19,10 @@ export declare class SdSheetColumn {
     disableSorting: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disableResizing: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     ordering: import("@angular/core").InputSignal<number>;
-    cellTplRef: import("@angular/core").Signal<TemplateRef<SdSheetCellContext> | undefined>;
+    cellTplRef: import("@angular/core").Signal<TemplateRef<SdSheetCellContext<T>>>;
+    headerTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
     summaryTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdSheetColumn, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdSheetColumn, "sd-sheet-column", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "collapse": { "alias": "collapse"; "required": false; "isSignal": true; }; "disableSorting": { "alias": "disableSorting"; "required": false; "isSignal": true; }; "disableResizing": { "alias": "disableResizing"; "required": false; "isSignal": true; }; "ordering": { "alias": "ordering"; "required": false; "isSignal": true; }; }, {}, ["cellTplRef", "summaryTplRef"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSheetColumn<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdSheetColumn<any>, "sd-sheet-column", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "headerStyle": { "alias": "headerStyle"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "collapse": { "alias": "collapse"; "required": false; "isSignal": true; }; "disableSorting": { "alias": "disableSorting"; "required": false; "isSignal": true; }; "disableResizing": { "alias": "disableResizing"; "required": false; "isSignal": true; }; "ordering": { "alias": "ordering"; "required": false; "isSignal": true; }; }, {}, ["cellTplRef", "headerTplRef", "summaryTplRef"], never, true, never>;
 }
 //# sourceMappingURL=sd-sheet-column.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-sheet-column.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/sd-sheet-column.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EACZ,MAAM,eAAe,CAAC;;AAEvB,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACf;AAED,qBAIa,aAAa;IACxB,GAAG,8CAA4B;IAC/B,MAAM,yDAAgC;IACtC,KAAK,0DAAmB;IACxB,KAAK,qEAAiD;IACtD,MAAM,qEAAiD;IACvD,QAAQ,qEAAiD;IACzD,cAAc,qEAAiD;IAC/D,eAAe,qEAAiD;IAChE,QAAQ,8CAAY;IAEpB,UAAU,8EAA4D;IACtE,aAAa,gEAAiD;yCAZnD,aAAa;2CAAb,aAAa;CAazB"}
+{"version":3,"file":"sd-sheet-column.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/sd-sheet-column.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EACZ,MAAM,eAAe,CAAC;;AAGvB,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,OAAO;IAC7C,SAAS,EAAE,CAAC,CAAC;IACb,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACf;AAED,qBAIa,aAAa,CAAC,CAAC,GAAG,OAAO;IACpC,GAAG,8CAA4B;IAC/B,MAAM,yDAAgC;IACtC,WAAW,0DAAmB;IAC9B,OAAO,0DAAmB;IAC1B,KAAK,0DAAmB;IACxB,KAAK,qEAAiD;IACtD,MAAM,qEAAiD;IACvD,QAAQ,qEAAiD;IACzD,cAAc,qEAAiD;IAC/D,eAAe,qEAAiD;IAChE,QAAQ,8CAAY;IAEpB,UAAU,qEAGR;IACF,YAAY,gEAAgD;IAC5D,aAAa,gEAAiD;yCAlBnD,aAAa;2CAAb,aAAa;CAmBzB"}

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

@@ -1,10 +1,13 @@
 import { booleanAttribute, contentChild, Directive, input, TemplateRef, } from "@angular/core";
+import { SdSheetColumnCellTemplate } from "./sd-sheet-column-cell-template";
 import * as i0 from "@angular/core";
-const _c0 = ["cellTpl"];
+const _c0 = ["headerTpl"];
 const _c1 = ["summaryTpl"];
 export class SdSheetColumn {
     key = input.required(...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
     header = input("", ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
+    headerStyle = input(...(ngDevMode ? [undefined, { debugName: "headerStyle" }] : /* istanbul ignore next */ []));
+    tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
     width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
     fixed = input(false, { ...(ngDevMode ? { debugName: "fixed" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     hidden = input(false, { ...(ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -12,14 +15,15 @@ export class SdSheetColumn {
     disableSorting = input(false, { ...(ngDevMode ? { debugName: "disableSorting" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     disableResizing = input(false, { ...(ngDevMode ? { debugName: "disableResizing" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     ordering = input(0, ...(ngDevMode ? [{ debugName: "ordering" }] : /* istanbul ignore next */ []));
-    cellTplRef = contentChild("cellTpl", ...(ngDevMode ? [{ debugName: "cellTplRef" }] : /* istanbul ignore next */ []));
+    cellTplRef = contentChild.required(SdSheetColumnCellTemplate, { read: TemplateRef });
+    headerTplRef = contentChild("headerTpl", ...(ngDevMode ? [{ debugName: "headerTplRef" }] : /* istanbul ignore next */ []));
     summaryTplRef = contentChild("summaryTpl", ...(ngDevMode ? [{ debugName: "summaryTplRef" }] : /* istanbul ignore next */ []));
     static ɵfac = function SdSheetColumn_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSheetColumn)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdSheetColumn, selectors: [["sd-sheet-column"]], contentQueries: function SdSheetColumn_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.cellTplRef, _c0, 5)(dirIndex, ctx.summaryTplRef, _c1, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.cellTplRef, SdSheetColumnCellTemplate, 5, TemplateRef)(dirIndex, ctx.headerTplRef, _c0, 5)(dirIndex, ctx.summaryTplRef, _c1, 5);
         } if (rf & 2) {
-            i0.ɵɵqueryAdvance(2);
-        } }, inputs: { key: [1, "key"], header: [1, "header"], width: [1, "width"], fixed: [1, "fixed"], hidden: [1, "hidden"], collapse: [1, "collapse"], disableSorting: [1, "disableSorting"], disableResizing: [1, "disableResizing"], ordering: [1, "ordering"] } });
+            i0.ɵɵqueryAdvance(3);
+        } }, inputs: { key: [1, "key"], header: [1, "header"], headerStyle: [1, "headerStyle"], tooltip: [1, "tooltip"], width: [1, "width"], fixed: [1, "fixed"], hidden: [1, "hidden"], collapse: [1, "collapse"], disableSorting: [1, "disableSorting"], disableResizing: [1, "disableResizing"], ordering: [1, "ordering"] } });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSheetColumn, [{
         type: Directive,
@@ -27,4 +31,4 @@ export class SdSheetColumn {
                 selector: "sd-sheet-column",
                 standalone: true,
             }]
-    }], null, { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixed", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }], collapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapse", required: false }] }], disableSorting: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableSorting", required: false }] }], disableResizing: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableResizing", required: false }] }], ordering: [{ type: i0.Input, args: [{ isSignal: true, alias: "ordering", required: false }] }], cellTplRef: [{ type: i0.ContentChild, args: ["cellTpl", { isSignal: true }] }], summaryTplRef: [{ type: i0.ContentChild, args: ["summaryTpl", { isSignal: true }] }] }); })();
+    }], null, { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], headerStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerStyle", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixed", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }], collapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapse", required: false }] }], disableSorting: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableSorting", required: false }] }], disableResizing: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableResizing", required: false }] }], ordering: [{ type: i0.Input, args: [{ isSignal: true, alias: "ordering", required: false }] }], cellTplRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdSheetColumnCellTemplate), { ...{ read: TemplateRef }, isSignal: true }] }], headerTplRef: [{ type: i0.ContentChild, args: ["headerTpl", { isSignal: true }] }], summaryTplRef: [{ type: i0.ContentChild, args: ["summaryTpl", { isSignal: true }] }] }); })();

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

@@ -1,38 +1,37 @@
 import type { SdModalContentDef } from "../../core/modal/sd-modal.provider";
 import type { SdSheetConfig } from "./types";
 import type { SdSheetColumn } from "./sd-sheet-column";
+import { mark } from "../../core/mark";
 import * as i0 from "@angular/core";
 interface ConfigItem {
     key: string;
     header: string;
+    disableResizing: boolean;
     fixed: boolean;
     hidden: boolean;
-    width: string;
-    ordering: number;
+    width: string | undefined;
+    ordering: number | undefined;
 }
 export declare class SdSheetConfigModal implements SdModalContentDef<SdSheetConfig | undefined> {
     initialized: import("@angular/core").WritableSignal<boolean>;
     close: import("@angular/core").OutputEmitterRef<SdSheetConfig | undefined>;
-    controls: import("@angular/core").InputSignal<readonly SdSheetColumn[]>;
+    sheetKey: import("@angular/core").InputSignal<string>;
+    controls: import("@angular/core").InputSignal<readonly SdSheetColumn<unknown>[]>;
     config: import("@angular/core").InputSignal<SdSheetConfig | undefined>;
-    _icons: {
-        tablerArrowUp: string;
-        tablerArrowDown: string;
-    };
-    private readonly _initialItems;
-    _items: import("@angular/core").WritableSignal<ConfigItem[]>;
-    onFixedToggle(idx: number): void;
-    onHiddenToggle(idx: number): void;
-    onWidthChange(idx: number, event: Event): void;
-    canMoveUp(idx: number): boolean;
-    canMoveDown(idx: number): boolean;
-    onMoveUp(idx: number): void;
-    onMoveDown(idx: number): void;
-    onOk(): void;
-    onCancel(): void;
-    onReset(): void;
+    items: import("@angular/core").WritableSignal<ConfigItem[]>;
+    trackByFn: (item: ConfigItem) => string;
+    protected readonly tablerChevronUp = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M6 15l6 -6l6 6\"></path></svg>";
+    protected readonly tablerChevronDown = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M6 9l6 6l6 -6\"></path></svg>";
+    protected readonly tablerX = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M18 6l-12 12\"></path><path d=\"M6 6l12 12\"></path></svg>";
+    protected readonly mark: typeof mark;
+    constructor();
+    onMoveUp(item: ConfigItem): void;
+    onMoveDown(item: ConfigItem): void;
+    onOkClick(): void;
+    onCancelClick(): void;
+    onResetClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSheetConfigModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSheetConfigModal, "sd-sheet-config-modal", never, { "controls": { "alias": "controls"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSheetConfigModal, "sd-sheet-config-modal", never, { "sheetKey": { "alias": "sheetKey"; "required": true; "isSignal": true; }; "controls": { "alias": "controls"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
 }
 export {};
 //# sourceMappingURL=sd-sheet-config.modal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-sheet-config.modal.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/sd-sheet-config.modal.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;;AAMvD,UAAU,UAAU;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,qBAmHa,kBAAmB,YAAW,iBAAiB,CAAC,aAAa,GAAG,SAAS,CAAC;IACrF,WAAW,kDAAgB;IAC3B,KAAK,sEAAuC;IAE5C,QAAQ,gEAA8C;IACtD,MAAM,iEAA+C;IAErD,MAAM;;;MAAsC;IAE5C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAiB3B;IAEH,MAAM,uDAA0D;IAEhE,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAMhC,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAMjC,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IAO9C,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAU/B,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAUjC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAO3B,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAO7B,IAAI,IAAI,IAAI;IAeZ,QAAQ,IAAI,IAAI;IAIhB,OAAO,IAAI,IAAI;yCAtGJ,kBAAkB;2CAAlB,kBAAkB;CAyG9B"}
+{"version":3,"file":"sd-sheet-config.modal.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/sd-sheet-config.modal.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAWvD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;;AAEvC,UAAU,UAAU;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,qBAgJa,kBAAmB,YAAW,iBAAiB,CAAC,aAAa,GAAG,SAAS,CAAC;IACrF,WAAW,kDAAiB;IAC5B,KAAK,sEAAuC;IAE5C,QAAQ,8CAA4B;IACpC,QAAQ,yEAA8C;IACtD,MAAM,iEAA+C;IAErD,KAAK,uDAA4B;IAEjC,SAAS,GAAI,MAAM,UAAU,KAAG,MAAM,CAAa;IAEnD,SAAS,CAAC,QAAQ,CAAC,eAAe,6TAAmB;IACrD,SAAS,CAAC,QAAQ,CAAC,iBAAiB,4TAAqB;IACzD,SAAS,CAAC,QAAQ,CAAC,OAAO,yVAAW;IACrC,SAAS,CAAC,QAAQ,CAAC,IAAI,cAAQ;;IA6B/B,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAahC,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAalC,SAAS,IAAI,IAAI;IAajB,aAAa,IAAI,IAAI;IAIrB,YAAY,IAAI,IAAI;yCAvFT,kBAAkB;2CAAlB,kBAAkB;CA4F9B"}