@simplysm/angular 14.0.51 → 14.0.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/data/sheet/sd-sheet.d.ts +9 -12
- package/dist/data/sheet/sd-sheet.d.ts.map +1 -1
- package/dist/data/sheet/sd-sheet.js +150 -168
- package/dist/data/sheet/types.d.ts +1 -0
- package/dist/data/sheet/types.d.ts.map +1 -1
- package/dist/data/sheet/useSheetCellStyling.d.ts +2 -2
- package/dist/data/sheet/useSheetCellStyling.d.ts.map +1 -1
- package/dist/data/sheet/useSheetCellStyling.js +20 -12
- package/dist/data/sheet/useSheetColumnFixing.d.ts +3 -8
- package/dist/data/sheet/useSheetColumnFixing.d.ts.map +1 -1
- package/dist/data/sheet/useSheetColumnFixing.js +19 -27
- package/dist/data/sheet/useSheetLayoutEngine.d.ts.map +1 -1
- package/dist/data/sheet/useSheetLayoutEngine.js +4 -1
- package/dist/layout/dock/sd-dock-container.d.ts.map +1 -1
- package/dist/layout/dock/sd-dock-container.js +3 -3
- package/package.json +7 -8
- package/src/data/sheet/sd-sheet.ts +39 -60
- package/src/data/sheet/types.ts +1 -0
- package/src/data/sheet/useSheetCellStyling.ts +19 -11
- package/src/data/sheet/useSheetColumnFixing.ts +21 -28
- package/src/data/sheet/useSheetLayoutEngine.ts +4 -1
- package/src/layout/dock/sd-dock-container.ts +1 -0
- package/README.md +0 -476
- package/docs/bootstrap/provide-sd-angular.md +0 -37
- package/docs/bootstrap/sd-angular-config-provider.md +0 -16
- package/docs/directives/sd-command-directive.md +0 -30
- package/docs/directives/sd-events.md +0 -25
- package/docs/directives/sd-intersection-directive.md +0 -36
- package/docs/directives/sd-invalid.md +0 -24
- package/docs/directives/sd-resize-directive.md +0 -42
- package/docs/directives/sd-ripple.md +0 -23
- package/docs/directives/sd-router-link.md +0 -38
- package/docs/directives/sd-show-effect.md +0 -18
- package/docs/directives/sd-typed-template.md +0 -69
- package/docs/features/sd-address-search-modal.md +0 -50
- package/docs/features/sd-permission-table.md +0 -20
- package/docs/features/sd-shared-data-components.md +0 -158
- package/docs/features/sd-tiptap-editor.md +0 -26
- package/docs/pipes/format-pipe.md +0 -41
- package/docs/plugins/sd-global-error-handler.md +0 -23
- package/docs/plugins/sd-option-event-plugin.md +0 -34
- package/docs/provider-types/sd-menu.md +0 -65
- package/docs/provider-types/sd-modal-content-def.md +0 -148
- package/docs/provider-types/sd-toast-content-def.md +0 -73
- package/docs/provider-types/shared-data-base.md +0 -59
- package/docs/providers/sd-activated-modal-provider.md +0 -34
- package/docs/providers/sd-app-structure-provider.md +0 -81
- package/docs/providers/sd-busy-provider.md +0 -18
- package/docs/providers/sd-file-dialog-provider.md +0 -40
- package/docs/providers/sd-local-storage-provider.md +0 -20
- package/docs/providers/sd-modal-provider.md +0 -67
- package/docs/providers/sd-navigate-window-provider.md +0 -18
- package/docs/providers/sd-print-provider.md +0 -25
- package/docs/providers/sd-service-client-factory-provider.md +0 -43
- package/docs/providers/sd-shared-data-provider.md +0 -64
- package/docs/providers/sd-system-config-provider.md +0 -46
- package/docs/providers/sd-system-log-provider.md +0 -18
- package/docs/providers/sd-theme-provider.md +0 -38
- package/docs/providers/sd-toast-provider.md +0 -65
- package/docs/recipes/_common-rules.md +0 -244
- package/docs/recipes/crud-detail/extension-a-edit-save.md +0 -230
- package/docs/recipes/crud-detail/extension-b-delete-restore.md +0 -142
- package/docs/recipes/crud-detail/extension-c-modal-view.md +0 -214
- package/docs/recipes/crud-detail/extension-d-control-view.md +0 -103
- package/docs/recipes/crud-detail/extension-e-auxiliary.md +0 -87
- package/docs/recipes/crud-detail/extension-f-complex-detail.md +0 -234
- package/docs/recipes/crud-detail.md +0 -353
- package/docs/recipes/crud-list/extension-a-inline-edit.md +0 -410
- package/docs/recipes/crud-list/extension-b-selection.md +0 -226
- package/docs/recipes/crud-list/extension-c-inline-delete.md +0 -87
- package/docs/recipes/crud-list/extension-d-select-modal.md +0 -207
- package/docs/recipes/crud-list/extension-e-readonly-modal.md +0 -165
- package/docs/recipes/crud-list/extension-f-modal-edit.md +0 -177
- package/docs/recipes/crud-list/extension-g-excel.md +0 -157
- package/docs/recipes/crud-list.md +0 -446
- package/docs/recipes/data-select-button.md +0 -412
- package/docs/recipes/page-modal-container.md +0 -260
- package/docs/styling/classes.md +0 -149
- package/docs/styling/mixins.md +0 -100
- package/docs/styling/themes.md +0 -35
- package/docs/styling/variables.md +0 -147
- package/docs/type-utilities/directive-input-signals.md +0 -232
- package/docs/ui-data/sd-list.md +0 -37
- package/docs/ui-data/sd-sheet.md +0 -227
- package/docs/ui-form/sd-additional-button.md +0 -26
- package/docs/ui-form/sd-anchor.md +0 -31
- package/docs/ui-form/sd-button.md +0 -105
- package/docs/ui-form/sd-checkbox-group.md +0 -39
- package/docs/ui-form/sd-checkbox.md +0 -81
- package/docs/ui-form/sd-date-range-picker.md +0 -27
- package/docs/ui-form/sd-form.md +0 -89
- package/docs/ui-form/sd-modal-select-button.md +0 -54
- package/docs/ui-form/sd-numpad.md +0 -26
- package/docs/ui-form/sd-range.md +0 -26
- package/docs/ui-form/sd-select.md +0 -68
- package/docs/ui-form/sd-shared-data-select.md +0 -52
- package/docs/ui-form/sd-state-preset.md +0 -37
- package/docs/ui-form/sd-switch.md +0 -27
- package/docs/ui-form/sd-textarea.md +0 -33
- package/docs/ui-form/sd-textfield.md +0 -145
- package/docs/ui-layout/sd-dock-container.md +0 -64
- package/docs/ui-layout/sd-dock.md +0 -37
- package/docs/ui-layout/sd-gap.md +0 -26
- package/docs/ui-layout/sd-kanban-board.md +0 -96
- package/docs/ui-layout/sd-kanban-lane.md +0 -34
- package/docs/ui-layout/sd-kanban.md +0 -29
- package/docs/ui-navigation/sd-collapse.md +0 -35
- package/docs/ui-navigation/sd-pagination.md +0 -26
- package/docs/ui-navigation/sd-sidebar-container.md +0 -49
- package/docs/ui-navigation/sd-sidebar-menu.md +0 -22
- package/docs/ui-navigation/sd-sidebar-user.md +0 -43
- package/docs/ui-navigation/sd-tab.md +0 -51
- package/docs/ui-navigation/sd-topbar-container.md +0 -97
- package/docs/ui-navigation/sd-topbar-menu.md +0 -23
- package/docs/ui-navigation/sd-topbar-user.md +0 -38
- package/docs/ui-navigation/sd-topbar.md +0 -30
- package/docs/ui-overlay/sd-busy-container.md +0 -69
- package/docs/ui-overlay/sd-confirm-modal.md +0 -30
- package/docs/ui-overlay/sd-dropdown.md +0 -40
- package/docs/ui-overlay/sd-modal.md +0 -34
- package/docs/ui-overlay/sd-prompt-modal.md +0 -30
- package/docs/ui-overlay/sd-toast.md +0 -35
- package/docs/ui-visual/sd-barcode.md +0 -36
- package/docs/ui-visual/sd-calendar.md +0 -34
- package/docs/ui-visual/sd-echarts.md +0 -32
- package/docs/ui-visual/sd-label.md +0 -24
- package/docs/ui-visual/sd-note.md +0 -23
- package/docs/ui-visual/sd-progress.md +0 -23
- package/docs/utils/inject-routing-signals.md +0 -161
- package/docs/utils/inject-sd-system-config-resource.md +0 -35
- package/docs/utils/mark.md +0 -43
- package/docs/utils/selection-managers.md +0 -96
- package/docs/utils/set-safe-style.md +0 -19
- package/docs/utils/setup-functions.md +0 -93
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChildren,
|
|
1
|
+
import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChildren, inject, input, model, output, signal, ViewEncapsulation, } from "@angular/core";
|
|
2
2
|
import { NgTemplateOutlet } from "@angular/common";
|
|
3
3
|
import { SdSheetColumn } from "./sd-sheet-column";
|
|
4
4
|
import { SdCheckbox } from "../../controls/checkbox/sd-checkbox";
|
|
@@ -75,13 +75,13 @@ function SdSheet_For_5_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf &
|
|
|
75
75
|
function SdSheet_For_5_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
76
76
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
77
77
|
i0.ɵɵelementStart(0, "th", 13);
|
|
78
|
-
i0.ɵɵlistener("sdResize", function SdSheet_For_5_Conditional_1_Conditional_3_Template_th_sdResize_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.
|
|
78
|
+
i0.ɵɵlistener("sdResize", function SdSheet_For_5_Conditional_1_Conditional_3_Template_th_sdResize_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onFixedCellResize($event, -1)); });
|
|
79
79
|
i0.ɵɵelementStart(1, "ng-icon", 17);
|
|
80
80
|
i0.ɵɵlistener("click", function SdSheet_For_5_Conditional_1_Conditional_3_Template_ng_icon_click_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.expanding.toggleAll()); });
|
|
81
81
|
i0.ɵɵelementEnd()();
|
|
82
82
|
} if (rf & 2) {
|
|
83
83
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
84
|
-
i0.ɵɵstyleProp("left", ctx_r1.
|
|
84
|
+
i0.ɵɵstyleProp("left", ctx_r1.fixing.fixedLeftMap().get(-1), "px");
|
|
85
85
|
i0.ɵɵattribute("rowspan", ctx_r1.layout.headerFeatureRowSpan() > 1 ? ctx_r1.layout.headerFeatureRowSpan() : null)("data-c", -1);
|
|
86
86
|
i0.ɵɵadvance();
|
|
87
87
|
i0.ɵɵstyleProp("transform", ctx_r1.expanding.isAllExpanded() ? "rotate(90deg)" : undefined);
|
|
@@ -92,7 +92,7 @@ function SdSheet_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
92
92
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
93
93
|
i0.ɵɵdeclareLet(0);
|
|
94
94
|
i0.ɵɵelementStart(1, "th", 13);
|
|
95
|
-
i0.ɵɵlistener("sdResize", function SdSheet_For_5_Conditional_1_Template_th_sdResize_1_listener($event) { i0.ɵɵrestoreView(_r4); const _fc_r5 = i0.ɵɵreadContextLet(0); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.
|
|
95
|
+
i0.ɵɵlistener("sdResize", function SdSheet_For_5_Conditional_1_Template_th_sdResize_1_listener($event) { i0.ɵɵrestoreView(_r4); const _fc_r5 = i0.ɵɵreadContextLet(0); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFixedCellResize($event, _fc_r5)); });
|
|
96
96
|
i0.ɵɵconditionalCreate(2, SdSheet_For_5_Conditional_1_Conditional_2_Template, 1, 3, "sd-checkbox", 14);
|
|
97
97
|
i0.ɵɵelementEnd();
|
|
98
98
|
i0.ɵɵconditionalCreate(3, SdSheet_For_5_Conditional_1_Conditional_3_Template, 2, 9, "th", 15);
|
|
@@ -100,7 +100,7 @@ function SdSheet_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
100
100
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
101
101
|
const _fc_r8 = i0.ɵɵstoreLet(ctx_r1.expanding.hasExpandable() ? -2 : -1);
|
|
102
102
|
i0.ɵɵadvance();
|
|
103
|
-
i0.ɵɵstyleProp("left", ctx_r1.
|
|
103
|
+
i0.ɵɵstyleProp("left", ctx_r1.fixing.fixedLeftMap().get(_fc_r8), "px");
|
|
104
104
|
i0.ɵɵattribute("rowspan", ctx_r1.layout.headerFeatureRowSpan() > 1 ? ctx_r1.layout.headerFeatureRowSpan() : null)("data-c", _fc_r8);
|
|
105
105
|
i0.ɵɵadvance();
|
|
106
106
|
i0.ɵɵconditional(ctx_r1.selection.hasSelectable() && ctx_r1.selectMode() === "multi" ? 2 : -1);
|
|
@@ -112,15 +112,13 @@ function SdSheet_For_5_For_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
112
112
|
i0.ɵɵtext(3);
|
|
113
113
|
i0.ɵɵelementEnd()()();
|
|
114
114
|
} if (rf & 2) {
|
|
115
|
-
const
|
|
116
|
-
const cell_r10 = ctx_r8.$implicit;
|
|
117
|
-
const ɵ$index_33_r11 = ctx_r8.$index;
|
|
115
|
+
const cell_r9 = i0.ɵɵnextContext().$implicit;
|
|
118
116
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
119
|
-
i0.ɵɵstyleProp("left", (
|
|
120
|
-
i0.ɵɵclassProp("_fixed",
|
|
121
|
-
i0.ɵɵattribute("colspan",
|
|
117
|
+
i0.ɵɵstyleProp("left", (cell_r9.colDef == null ? null : cell_r9.colDef.fixed) ? ctx_r1.fixing.fixedLeftMap().get(cell_r9.colIndex) : null, "px");
|
|
118
|
+
i0.ɵɵclassProp("_fixed", cell_r9.colDef == null ? null : cell_r9.colDef.fixed);
|
|
119
|
+
i0.ɵɵattribute("colspan", cell_r9.colspan > 1 ? cell_r9.colspan : null)("rowspan", cell_r9.rowspan > 1 ? cell_r9.rowspan : null)("data-c", cell_r9.colIndex)("title", cell_r9.text);
|
|
122
120
|
i0.ɵɵadvance(3);
|
|
123
|
-
i0.ɵɵtextInterpolate(
|
|
121
|
+
i0.ɵɵtextInterpolate(cell_r9.text);
|
|
124
122
|
} }
|
|
125
123
|
function SdSheet_For_5_For_3_Conditional_1_Conditional_2_ng_template_1_Template(rf, ctx) { }
|
|
126
124
|
function SdSheet_For_5_For_3_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -128,8 +126,8 @@ function SdSheet_For_5_For_3_Conditional_1_Conditional_2_Template(rf, ctx) { if
|
|
|
128
126
|
i0.ɵɵtemplate(1, SdSheet_For_5_For_3_Conditional_1_Conditional_2_ng_template_1_Template, 0, 0, "ng-template", 27);
|
|
129
127
|
i0.ɵɵelementEnd();
|
|
130
128
|
} if (rf & 2) {
|
|
131
|
-
const
|
|
132
|
-
i0.ɵɵattribute("style",
|
|
129
|
+
const cell_r9 = i0.ɵɵnextContext(2).$implicit;
|
|
130
|
+
i0.ɵɵattribute("style", cell_r9.colDef.headerStyle, i0.ɵɵsanitizeStyle);
|
|
133
131
|
i0.ɵɵadvance();
|
|
134
132
|
i0.ɵɵproperty("ngTemplateOutlet", ctx);
|
|
135
133
|
} }
|
|
@@ -138,10 +136,10 @@ function SdSheet_For_5_For_3_Conditional_1_Conditional_3_Template(rf, ctx) { if
|
|
|
138
136
|
i0.ɵɵtext(2);
|
|
139
137
|
i0.ɵɵelementEnd()();
|
|
140
138
|
} if (rf & 2) {
|
|
141
|
-
const
|
|
142
|
-
i0.ɵɵattribute("style",
|
|
139
|
+
const cell_r9 = i0.ɵɵnextContext(2).$implicit;
|
|
140
|
+
i0.ɵɵattribute("style", cell_r9.colDef == null ? null : cell_r9.colDef.headerStyle, i0.ɵɵsanitizeStyle);
|
|
143
141
|
i0.ɵɵadvance(2);
|
|
144
|
-
i0.ɵɵtextInterpolate(
|
|
142
|
+
i0.ɵɵtextInterpolate(cell_r9.text);
|
|
145
143
|
} }
|
|
146
144
|
function SdSheet_For_5_For_3_Conditional_1_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
147
145
|
i0.ɵɵelement(0, "ng-icon", 11);
|
|
@@ -167,9 +165,9 @@ function SdSheet_For_5_For_3_Conditional_1_Conditional_4_Conditional_5_Template(
|
|
|
167
165
|
i0.ɵɵelementEnd();
|
|
168
166
|
} if (rf & 2) {
|
|
169
167
|
i0.ɵɵnextContext();
|
|
170
|
-
const
|
|
168
|
+
const _sortDef_r11 = i0.ɵɵreadContextLet(0);
|
|
171
169
|
i0.ɵɵadvance();
|
|
172
|
-
i0.ɵɵtextInterpolate(
|
|
170
|
+
i0.ɵɵtextInterpolate(_sortDef_r11 == null ? null : _sortDef_r11.indexText);
|
|
173
171
|
} }
|
|
174
172
|
function SdSheet_For_5_For_3_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
175
173
|
i0.ɵɵdeclareLet(0);
|
|
@@ -178,23 +176,23 @@ function SdSheet_For_5_For_3_Conditional_1_Conditional_4_Template(rf, ctx) { if
|
|
|
178
176
|
i0.ɵɵconditionalCreate(5, SdSheet_For_5_For_3_Conditional_1_Conditional_4_Conditional_5_Template, 2, 1, "sub");
|
|
179
177
|
i0.ɵɵelementEnd();
|
|
180
178
|
} if (rf & 2) {
|
|
181
|
-
const
|
|
182
|
-
const
|
|
179
|
+
const cell_r9 = i0.ɵɵnextContext(2).$implicit;
|
|
180
|
+
const _sortDef_r12 = i0.ɵɵstoreLet(i0.ɵɵnextContext(2).getSortDef(cell_r9.colDef.key));
|
|
183
181
|
i0.ɵɵadvance(2);
|
|
184
|
-
i0.ɵɵconditional((
|
|
182
|
+
i0.ɵɵconditional((_sortDef_r12 == null ? null : _sortDef_r12.desc) === false ? 2 : (_sortDef_r12 == null ? null : _sortDef_r12.desc) === true ? 3 : 4);
|
|
185
183
|
i0.ɵɵadvance(3);
|
|
186
|
-
i0.ɵɵconditional((
|
|
184
|
+
i0.ɵɵconditional((_sortDef_r12 == null ? null : _sortDef_r12.indexText) ? 5 : -1);
|
|
187
185
|
} }
|
|
188
186
|
function SdSheet_For_5_For_3_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
189
|
-
const
|
|
187
|
+
const _r13 = i0.ɵɵgetCurrentView();
|
|
190
188
|
i0.ɵɵelementStart(0, "div", 29);
|
|
191
|
-
i0.ɵɵlistener("mousedown", function SdSheet_For_5_For_3_Conditional_1_Conditional_5_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(
|
|
189
|
+
i0.ɵɵlistener("mousedown", function SdSheet_For_5_For_3_Conditional_1_Conditional_5_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r13); const cell_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onResizerMousedown($event, cell_r9.colDef)); })("dblclick", function SdSheet_For_5_For_3_Conditional_1_Conditional_5_Template_div_dblclick_0_listener($event) { i0.ɵɵrestoreView(_r13); const cell_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onResizerDblClick($event, cell_r9.colDef)); });
|
|
192
190
|
i0.ɵɵelementEnd();
|
|
193
191
|
} }
|
|
194
192
|
function SdSheet_For_5_For_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
195
|
-
const
|
|
193
|
+
const _r10 = i0.ɵɵgetCurrentView();
|
|
196
194
|
i0.ɵɵelementStart(0, "th", 21);
|
|
197
|
-
i0.ɵɵlistener("click", function SdSheet_For_5_For_3_Conditional_1_Template_th_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
195
|
+
i0.ɵɵlistener("sdResize", function SdSheet_For_5_For_3_Conditional_1_Template_th_sdResize_0_listener($event) { i0.ɵɵrestoreView(_r10); const cell_r9 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFixedCellResize($event, cell_r9.colIndex)); })("click", function SdSheet_For_5_For_3_Conditional_1_Template_th_click_0_listener($event) { i0.ɵɵrestoreView(_r10); const cell_r9 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onHeaderClick($event, cell_r9)); });
|
|
198
196
|
i0.ɵɵelementStart(1, "div", 22);
|
|
199
197
|
i0.ɵɵconditionalCreate(2, SdSheet_For_5_For_3_Conditional_1_Conditional_2_Template, 2, 2, "div", 23)(3, SdSheet_For_5_For_3_Conditional_1_Conditional_3_Template, 3, 2, "div", 24);
|
|
200
198
|
i0.ɵɵconditionalCreate(4, SdSheet_For_5_For_3_Conditional_1_Conditional_4_Template, 6, 3, "div", 25);
|
|
@@ -202,26 +200,24 @@ function SdSheet_For_5_For_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
202
200
|
i0.ɵɵconditionalCreate(5, SdSheet_For_5_For_3_Conditional_1_Conditional_5_Template, 1, 0, "div", 26);
|
|
203
201
|
i0.ɵɵelementEnd();
|
|
204
202
|
} if (rf & 2) {
|
|
205
|
-
let
|
|
206
|
-
const
|
|
207
|
-
const cell_r10 = ctx_r8.$implicit;
|
|
208
|
-
const ɵ$index_33_r11 = ctx_r8.$index;
|
|
203
|
+
let tmp_30_0;
|
|
204
|
+
const cell_r9 = i0.ɵɵnextContext().$implicit;
|
|
209
205
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
210
|
-
i0.ɵɵstyleMap(ctx_r1.getHeaderCellStyle(
|
|
211
|
-
i0.ɵɵclassProp("_fixed",
|
|
212
|
-
i0.ɵɵattribute("colspan",
|
|
206
|
+
i0.ɵɵstyleMap(ctx_r1.getHeaderCellStyle(cell_r9));
|
|
207
|
+
i0.ɵɵclassProp("_fixed", cell_r9.colDef == null ? null : cell_r9.colDef.fixed)("_sort", cell_r9.colDef && !cell_r9.colDef.disableSorting)("help", cell_r9.colDef == null ? null : cell_r9.colDef.tooltip);
|
|
208
|
+
i0.ɵɵattribute("colspan", cell_r9.colspan > 1 ? cell_r9.colspan : null)("rowspan", cell_r9.rowspan > 1 ? cell_r9.rowspan : null)("data-c", cell_r9.colIndex)("title", (cell_r9.colDef == null ? null : cell_r9.colDef.tooltip) ?? cell_r9.text);
|
|
213
209
|
i0.ɵɵadvance(2);
|
|
214
|
-
i0.ɵɵconditional((
|
|
210
|
+
i0.ɵɵconditional((tmp_30_0 = cell_r9.colDef && ctx_r1.getColumnHeaderTpl(cell_r9.colDef.key)) ? 2 : 3, tmp_30_0);
|
|
215
211
|
i0.ɵɵadvance(2);
|
|
216
|
-
i0.ɵɵconditional(
|
|
212
|
+
i0.ɵɵconditional(cell_r9.colDef && !cell_r9.colDef.disableSorting ? 4 : -1);
|
|
217
213
|
i0.ɵɵadvance();
|
|
218
|
-
i0.ɵɵconditional(
|
|
214
|
+
i0.ɵɵconditional(cell_r9.colDef && !cell_r9.colDef.disableResizing ? 5 : -1);
|
|
219
215
|
} }
|
|
220
216
|
function SdSheet_For_5_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
221
217
|
i0.ɵɵconditionalCreate(0, SdSheet_For_5_For_3_Conditional_0_Template, 4, 9, "th", 18)(1, SdSheet_For_5_For_3_Conditional_1_Template, 6, 15, "th", 19);
|
|
222
218
|
} if (rf & 2) {
|
|
223
|
-
const
|
|
224
|
-
i0.ɵɵconditional(!
|
|
219
|
+
const cell_r9 = ctx.$implicit;
|
|
220
|
+
i0.ɵɵconditional(!cell_r9.isLastRow ? 0 : 1);
|
|
225
221
|
} }
|
|
226
222
|
function SdSheet_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
227
223
|
i0.ɵɵelementStart(0, "tr");
|
|
@@ -229,15 +225,18 @@ function SdSheet_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
|
229
225
|
i0.ɵɵrepeaterCreate(2, SdSheet_For_5_For_3_Template, 2, 1, null, null, i0.ɵɵrepeaterTrackByIndex);
|
|
230
226
|
i0.ɵɵelementEnd();
|
|
231
227
|
} if (rf & 2) {
|
|
232
|
-
const
|
|
233
|
-
const ɵ$
|
|
228
|
+
const row_r14 = ctx.$implicit;
|
|
229
|
+
const ɵ$index_18_r15 = ctx.$index;
|
|
234
230
|
i0.ɵɵadvance();
|
|
235
|
-
i0.ɵɵconditional(ɵ$
|
|
231
|
+
i0.ɵɵconditional(ɵ$index_18_r15 === 0 ? 1 : -1);
|
|
236
232
|
i0.ɵɵadvance();
|
|
237
|
-
i0.ɵɵrepeater(
|
|
233
|
+
i0.ɵɵrepeater(row_r14);
|
|
238
234
|
} }
|
|
239
235
|
function SdSheet_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
240
236
|
i0.ɵɵelement(0, "th", 30);
|
|
237
|
+
} if (rf & 2) {
|
|
238
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
239
|
+
i0.ɵɵstyleProp("left", ctx_r1.fixing.fixedLeftMap().get(-1), "px");
|
|
241
240
|
} }
|
|
242
241
|
function SdSheet_Conditional_6_For_4_Conditional_1_ng_template_0_Template(rf, ctx) { }
|
|
243
242
|
function SdSheet_Conditional_6_For_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -250,54 +249,57 @@ function SdSheet_Conditional_6_For_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
250
249
|
i0.ɵɵconditionalCreate(1, SdSheet_Conditional_6_For_4_Conditional_1_Template, 1, 1, null, 27);
|
|
251
250
|
i0.ɵɵelementEnd();
|
|
252
251
|
} if (rf & 2) {
|
|
253
|
-
let
|
|
254
|
-
const
|
|
255
|
-
const ɵ$
|
|
252
|
+
let tmp_16_0;
|
|
253
|
+
const colDef_r16 = ctx.$implicit;
|
|
254
|
+
const ɵ$index_87_r17 = ctx.$index;
|
|
256
255
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
257
|
-
i0.ɵɵstyleProp("left",
|
|
258
|
-
i0.ɵɵclassProp("_fixed",
|
|
259
|
-
i0.ɵɵattribute("data-c", ɵ$
|
|
256
|
+
i0.ɵɵstyleProp("left", colDef_r16.fixed ? ctx_r1.fixing.fixedLeftMap().get(ɵ$index_87_r17) : null, "px");
|
|
257
|
+
i0.ɵɵclassProp("_fixed", colDef_r16.fixed);
|
|
258
|
+
i0.ɵɵattribute("data-c", ɵ$index_87_r17);
|
|
260
259
|
i0.ɵɵadvance();
|
|
261
|
-
i0.ɵɵconditional((
|
|
260
|
+
i0.ɵɵconditional((tmp_16_0 = ctx_r1.getColumnSummaryTpl(colDef_r16.key)) ? 1 : -1, tmp_16_0);
|
|
262
261
|
} }
|
|
263
262
|
function SdSheet_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
264
263
|
i0.ɵɵelementStart(0, "tr", 3);
|
|
265
264
|
i0.ɵɵelement(1, "th", 30);
|
|
266
|
-
i0.ɵɵconditionalCreate(2, SdSheet_Conditional_6_Conditional_2_Template, 1,
|
|
265
|
+
i0.ɵɵconditionalCreate(2, SdSheet_Conditional_6_Conditional_2_Template, 1, 2, "th", 31);
|
|
267
266
|
i0.ɵɵrepeaterCreate(3, SdSheet_Conditional_6_For_4_Template, 2, 6, "th", 18, _forTrack1);
|
|
268
267
|
i0.ɵɵelementEnd();
|
|
269
268
|
} if (rf & 2) {
|
|
270
269
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
271
|
-
|
|
270
|
+
const _sfc_r18 = ctx_r1.expanding.hasExpandable() ? -2 : -1;
|
|
271
|
+
i0.ɵɵadvance();
|
|
272
|
+
i0.ɵɵstyleProp("left", ctx_r1.fixing.fixedLeftMap().get(_sfc_r18), "px");
|
|
273
|
+
i0.ɵɵadvance();
|
|
272
274
|
i0.ɵɵconditional(ctx_r1.expanding.hasExpandable() ? 2 : -1);
|
|
273
275
|
i0.ɵɵadvance();
|
|
274
276
|
i0.ɵɵrepeater(ctx_r1.layout.columnDefs());
|
|
275
277
|
} }
|
|
276
278
|
function SdSheet_For_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
277
|
-
const
|
|
279
|
+
const _r21 = i0.ɵɵgetCurrentView();
|
|
278
280
|
i0.ɵɵelementStart(0, "sd-checkbox", 35);
|
|
279
|
-
i0.ɵɵlistener("valueChange", function SdSheet_For_9_Conditional_2_Template_sd_checkbox_valueChange_0_listener() { i0.ɵɵrestoreView(
|
|
281
|
+
i0.ɵɵlistener("valueChange", function SdSheet_For_9_Conditional_2_Template_sd_checkbox_valueChange_0_listener() { i0.ɵɵrestoreView(_r21); const item_r20 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selection.toggle(item_r20)); })("mousedown", function SdSheet_For_9_Conditional_2_Template_sd_checkbox_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r21); const ɵ$index_95_r22 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectorMouseDown($event, ɵ$index_95_r22)); });
|
|
280
282
|
i0.ɵɵelementEnd();
|
|
281
283
|
} if (rf & 2) {
|
|
282
|
-
const
|
|
284
|
+
const item_r20 = i0.ɵɵnextContext().$implicit;
|
|
283
285
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
284
|
-
const
|
|
285
|
-
i0.ɵɵproperty("value", ctx_r1.selection.isSelected(
|
|
286
|
-
i0.ɵɵattribute("title",
|
|
286
|
+
const _selectable_r23 = ctx_r1.selection.getSelectable(item_r20);
|
|
287
|
+
i0.ɵɵproperty("value", ctx_r1.selection.isSelected(item_r20))("canChangeFn", ctx_r1.selection.getCanChangeFn(item_r20))("inline", true)("theme", "white")("disabled", _selectable_r23 !== true);
|
|
288
|
+
i0.ɵɵattribute("title", _selectable_r23);
|
|
287
289
|
} }
|
|
288
290
|
function SdSheet_For_9_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
289
|
-
const
|
|
291
|
+
const _r24 = i0.ɵɵgetCurrentView();
|
|
290
292
|
i0.ɵɵelementStart(0, "sd-anchor", 37);
|
|
291
|
-
i0.ɵɵlistener("pointerdown", function SdSheet_For_9_Conditional_3_Conditional_1_Template_sd_anchor_pointerdown_0_listener() { i0.ɵɵrestoreView(
|
|
293
|
+
i0.ɵɵlistener("pointerdown", function SdSheet_For_9_Conditional_3_Conditional_1_Template_sd_anchor_pointerdown_0_listener() { i0.ɵɵrestoreView(_r24); const item_r20 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selection.toggle(item_r20)); });
|
|
292
294
|
i0.ɵɵelement(1, "ng-icon", 11);
|
|
293
295
|
i0.ɵɵelementEnd();
|
|
294
296
|
} if (rf & 2) {
|
|
295
297
|
i0.ɵɵnextContext();
|
|
296
|
-
const
|
|
297
|
-
const
|
|
298
|
+
const _selectable_r25 = i0.ɵɵreadContextLet(0);
|
|
299
|
+
const item_r20 = i0.ɵɵnextContext().$implicit;
|
|
298
300
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
299
|
-
i0.ɵɵproperty("theme", ctx_r1.selection.isSelected(
|
|
300
|
-
i0.ɵɵattribute("title",
|
|
301
|
+
i0.ɵɵproperty("theme", ctx_r1.selection.isSelected(item_r20) ? "primary" : "gray");
|
|
302
|
+
i0.ɵɵattribute("title", _selectable_r25);
|
|
301
303
|
i0.ɵɵadvance();
|
|
302
304
|
i0.ɵɵproperty("svg", ctx_r1.icons.tablerArrowRight);
|
|
303
305
|
} }
|
|
@@ -305,29 +307,29 @@ function SdSheet_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
305
307
|
i0.ɵɵdeclareLet(0);
|
|
306
308
|
i0.ɵɵconditionalCreate(1, SdSheet_For_9_Conditional_3_Conditional_1_Template, 2, 3, "sd-anchor", 36);
|
|
307
309
|
} if (rf & 2) {
|
|
308
|
-
const
|
|
310
|
+
const item_r20 = i0.ɵɵnextContext().$implicit;
|
|
309
311
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
310
|
-
const
|
|
312
|
+
const _selectable_r26 = i0.ɵɵstoreLet(ctx_r1.selection.getSelectable(item_r20));
|
|
311
313
|
i0.ɵɵadvance();
|
|
312
|
-
i0.ɵɵconditional(
|
|
314
|
+
i0.ɵɵconditional(_selectable_r26 === true && ctx_r1.selection.getCanChangeFn(item_r20) ? 1 : -1);
|
|
313
315
|
} }
|
|
314
316
|
function SdSheet_For_9_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
315
317
|
i0.ɵɵelement(0, "div", 40);
|
|
316
318
|
} if (rf & 2) {
|
|
317
319
|
i0.ɵɵnextContext();
|
|
318
|
-
const
|
|
319
|
-
i0.ɵɵstyleProp("margin-left",
|
|
320
|
+
const itemDef_r27 = i0.ɵɵreadContextLet(1);
|
|
321
|
+
i0.ɵɵstyleProp("margin-left", itemDef_r27.depth - 0.5, "em");
|
|
320
322
|
} }
|
|
321
323
|
function SdSheet_For_9_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
322
|
-
const
|
|
324
|
+
const _r28 = i0.ɵɵgetCurrentView();
|
|
323
325
|
i0.ɵɵelementStart(0, "ng-icon", 17);
|
|
324
|
-
i0.ɵɵlistener("click", function SdSheet_For_9_Conditional_4_Conditional_3_Template_ng_icon_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
326
|
+
i0.ɵɵlistener("click", function SdSheet_For_9_Conditional_4_Conditional_3_Template_ng_icon_click_0_listener($event) { i0.ɵɵrestoreView(_r28); const item_r20 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onExpandClick($event, item_r20)); });
|
|
325
327
|
i0.ɵɵelementEnd();
|
|
326
328
|
} if (rf & 2) {
|
|
327
|
-
const
|
|
329
|
+
const item_r20 = i0.ɵɵnextContext(2).$implicit;
|
|
328
330
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
329
|
-
i0.ɵɵstyleProp("transform", ctx_r1.isExpanded(
|
|
330
|
-
i0.ɵɵclassProp("tx-theme-primary-default", ctx_r1.isExpanded(
|
|
331
|
+
i0.ɵɵstyleProp("transform", ctx_r1.isExpanded(item_r20) ? "rotate(90deg)" : undefined);
|
|
332
|
+
i0.ɵɵclassProp("tx-theme-primary-default", ctx_r1.isExpanded(item_r20));
|
|
331
333
|
i0.ɵɵproperty("svg", ctx_r1.icons.tablerCaretRight);
|
|
332
334
|
} }
|
|
333
335
|
function SdSheet_For_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -337,69 +339,69 @@ function SdSheet_For_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
337
339
|
i0.ɵɵconditionalCreate(3, SdSheet_For_9_Conditional_4_Conditional_3_Template, 1, 5, "ng-icon", 39);
|
|
338
340
|
i0.ɵɵelementEnd();
|
|
339
341
|
} if (rf & 2) {
|
|
340
|
-
const
|
|
341
|
-
const
|
|
342
|
-
const ɵ$
|
|
342
|
+
const ctx_r28 = i0.ɵɵnextContext();
|
|
343
|
+
const item_r20 = ctx_r28.$implicit;
|
|
344
|
+
const ɵ$index_95_r22 = ctx_r28.$index;
|
|
343
345
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
344
|
-
i0.ɵɵstyleProp("left", ctx_r1.
|
|
345
|
-
i0.ɵɵattribute("data-r", ɵ$
|
|
346
|
+
i0.ɵɵstyleProp("left", ctx_r1.fixing.fixedLeftMap().get(-1), "px");
|
|
347
|
+
i0.ɵɵattribute("data-r", ɵ$index_95_r22)("data-c", -1);
|
|
346
348
|
i0.ɵɵadvance();
|
|
347
|
-
const
|
|
349
|
+
const itemDef_r30 = i0.ɵɵstoreLet(ctx_r1.getItemDef(item_r20));
|
|
348
350
|
i0.ɵɵadvance();
|
|
349
|
-
i0.ɵɵconditional(
|
|
351
|
+
i0.ɵɵconditional(itemDef_r30.depth > 0 ? 2 : -1);
|
|
350
352
|
i0.ɵɵadvance();
|
|
351
|
-
i0.ɵɵconditional(
|
|
353
|
+
i0.ɵɵconditional(itemDef_r30.hasChildren ? 3 : -1);
|
|
352
354
|
} }
|
|
353
355
|
function SdSheet_For_9_For_6_Conditional_1_ng_template_0_Template(rf, ctx) { }
|
|
354
356
|
function SdSheet_For_9_For_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
355
357
|
i0.ɵɵtemplate(0, SdSheet_For_9_For_6_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 42);
|
|
356
358
|
} if (rf & 2) {
|
|
357
|
-
const ɵ$
|
|
358
|
-
const
|
|
359
|
-
const
|
|
360
|
-
const ɵ$
|
|
359
|
+
const ɵ$index_122_r33 = i0.ɵɵnextContext().$index;
|
|
360
|
+
const ctx_r28 = i0.ɵɵnextContext();
|
|
361
|
+
const item_r20 = ctx_r28.$implicit;
|
|
362
|
+
const ɵ$index_95_r22 = ctx_r28.$index;
|
|
361
363
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
362
|
-
i0.ɵɵproperty("ngTemplateOutlet", ctx)("ngTemplateOutletContext", i0.ɵɵpureFunction5(5, _c1,
|
|
364
|
+
i0.ɵɵproperty("ngTemplateOutlet", ctx)("ngTemplateOutletContext", i0.ɵɵpureFunction5(5, _c1, item_r20, item_r20, ɵ$index_95_r22, ctx_r1.getChildrenFn() != null ? ctx_r1.getItemDef(item_r20).depth : 0, ctx_r1.cellAgent.isCellEditMode(i0.ɵɵpureFunction2(2, _c0, ɵ$index_95_r22, ɵ$index_122_r33))));
|
|
363
365
|
} }
|
|
364
366
|
function SdSheet_For_9_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
365
|
-
const
|
|
367
|
+
const _r31 = i0.ɵɵgetCurrentView();
|
|
366
368
|
i0.ɵɵelementStart(0, "td", 41);
|
|
367
|
-
i0.ɵɵlistener("click", function SdSheet_For_9_For_6_Template_td_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
369
|
+
i0.ɵɵlistener("click", function SdSheet_For_9_For_6_Template_td_click_0_listener($event) { i0.ɵɵrestoreView(_r31); const item_r20 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCellClick($event, item_r20)); })("focus", function SdSheet_For_9_For_6_Template_td_focus_0_listener() { i0.ɵɵrestoreView(_r31); const item_r20 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCellFocus(item_r20)); })("keydown", function SdSheet_For_9_For_6_Template_td_keydown_0_listener($event) { const colDef_r32 = i0.ɵɵrestoreView(_r31).$implicit; const item_r20 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCellKeydown($event, item_r20, colDef_r32.key)); });
|
|
368
370
|
i0.ɵɵconditionalCreate(1, SdSheet_For_9_For_6_Conditional_1_Template, 1, 11, null, 42);
|
|
369
371
|
i0.ɵɵelementEnd();
|
|
370
372
|
} if (rf & 2) {
|
|
371
373
|
let tmp_28_0;
|
|
372
|
-
const
|
|
373
|
-
const ɵ$
|
|
374
|
-
const
|
|
375
|
-
const
|
|
376
|
-
const ɵ$
|
|
374
|
+
const colDef_r32 = ctx.$implicit;
|
|
375
|
+
const ɵ$index_122_r33 = ctx.$index;
|
|
376
|
+
const ctx_r28 = i0.ɵɵnextContext();
|
|
377
|
+
const item_r20 = ctx_r28.$implicit;
|
|
378
|
+
const ɵ$index_95_r22 = ctx_r28.$index;
|
|
377
379
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
378
|
-
i0.ɵɵstyleMap(ctx_r1.getCellStyleWithIndent(
|
|
379
|
-
i0.ɵɵclassMap(ctx_r1.getDataCellClass(
|
|
380
|
-
i0.ɵɵclassProp("_fixed",
|
|
381
|
-
i0.ɵɵattribute("data-r", ɵ$
|
|
380
|
+
i0.ɵɵstyleMap(ctx_r1.getCellStyleWithIndent(item_r20, colDef_r32, ɵ$index_122_r33));
|
|
381
|
+
i0.ɵɵclassMap(ctx_r1.getDataCellClass(item_r20, colDef_r32, ɵ$index_95_r22, ɵ$index_122_r33));
|
|
382
|
+
i0.ɵɵclassProp("_fixed", colDef_r32.fixed);
|
|
383
|
+
i0.ɵɵattribute("data-r", ɵ$index_95_r22)("data-c", ɵ$index_122_r33);
|
|
382
384
|
i0.ɵɵadvance();
|
|
383
|
-
i0.ɵɵconditional((tmp_28_0 = ctx_r1.getColumnCellTpl(
|
|
385
|
+
i0.ɵɵconditional((tmp_28_0 = ctx_r1.getColumnCellTpl(colDef_r32.key)) ? 1 : -1, tmp_28_0);
|
|
384
386
|
} }
|
|
385
387
|
function SdSheet_For_9_Template(rf, ctx) { if (rf & 1) {
|
|
386
|
-
const
|
|
387
|
-
i0.ɵɵelementStart(0, "tr",
|
|
388
|
-
i0.ɵɵlistener("click", function SdSheet_For_9_Template_tr_click_0_listener() { const
|
|
388
|
+
const _r19 = i0.ɵɵgetCurrentView();
|
|
389
|
+
i0.ɵɵelementStart(0, "tr", 32);
|
|
390
|
+
i0.ɵɵlistener("click", function SdSheet_For_9_Template_tr_click_0_listener() { const item_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRowClick(item_r20)); })("keydown", function SdSheet_For_9_Template_tr_keydown_0_listener($event) { const item_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onItemKeydown($event, item_r20)); });
|
|
389
391
|
i0.ɵɵelementStart(1, "td", 30);
|
|
390
|
-
i0.ɵɵconditionalCreate(2, SdSheet_For_9_Conditional_2_Template, 1, 6, "sd-checkbox",
|
|
392
|
+
i0.ɵɵconditionalCreate(2, SdSheet_For_9_Conditional_2_Template, 1, 6, "sd-checkbox", 33)(3, SdSheet_For_9_Conditional_3_Template, 2, 2);
|
|
391
393
|
i0.ɵɵelementEnd();
|
|
392
|
-
i0.ɵɵconditionalCreate(4, SdSheet_For_9_Conditional_4_Template, 4, 7, "td",
|
|
394
|
+
i0.ɵɵconditionalCreate(4, SdSheet_For_9_Conditional_4_Template, 4, 7, "td", 31);
|
|
393
395
|
i0.ɵɵrepeaterCreate(5, SdSheet_For_9_For_6_Template, 2, 9, "td", 34, _forTrack1);
|
|
394
396
|
i0.ɵɵelementEnd();
|
|
395
397
|
} if (rf & 2) {
|
|
396
|
-
const ɵ$
|
|
398
|
+
const ɵ$index_95_r22 = ctx.$index;
|
|
397
399
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
398
|
-
i0.ɵɵattribute("data-r", ɵ$
|
|
399
|
-
const
|
|
400
|
+
i0.ɵɵattribute("data-r", ɵ$index_95_r22);
|
|
401
|
+
const _fc_r34 = ctx_r1.expanding.hasExpandable() ? -2 : -1;
|
|
400
402
|
i0.ɵɵadvance();
|
|
401
|
-
i0.ɵɵstyleProp("left", ctx_r1.
|
|
402
|
-
i0.ɵɵattribute("data-r", ɵ$
|
|
403
|
+
i0.ɵɵstyleProp("left", ctx_r1.fixing.fixedLeftMap().get(_fc_r34), "px");
|
|
404
|
+
i0.ɵɵattribute("data-r", ɵ$index_95_r22)("data-c", _fc_r34);
|
|
403
405
|
i0.ɵɵadvance();
|
|
404
406
|
i0.ɵɵconditional(ctx_r1.selectMode() === "multi" ? 2 : ctx_r1.selectMode() === "single" ? 3 : -1);
|
|
405
407
|
i0.ɵɵadvance(2);
|
|
@@ -426,7 +428,6 @@ export class SdSheet {
|
|
|
426
428
|
getItemCellClassFn = input(...(ngDevMode ? [undefined, { debugName: "getItemCellClassFn" }] : /* istanbul ignore next */ []));
|
|
427
429
|
getItemCellStyleFn = input(...(ngDevMode ? [undefined, { debugName: "getItemCellStyleFn" }] : /* istanbul ignore next */ []));
|
|
428
430
|
hideConfigBar = input(false, { ...(ngDevMode ? { debugName: "hideConfigBar" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
429
|
-
cumulativeSelection = input(false, { ...(ngDevMode ? { debugName: "cumulativeSelection" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
430
431
|
// Outputs
|
|
431
432
|
itemKeydown = output();
|
|
432
433
|
cellKeydown = output();
|
|
@@ -437,6 +438,8 @@ export class SdSheet {
|
|
|
437
438
|
currentPage = model(0, ...(ngDevMode ? [{ debugName: "currentPage" }] : /* istanbul ignore next */ []));
|
|
438
439
|
// Content query
|
|
439
440
|
columnControls = contentChildren(SdSheetColumn, ...(ngDevMode ? [{ debugName: "columnControls" }] : /* istanbul ignore next */ []));
|
|
441
|
+
columnControlsInput = input(...(ngDevMode ? [undefined, { debugName: "columnControlsInput" }] : /* istanbul ignore next */ []));
|
|
442
|
+
_effectiveColumnControls = computed(() => this.columnControlsInput() ?? this.columnControls(), ...(ngDevMode ? [{ debugName: "_effectiveColumnControls" }] : /* istanbul ignore next */ []));
|
|
440
443
|
// Injected providers
|
|
441
444
|
_sdModal = inject(SdModalProvider);
|
|
442
445
|
// DOM accessor & cell agent
|
|
@@ -457,28 +460,9 @@ export class SdSheet {
|
|
|
457
460
|
onResizerDblClick = this._resizing.onDblClick;
|
|
458
461
|
// Layout engine
|
|
459
462
|
layout = useSheetLayoutEngine({
|
|
460
|
-
columnControls: this.
|
|
463
|
+
columnControls: this._effectiveColumnControls,
|
|
461
464
|
config: computed(() => this._configResource.value()),
|
|
462
465
|
});
|
|
463
|
-
// Column fixing
|
|
464
|
-
fixing = useSheetColumnFixing({
|
|
465
|
-
columnDefs: this.layout.columnDefs,
|
|
466
|
-
});
|
|
467
|
-
// Feature cell fixing (select/expand columns)
|
|
468
|
-
_featureCellWidths = signal(new Map(), ...(ngDevMode ? [{ debugName: "_featureCellWidths" }] : /* istanbul ignore next */ []));
|
|
469
|
-
featureFixedLeftMap = computed(() => {
|
|
470
|
-
const map = new Map();
|
|
471
|
-
const widths = this._featureCellWidths();
|
|
472
|
-
const hasExpand = this.expanding.hasExpandable();
|
|
473
|
-
if (hasExpand) {
|
|
474
|
-
map.set(-2, 0);
|
|
475
|
-
map.set(-1, widths.get(-2) ?? 0);
|
|
476
|
-
}
|
|
477
|
-
else {
|
|
478
|
-
map.set(-1, 0);
|
|
479
|
-
}
|
|
480
|
-
return map;
|
|
481
|
-
}, ...(ngDevMode ? [{ debugName: "featureFixedLeftMap" }] : /* istanbul ignore next */ []));
|
|
482
466
|
// Sorting manager
|
|
483
467
|
sorting = useSortingManager({
|
|
484
468
|
sorts: this.sorts,
|
|
@@ -497,6 +481,13 @@ export class SdSheet {
|
|
|
497
481
|
effectivePageCount = this._pipeline.effectivePageCount;
|
|
498
482
|
expanding = this._pipeline.expanding;
|
|
499
483
|
displayItems = this._pipeline.displayItems;
|
|
484
|
+
// Column fixing (DOM 측정 기반 통합 fixedLeftMap)
|
|
485
|
+
_fixedCellWidths = signal(new Map(), ...(ngDevMode ? [{ debugName: "_fixedCellWidths" }] : /* istanbul ignore next */ []));
|
|
486
|
+
fixing = useSheetColumnFixing({
|
|
487
|
+
columnDefs: this.layout.columnDefs,
|
|
488
|
+
cellWidths: this._fixedCellWidths,
|
|
489
|
+
hasExpandable: this.expanding.hasExpandable,
|
|
490
|
+
});
|
|
500
491
|
// Cell styling composable
|
|
501
492
|
_styling = useSheetCellStyling({
|
|
502
493
|
columnDefs: this.layout.columnDefs,
|
|
@@ -530,23 +521,6 @@ export class SdSheet {
|
|
|
530
521
|
getItemSelectableFn: this.getItemSelectableFn,
|
|
531
522
|
trackByFn: this.trackByFn,
|
|
532
523
|
});
|
|
533
|
-
// cumulativeSelection=false면 items 변경 시 selectedItems를 초기화한다.
|
|
534
|
-
// 첫 실행(초기 마운트)은 skip하여 소비자가 넘긴 초기 selectedItems 값을 보존한다.
|
|
535
|
-
_resetOnItemsChangeSkipFirst = true;
|
|
536
|
-
_resetOnItemsChange = effect(() => {
|
|
537
|
-
this.items(); // track only items
|
|
538
|
-
if (this._resetOnItemsChangeSkipFirst) {
|
|
539
|
-
this._resetOnItemsChangeSkipFirst = false;
|
|
540
|
-
return;
|
|
541
|
-
}
|
|
542
|
-
untracked(() => {
|
|
543
|
-
if (this.cumulativeSelection())
|
|
544
|
-
return;
|
|
545
|
-
if (this.selectedItems().length > 0) {
|
|
546
|
-
this.selectedItems.set([]);
|
|
547
|
-
}
|
|
548
|
-
});
|
|
549
|
-
}, ...(ngDevMode ? [{ debugName: "_resetOnItemsChange" }] : /* istanbul ignore next */ []));
|
|
550
524
|
// Icons
|
|
551
525
|
icons = {
|
|
552
526
|
tablerSettings,
|
|
@@ -558,7 +532,7 @@ export class SdSheet {
|
|
|
558
532
|
};
|
|
559
533
|
_columnControlMap = computed(() => {
|
|
560
534
|
const map = new Map();
|
|
561
|
-
for (const col of this.
|
|
535
|
+
for (const col of this._effectiveColumnControls()) {
|
|
562
536
|
map.set(col.key(), col);
|
|
563
537
|
}
|
|
564
538
|
return map;
|
|
@@ -659,11 +633,11 @@ export class SdSheet {
|
|
|
659
633
|
this._focusIndicator.redraw();
|
|
660
634
|
this._selectRowIndicator.redraw();
|
|
661
635
|
}
|
|
662
|
-
|
|
636
|
+
onFixedCellResize(event, key) {
|
|
663
637
|
if (!event.widthChanged)
|
|
664
638
|
return;
|
|
665
639
|
const width = event.target.offsetWidth;
|
|
666
|
-
this.
|
|
640
|
+
this._fixedCellWidths.update((m) => {
|
|
667
641
|
const newMap = new Map(m);
|
|
668
642
|
newMap.set(key, width);
|
|
669
643
|
return newMap;
|
|
@@ -729,7 +703,7 @@ export class SdSheet {
|
|
|
729
703
|
type: SdSheetConfigModal,
|
|
730
704
|
inputs: {
|
|
731
705
|
sheetKey: this.key(),
|
|
732
|
-
controls: this.
|
|
706
|
+
controls: this._effectiveColumnControls(),
|
|
733
707
|
config: this._configResource.value(),
|
|
734
708
|
},
|
|
735
709
|
});
|
|
@@ -746,7 +720,7 @@ export class SdSheet {
|
|
|
746
720
|
i0.ɵɵlistener("keydown.capture", function SdSheet_keydown_capture_HostBindingHandler($event) { return ctx.onKeydownCapture($event); })("focus.capture", function SdSheet_focus_capture_HostBindingHandler($event) { return ctx.onFocusCapture($event); })("dblclick", function SdSheet_dblclick_HostBindingHandler($event) { return ctx.onDblClick($event); })("blur.capture", function SdSheet_blur_capture_HostBindingHandler($event) { return ctx.onBlurCapture($event); });
|
|
747
721
|
} if (rf & 2) {
|
|
748
722
|
i0.ɵɵattribute("data-sd-inset", ctx.inset())("data-sd-focus-mode", ctx.focusMode());
|
|
749
|
-
} }, inputs: { key: [1, "key"], items: [1, "items"], trackByFn: [1, "trackByFn"], selectMode: [1, "selectMode"], autoSelect: [1, "autoSelect"], getItemSelectableFn: [1, "getItemSelectableFn"], getChildrenFn: [1, "getChildrenFn"], useAutoSort: [1, "useAutoSort"], visiblePageCount: [1, "visiblePageCount"], totalPageCount: [1, "totalPageCount"], itemsPerPage: [1, "itemsPerPage"], focusMode: [1, "focusMode"], inset: [1, "inset"], contentStyle: [1, "contentStyle"], getItemCellClassFn: [1, "getItemCellClassFn"], getItemCellStyleFn: [1, "getItemCellStyleFn"], hideConfigBar: [1, "hideConfigBar"],
|
|
723
|
+
} }, inputs: { key: [1, "key"], items: [1, "items"], trackByFn: [1, "trackByFn"], selectMode: [1, "selectMode"], autoSelect: [1, "autoSelect"], getItemSelectableFn: [1, "getItemSelectableFn"], getChildrenFn: [1, "getChildrenFn"], useAutoSort: [1, "useAutoSort"], visiblePageCount: [1, "visiblePageCount"], totalPageCount: [1, "totalPageCount"], itemsPerPage: [1, "itemsPerPage"], focusMode: [1, "focusMode"], inset: [1, "inset"], contentStyle: [1, "contentStyle"], getItemCellClassFn: [1, "getItemCellClassFn"], getItemCellStyleFn: [1, "getItemCellStyleFn"], hideConfigBar: [1, "hideConfigBar"], selectedItems: [1, "selectedItems"], expandedItems: [1, "expandedItems"], sorts: [1, "sorts"], currentPage: [1, "currentPage"], columnControlsInput: [1, "columnControlsInput"] }, outputs: { itemKeydown: "itemKeydown", cellKeydown: "cellKeydown", selectedItems: "selectedItemsChange", expandedItems: "expandedItemsChange", sorts: "sortsChange", currentPage: "currentPageChange" }, features: [i0.ɵɵHostDirectivesFeature([{ directive: i1.SdEvents, outputs: ["keydown.capture", "keydown.capture", "focus.capture", "focus.capture", "blur.capture", "blur.capture"] }])], decls: 14, vars: 8, consts: [[1, "_tool", "flex-row", "gap-sm", "p-xs"], [1, "_sheet-container", "flex-fill", 3, "scroll.passive"], [3, "sdResize"], [1, "_summary-row"], [1, "_focus-row-indicator"], [1, "_focus-cell-indicator"], [1, "_resize-indicator"], [1, "_select-row-indicator-container"], [3, "theme", "size"], [1, "flex-fill", 3, "currentPage", "totalPageCount", "visiblePageCount"], [3, "click", "theme", "size"], [3, "svg"], [1, "flex-fill", 3, "currentPageChange", "currentPage", "totalPageCount", "visiblePageCount"], [1, "_fixed", "_feature-cell", "_last-depth", 3, "sdResize"], [3, "value", "inline", "theme"], [1, "_fixed", "_feature-cell", "_last-depth", 3, "left"], [3, "valueChange", "value", "inline", "theme"], [3, "click", "svg"], [3, "_fixed", "left"], [1, "_last-depth", 3, "_fixed", "_sort", "help", "style"], [1, "_p-sheet"], [1, "_last-depth", 3, "sdResize", "click"], [1, "_headerContent", "flex-row"], [1, "flex-fill"], [1, "flex-fill", "_p-sheet"], [1, "_sort-icon"], [1, "_resizer"], [3, "ngTemplateOutlet"], [1, "tx-trans-lightest", 3, "svg"], [1, "_resizer", 3, "mousedown", "dblclick"], [1, "_fixed", "_feature-cell"], [1, "_fixed", "_feature-cell", 3, "left"], [3, "click", "keydown"], [3, "value", "canChangeFn", "inline", "theme", "disabled"], ["tabindex", "0", 3, "_fixed", "class", "style"], [3, "valueChange", "mousedown", "value", "canChangeFn", "inline", "theme", "disabled"], [3, "theme"], [3, "pointerdown", "theme"], [1, "_depth-indicator", 3, "margin-left"], [3, "svg", "transform", "tx-theme-primary-default"], [1, "_depth-indicator"], ["tabindex", "0", 3, "click", "focus", "keydown"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function SdSheet_Template(rf, ctx) { if (rf & 1) {
|
|
750
724
|
i0.ɵɵconditionalCreate(0, SdSheet_Conditional_0_Template, 3, 2, "div", 0);
|
|
751
725
|
i0.ɵɵelementStart(1, "div", 1);
|
|
752
726
|
i0.ɵɵlistener("scroll.passive", function SdSheet_Template_div_scroll_passive_1_listener() { return ctx.onContainerScroll(); });
|
|
@@ -754,7 +728,7 @@ export class SdSheet {
|
|
|
754
728
|
i0.ɵɵlistener("sdResize", function SdSheet_Template_table_sdResize_2_listener($event) { return ctx.onTableResize($event); });
|
|
755
729
|
i0.ɵɵelementStart(3, "thead");
|
|
756
730
|
i0.ɵɵrepeaterCreate(4, SdSheet_For_5_Template, 4, 1, "tr", null, i0.ɵɵrepeaterTrackByIndex);
|
|
757
|
-
i0.ɵɵconditionalCreate(6, SdSheet_Conditional_6_Template, 5,
|
|
731
|
+
i0.ɵɵconditionalCreate(6, SdSheet_Conditional_6_Template, 5, 3, "tr", 3);
|
|
758
732
|
i0.ɵɵelementEnd();
|
|
759
733
|
i0.ɵɵelementStart(7, "tbody");
|
|
760
734
|
i0.ɵɵrepeaterCreate(8, SdSheet_For_9_Template, 7, 7, "tr", null, _forTrack0, true);
|
|
@@ -826,8 +800,8 @@ export class SdSheet {
|
|
|
826
800
|
layout.headerFeatureRowSpan() > 1 ? layout.headerFeatureRowSpan() : null
|
|
827
801
|
"
|
|
828
802
|
[attr.data-c]="_fc"
|
|
829
|
-
[style.left.px]="
|
|
830
|
-
(sdResize)="
|
|
803
|
+
[style.left.px]="fixing.fixedLeftMap().get(_fc)"
|
|
804
|
+
(sdResize)="onFixedCellResize($event, _fc)"
|
|
831
805
|
>
|
|
832
806
|
@if (selection.hasSelectable() && selectMode() === "multi") {
|
|
833
807
|
<sd-checkbox
|
|
@@ -845,8 +819,8 @@ export class SdSheet {
|
|
|
845
819
|
layout.headerFeatureRowSpan() > 1 ? layout.headerFeatureRowSpan() : null
|
|
846
820
|
"
|
|
847
821
|
[attr.data-c]="-1"
|
|
848
|
-
[style.left.px]="
|
|
849
|
-
(sdResize)="
|
|
822
|
+
[style.left.px]="fixing.fixedLeftMap().get(-1)"
|
|
823
|
+
(sdResize)="onFixedCellResize($event, -1)"
|
|
850
824
|
>
|
|
851
825
|
<ng-icon
|
|
852
826
|
[svg]="icons.tablerCaretRight"
|
|
@@ -857,16 +831,16 @@ export class SdSheet {
|
|
|
857
831
|
</th>
|
|
858
832
|
}
|
|
859
833
|
}
|
|
860
|
-
@for (cell of row; track $index
|
|
834
|
+
@for (cell of row; track $index) {
|
|
861
835
|
@if (!cell.isLastRow) {
|
|
862
836
|
<th
|
|
863
837
|
[class._fixed]="cell.colDef?.fixed"
|
|
864
838
|
[attr.colspan]="cell.colspan > 1 ? cell.colspan : null"
|
|
865
839
|
[attr.rowspan]="cell.rowspan > 1 ? cell.rowspan : null"
|
|
866
|
-
[attr.data-c]="
|
|
840
|
+
[attr.data-c]="cell.colIndex"
|
|
867
841
|
[attr.title]="cell.text"
|
|
868
842
|
[style.left.px]="
|
|
869
|
-
cell.colDef?.fixed ? fixing.fixedLeftMap().get(cell.
|
|
843
|
+
cell.colDef?.fixed ? fixing.fixedLeftMap().get(cell.colIndex) : null
|
|
870
844
|
"
|
|
871
845
|
>
|
|
872
846
|
<div class="_p-sheet">
|
|
@@ -880,10 +854,11 @@ export class SdSheet {
|
|
|
880
854
|
[class._sort]="cell.colDef && !cell.colDef.disableSorting"
|
|
881
855
|
[attr.colspan]="cell.colspan > 1 ? cell.colspan : null"
|
|
882
856
|
[attr.rowspan]="cell.rowspan > 1 ? cell.rowspan : null"
|
|
883
|
-
[attr.data-c]="
|
|
857
|
+
[attr.data-c]="cell.colIndex"
|
|
884
858
|
[attr.title]="cell.colDef?.tooltip ?? cell.text"
|
|
885
859
|
[class.help]="cell.colDef?.tooltip"
|
|
886
860
|
[style]="getHeaderCellStyle(cell)"
|
|
861
|
+
(sdResize)="onFixedCellResize($event, cell.colIndex)"
|
|
887
862
|
(click)="onHeaderClick($event, cell)"
|
|
888
863
|
>
|
|
889
864
|
<div class="_headerContent flex-row">
|
|
@@ -926,15 +901,22 @@ export class SdSheet {
|
|
|
926
901
|
}
|
|
927
902
|
@if (layout.hasSummary()) {
|
|
928
903
|
<tr class="_summary-row">
|
|
929
|
-
|
|
904
|
+
@let _sfc = expanding.hasExpandable() ? -2 : -1;
|
|
905
|
+
<th
|
|
906
|
+
class="_fixed _feature-cell"
|
|
907
|
+
[style.left.px]="fixing.fixedLeftMap().get(_sfc)"
|
|
908
|
+
></th>
|
|
930
909
|
@if (expanding.hasExpandable()) {
|
|
931
|
-
<th
|
|
910
|
+
<th
|
|
911
|
+
class="_fixed _feature-cell"
|
|
912
|
+
[style.left.px]="fixing.fixedLeftMap().get(-1)"
|
|
913
|
+
></th>
|
|
932
914
|
}
|
|
933
915
|
@for (colDef of layout.columnDefs(); track colDef.key; let c = $index) {
|
|
934
916
|
<th
|
|
935
917
|
[class._fixed]="colDef.fixed"
|
|
936
918
|
[attr.data-c]="c"
|
|
937
|
-
[style.left.px]="colDef.fixed ? fixing.fixedLeftMap().get(
|
|
919
|
+
[style.left.px]="colDef.fixed ? fixing.fixedLeftMap().get(c) : null"
|
|
938
920
|
>
|
|
939
921
|
@if (getColumnSummaryTpl(colDef.key); as tpl) {
|
|
940
922
|
<ng-template [ngTemplateOutlet]="tpl" />
|
|
@@ -956,7 +938,7 @@ export class SdSheet {
|
|
|
956
938
|
class="_fixed _feature-cell"
|
|
957
939
|
[attr.data-r]="rowIdx"
|
|
958
940
|
[attr.data-c]="_fc"
|
|
959
|
-
[style.left.px]="
|
|
941
|
+
[style.left.px]="fixing.fixedLeftMap().get(_fc)"
|
|
960
942
|
>
|
|
961
943
|
@if (selectMode() === "multi") {
|
|
962
944
|
@let _selectable = selection.getSelectable(item);
|
|
@@ -988,7 +970,7 @@ export class SdSheet {
|
|
|
988
970
|
class="_fixed _feature-cell"
|
|
989
971
|
[attr.data-r]="rowIdx"
|
|
990
972
|
[attr.data-c]="-1"
|
|
991
|
-
[style.left.px]="
|
|
973
|
+
[style.left.px]="fixing.fixedLeftMap().get(-1)"
|
|
992
974
|
>
|
|
993
975
|
@let itemDef = getItemDef(item);
|
|
994
976
|
@if (itemDef.depth > 0) {
|
|
@@ -1049,5 +1031,5 @@ export class SdSheet {
|
|
|
1049
1031
|
<div class="_select-row-indicator-container"></div>
|
|
1050
1032
|
</div>
|
|
1051
1033
|
`, styles: ["sd-sheet {\n border: 1px solid var(--theme-gray-lighter);\n border-radius: var(--border-radius-default);\n}\nsd-sheet > ._tool {\n background: var(--control-color);\n border-top-left-radius: var(--border-radius-default);\n border-top-right-radius: var(--border-radius-default);\n border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container {\n position: relative;\n background: var(--sheet-bg);\n border-bottom-left-radius: var(--border-radius-default);\n border-bottom-right-radius: var(--border-radius-default);\n overflow: auto;\n}\nsd-sheet > ._sheet-container > table {\n border-spacing: 0;\n table-layout: fixed;\n margin-right: 2px;\n margin-bottom: 2px;\n border-bottom-right-radius: var(--border-radius-default);\n}\nsd-sheet > ._sheet-container > table > * > tr > *:last-child {\n border-right: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > * > tr:last-child > * {\n border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > *:last-child > tr:last-child > td:last-child {\n border-bottom-right-radius: var(--border-radius-default);\n overflow: hidden;\n}\nsd-sheet > ._sheet-container > table > * > tr > * {\n border-right: 1px solid var(--theme-gray-lighter);\n border-bottom: 1px solid var(--theme-gray-lighter);\n white-space: nowrap;\n overflow: hidden;\n padding: 0;\n position: relative;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) + :not(._fixed):not([data-c=\"0\"]) {\n border-left: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell {\n background: var(--theme-gray-lightest);\n min-width: calc(var(--font-size-default) + 2px + var(--sheet-ph) * 2);\n padding: var(--sheet-pv) var(--sheet-ph);\n text-align: left;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell > ng-icon {\n cursor: pointer;\n color: var(--text-trans-lightest);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed {\n position: sticky;\n left: 0;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) {\n border-right: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > thead {\n position: sticky;\n top: 0;\n z-index: 3;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th {\n position: relative;\n background: var(--theme-gray-lightest);\n vertical-align: middle;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._fixed {\n z-index: 4;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._last-depth {\n border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._feature-cell {\n border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort {\n cursor: pointer;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort:hover {\n text-decoration: underline;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._headerContent > ._sort-icon {\n padding: var(--gap-xs) var(--gap-xs) var(--gap-xs) 0;\n background-color: var(--theme-gray-lightest);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._resizer {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 2px;\n cursor: ew-resize;\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr > th._last-depth {\n border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr._summary-row > th {\n background: var(--theme-warning-lightest);\n text-align: left;\n border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td {\n background: var(--control-color);\n vertical-align: top;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td._fixed {\n z-index: 2;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td > ._depth-indicator {\n display: inline-block;\n margin-top: 0.4em;\n width: 0.5em;\n height: 0.5em;\n border-left: 1px solid var(--text-trans-default);\n border-bottom: 1px solid var(--text-trans-default);\n vertical-align: top;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator {\n display: none;\n position: absolute;\n pointer-events: none;\n background: rgba(158, 158, 158, 0.1);\n z-index: 6;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n position: absolute;\n border: 2px solid var(--theme-primary-default);\n border-radius: var(--border-radius-default);\n}\nsd-sheet > ._sheet-container > ._resize-indicator {\n display: none;\n position: absolute;\n pointer-events: none;\n top: 0;\n height: 100%;\n border: 1px dotted var(--theme-gray-light);\n z-index: 7;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container {\n display: none;\n position: absolute;\n pointer-events: none;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 5;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container > ._select-row-indicator {\n display: block;\n left: 0;\n position: absolute;\n pointer-events: none;\n background: var(--theme-primary-default);\n opacity: 0.1;\n}\nsd-sheet ._p-sheet {\n padding: var(--sheet-pv) var(--sheet-ph);\n}\nsd-sheet[data-sd-focus-mode=row] > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n display: none !important;\n}\nsd-sheet[data-sd-inset=true] {\n border: none;\n border-radius: 0;\n}"] }]
|
|
1052
|
-
}], null, { 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 }] }],
|
|
1053
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheet, { className: "SdSheet", filePath: "packages/angular/src/data/sheet/sd-sheet.ts", lineNumber:
|
|
1034
|
+
}], null, { 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(() => SdSheetColumn), { isSignal: true }] }], columnControlsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnControlsInput", required: false }] }] }); })();
|
|
1035
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheet, { className: "SdSheet", filePath: "packages/angular/src/data/sheet/sd-sheet.ts", lineNumber: 570 }); })();
|