@simplysm/angular 14.0.90 → 14.0.92
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/controls/button/sd-button.js +2 -2
- package/dist/controls/list/sd-list-item.d.ts +4 -0
- package/dist/controls/list/sd-list-item.d.ts.map +1 -1
- package/dist/controls/list/sd-list-item.js +79 -35
- package/dist/controls/list/sd-list.d.ts.map +1 -1
- package/dist/controls/list/sd-list.js +3 -3
- package/dist/core/modal/sd-modal.d.ts.map +1 -1
- package/dist/core/modal/sd-modal.js +3 -3
- package/dist/core/routing/injectCurrentPageCodeSignal.js +1 -1
- package/dist/core/routing/injectViewTypeSignal.d.ts.map +1 -1
- package/dist/data/crud/sd-base-container.js +11 -11
- package/dist/data/crud/sd-crud-detail.js +13 -13
- package/dist/data/crud/sd-crud-list.d.ts +4 -1
- package/dist/data/crud/sd-crud-list.d.ts.map +1 -1
- package/dist/data/crud/sd-crud-list.js +39 -35
- package/dist/data/shared-data/sd-shared-data-select-list.d.ts.map +1 -1
- package/dist/data/shared-data/sd-shared-data-select-list.js +60 -60
- package/dist/layout/sidebar/sd-sidebar-menu.d.ts.map +1 -1
- package/dist/layout/sidebar/sd-sidebar-menu.js +26 -29
- package/dist/layout/sidebar/sd-sidebar-user.d.ts +1 -0
- package/dist/layout/sidebar/sd-sidebar-user.d.ts.map +1 -1
- package/dist/layout/sidebar/sd-sidebar-user.js +37 -20
- package/dist/layout/sidebar/sd-sidebar.d.ts.map +1 -1
- package/dist/layout/sidebar/sd-sidebar.js +3 -3
- package/dist/layout/topbar/sd-topbar.d.ts.map +1 -1
- package/dist/layout/topbar/sd-topbar.js +10 -9
- package/package.json +8 -7
- package/scss/commons/_styles.scss +430 -428
- package/scss/commons/_variables.scss +4 -10
- package/scss/controls/_table.scss +2 -2
- package/src/controls/button/sd-button.ts +1 -1
- package/src/controls/list/sd-list-item.ts +218 -153
- package/src/controls/list/sd-list.ts +13 -0
- package/src/core/modal/sd-modal.ts +2 -1
- package/src/core/routing/injectCurrentPageCodeSignal.ts +1 -1
- package/src/core/routing/injectViewTypeSignal.ts +1 -0
- package/src/data/crud/sd-base-container.ts +3 -3
- package/src/data/crud/sd-crud-detail.ts +2 -2
- package/src/data/crud/sd-crud-list.ts +15 -10
- package/src/data/shared-data/sd-shared-data-select-list.ts +7 -8
- package/src/layout/sidebar/sd-sidebar-menu.ts +2 -5
- package/src/layout/sidebar/sd-sidebar-user.ts +15 -3
- package/src/layout/sidebar/sd-sidebar.ts +3 -2
- package/src/layout/topbar/sd-topbar.ts +7 -5
- package/{dist/styles.css → styles.css} +57 -22
|
@@ -23,13 +23,13 @@ function SdCrudDetail_Conditional_1_ng_template_0_Conditional_0_Template(rf, ctx
|
|
|
23
23
|
i0.ɵɵelementEnd()();
|
|
24
24
|
} if (rf & 2) {
|
|
25
25
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
26
|
-
i0.ɵɵproperty("theme", "link-primary");
|
|
26
|
+
i0.ɵɵproperty("size", "sm")("theme", "link-primary");
|
|
27
27
|
i0.ɵɵadvance();
|
|
28
28
|
i0.ɵɵproperty("svg", ctx_r1.tablerDeviceFloppy);
|
|
29
29
|
} }
|
|
30
30
|
function SdCrudDetail_Conditional_1_ng_template_0_ng_template_1_Template(rf, ctx) { }
|
|
31
31
|
function SdCrudDetail_Conditional_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
32
|
-
i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_1_ng_template_0_Conditional_0_Template, 5,
|
|
32
|
+
i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_1_ng_template_0_Conditional_0_Template, 5, 3, "sd-button", 6);
|
|
33
33
|
i0.ɵɵtemplate(1, SdCrudDetail_Conditional_1_ng_template_0_ng_template_1_Template, 0, 0, "ng-template", 7);
|
|
34
34
|
} if (rf & 2) {
|
|
35
35
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -42,7 +42,7 @@ function SdCrudDetail_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
42
42
|
} }
|
|
43
43
|
function SdCrudDetail_Conditional_2_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
44
44
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
45
|
-
i0.ɵɵelementStart(0, "sd-button",
|
|
45
|
+
i0.ɵɵelementStart(0, "sd-button", 11);
|
|
46
46
|
i0.ɵɵlistener("click", function SdCrudDetail_Conditional_2_ng_template_0_Conditional_0_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSaveButtonClick()); });
|
|
47
47
|
i0.ɵɵelement(1, "ng-icon", 9);
|
|
48
48
|
i0.ɵɵtext(2, " \uC800\uC7A5 ");
|
|
@@ -57,7 +57,7 @@ function SdCrudDetail_Conditional_2_ng_template_0_Conditional_0_Template(rf, ctx
|
|
|
57
57
|
} }
|
|
58
58
|
function SdCrudDetail_Conditional_2_ng_template_0_ng_template_1_Template(rf, ctx) { }
|
|
59
59
|
function SdCrudDetail_Conditional_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
60
|
-
i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_2_ng_template_0_Conditional_0_Template, 5, 2, "sd-button",
|
|
60
|
+
i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_2_ng_template_0_Conditional_0_Template, 5, 2, "sd-button", 10);
|
|
61
61
|
i0.ɵɵtemplate(1, SdCrudDetail_Conditional_2_ng_template_0_ng_template_1_Template, 0, 0, "ng-template", 7);
|
|
62
62
|
} if (rf & 2) {
|
|
63
63
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -80,7 +80,7 @@ function SdCrudDetail_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
80
80
|
} }
|
|
81
81
|
function SdCrudDetail_Conditional_4_ng_template_0_Conditional_0_ng_template_1_Template(rf, ctx) { }
|
|
82
82
|
function SdCrudDetail_Conditional_4_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
83
|
-
i0.ɵɵelementStart(0, "div",
|
|
83
|
+
i0.ɵɵelementStart(0, "div", 12);
|
|
84
84
|
i0.ɵɵtemplate(1, SdCrudDetail_Conditional_4_ng_template_0_Conditional_0_ng_template_1_Template, 0, 0, "ng-template", 7);
|
|
85
85
|
i0.ɵɵelementEnd();
|
|
86
86
|
} if (rf & 2) {
|
|
@@ -90,8 +90,8 @@ function SdCrudDetail_Conditional_4_ng_template_0_Conditional_0_Template(rf, ctx
|
|
|
90
90
|
} }
|
|
91
91
|
function SdCrudDetail_Conditional_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
92
92
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
93
|
-
i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_4_ng_template_0_Conditional_0_Template, 2, 1, "div",
|
|
94
|
-
i0.ɵɵelementStart(1, "sd-button",
|
|
93
|
+
i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_4_ng_template_0_Conditional_0_Template, 2, 1, "div", 12);
|
|
94
|
+
i0.ɵɵelementStart(1, "sd-button", 8);
|
|
95
95
|
i0.ɵɵlistener("click", function SdCrudDetail_Conditional_4_ng_template_0_Template_sd_button_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSaveButtonClick()); });
|
|
96
96
|
i0.ɵɵtext(2, " \uD655\uC778 ");
|
|
97
97
|
i0.ɵɵelementEnd();
|
|
@@ -106,7 +106,7 @@ function SdCrudDetail_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
106
106
|
} }
|
|
107
107
|
function SdCrudDetail_Conditional_5_ng_template_0_Conditional_0_ng_template_1_Template(rf, ctx) { }
|
|
108
108
|
function SdCrudDetail_Conditional_5_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
109
|
-
i0.ɵɵelementStart(0, "div",
|
|
109
|
+
i0.ɵɵelementStart(0, "div", 13);
|
|
110
110
|
i0.ɵɵtemplate(1, SdCrudDetail_Conditional_5_ng_template_0_Conditional_0_ng_template_1_Template, 0, 0, "ng-template", 7);
|
|
111
111
|
i0.ɵɵelementEnd();
|
|
112
112
|
} if (rf & 2) {
|
|
@@ -117,7 +117,7 @@ function SdCrudDetail_Conditional_5_ng_template_0_Conditional_0_Template(rf, ctx
|
|
|
117
117
|
function SdCrudDetail_Conditional_5_ng_template_0_Conditional_1_ng_template_2_Template(rf, ctx) { }
|
|
118
118
|
function SdCrudDetail_Conditional_5_ng_template_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
119
119
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
120
|
-
i0.ɵɵelementStart(0, "sd-form",
|
|
120
|
+
i0.ɵɵelementStart(0, "sd-form", 15, 4);
|
|
121
121
|
i0.ɵɵlistener("formSubmit", function SdCrudDetail_Conditional_5_ng_template_0_Conditional_1_Template_sd_form_formSubmit_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.submit.emit()); });
|
|
122
122
|
i0.ɵɵtemplate(2, SdCrudDetail_Conditional_5_ng_template_0_Conditional_1_ng_template_2_Template, 0, 0, "ng-template", 7);
|
|
123
123
|
i0.ɵɵelementEnd();
|
|
@@ -127,7 +127,7 @@ function SdCrudDetail_Conditional_5_ng_template_0_Conditional_1_Template(rf, ctx
|
|
|
127
127
|
i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.contentTplRef());
|
|
128
128
|
} }
|
|
129
129
|
function SdCrudDetail_Conditional_5_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
130
|
-
i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_5_ng_template_0_Conditional_0_Template, 2, 1, "div",
|
|
130
|
+
i0.ɵɵconditionalCreate(0, SdCrudDetail_Conditional_5_ng_template_0_Conditional_0_Template, 2, 1, "div", 13)(1, SdCrudDetail_Conditional_5_ng_template_0_Conditional_1_Template, 3, 1, "sd-form", 14);
|
|
131
131
|
} if (rf & 2) {
|
|
132
132
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
133
133
|
i0.ɵɵconditional(ctx_r1.readonly() ? 0 : 1);
|
|
@@ -162,7 +162,7 @@ export class SdCrudDetail {
|
|
|
162
162
|
i0.ɵɵqueryAdvance();
|
|
163
163
|
} }, hostBindings: function SdCrudDetail_HostBindings(rf, ctx) { if (rf & 1) {
|
|
164
164
|
i0.ɵɵlistener("sdSaveCommand", function SdCrudDetail_sdSaveCommand_HostBindingHandler() { return ctx.onSaveButtonClick(); });
|
|
165
|
-
} }, inputs: { ready: [1, "ready"], initialized: [1, "initialized"], busyCount: [1, "busyCount"], restricted: [1, "restricted"], readonly: [1, "readonly"], viewType: [1, "viewType"] }, outputs: { ready: "readyChange", busyCount: "busyCountChange", submit: "submit" }, features: [i0.ɵɵHostDirectivesFeature([{ directive: i1.SdCommandDirective, outputs: ["sdSaveCommand", "sdSaveCommand"] }])], decls: 6, vars: 8, consts: [["topbarTpl", ""], ["commandTpl", ""], ["bottomCommandTpl", ""], ["contentTpl", ""], ["formCtrl", ""], [3, "readyChange", "busyCountChange", "ready", "initialized", "busyCount", "restricted", "viewType"], [3, "theme"], [3, "ngTemplateOutlet"], [3, "click", "theme"], [3, "svg"], [
|
|
165
|
+
} }, inputs: { ready: [1, "ready"], initialized: [1, "initialized"], busyCount: [1, "busyCount"], restricted: [1, "restricted"], readonly: [1, "readonly"], viewType: [1, "viewType"] }, outputs: { ready: "readyChange", busyCount: "busyCountChange", submit: "submit" }, features: [i0.ɵɵHostDirectivesFeature([{ directive: i1.SdCommandDirective, outputs: ["sdSaveCommand", "sdSaveCommand"] }])], decls: 6, vars: 8, consts: [["topbarTpl", ""], ["commandTpl", ""], ["bottomCommandTpl", ""], ["contentTpl", ""], ["formCtrl", ""], [3, "readyChange", "busyCountChange", "ready", "initialized", "busyCount", "restricted", "viewType"], [3, "size", "theme"], [3, "ngTemplateOutlet"], [3, "click", "size", "theme"], [3, "svg"], [3, "theme"], [3, "click", "theme"], [1, "flex-fill"], [1, "fill"], [1, "block", "fill"], [1, "block", "fill", 3, "formSubmit"]], template: function SdCrudDetail_Template(rf, ctx) { if (rf & 1) {
|
|
166
166
|
i0.ɵɵelementStart(0, "sd-base-container", 5);
|
|
167
167
|
i0.ɵɵtwoWayListener("readyChange", function SdCrudDetail_Template_sd_base_container_readyChange_0_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.ready, $event) || (ctx.ready = $event); return $event; })("busyCountChange", function SdCrudDetail_Template_sd_base_container_busyCountChange_0_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.busyCount, $event) || (ctx.busyCount = $event); return $event; });
|
|
168
168
|
i0.ɵɵconditionalCreate(1, SdCrudDetail_Conditional_1_Template, 2, 0)(2, SdCrudDetail_Conditional_2_Template, 2, 0)(3, SdCrudDetail_Conditional_3_Template, 2, 0);
|
|
@@ -206,7 +206,7 @@ export class SdCrudDetail {
|
|
|
206
206
|
@if (viewType() === "page" && (!readonly() || commandTplRef())) {
|
|
207
207
|
<ng-template #topbarTpl>
|
|
208
208
|
@if (!readonly()) {
|
|
209
|
-
<sd-button [theme]="'link-primary'" (click)="formCtrl()?.requestSubmit()">
|
|
209
|
+
<sd-button [size]="'sm'" [theme]="'link-primary'" (click)="formCtrl()?.requestSubmit()">
|
|
210
210
|
<ng-icon [svg]="tablerDeviceFloppy" />
|
|
211
211
|
저장
|
|
212
212
|
<small>(CTRL+S)</small>
|
|
@@ -237,7 +237,7 @@ export class SdCrudDetail {
|
|
|
237
237
|
@if (viewType() === "modal" || bottomCommandTplRef()) {
|
|
238
238
|
<ng-template #bottomCommandTpl>
|
|
239
239
|
@if (bottomCommandTplRef()) {
|
|
240
|
-
<div class="flex-fill
|
|
240
|
+
<div class="flex-fill">
|
|
241
241
|
<ng-template [ngTemplateOutlet]="bottomCommandTplRef()" />
|
|
242
242
|
</div>
|
|
243
243
|
}
|
|
@@ -12,6 +12,7 @@ export declare class SdCrudList<TItem, TKey> {
|
|
|
12
12
|
busyCount: import("@angular/core").ModelSignal<number>;
|
|
13
13
|
restricted: import("@angular/core").InputSignal<boolean>;
|
|
14
14
|
readonly: import("@angular/core").InputSignal<boolean>;
|
|
15
|
+
inlineEdit: import("@angular/core").InputSignal<boolean>;
|
|
15
16
|
viewType: import("@angular/core").InputSignal<SdViewType>;
|
|
16
17
|
selectMode: import("@angular/core").InputSignal<"single" | "multi" | undefined>;
|
|
17
18
|
key: import("@angular/core").InputSignal<string>;
|
|
@@ -32,11 +33,13 @@ export declare class SdCrudList<TItem, TKey> {
|
|
|
32
33
|
visiblePageCount: import("@angular/core").InputSignal<number>;
|
|
33
34
|
sorts: import("@angular/core").ModelSignal<SortingDef[]>;
|
|
34
35
|
trackByFn: import("@angular/core").InputSignal<(item: TItem) => TKey>;
|
|
36
|
+
getItemSelectableFn: import("@angular/core").InputSignal<((item: TItem) => boolean | string) | undefined>;
|
|
35
37
|
commandTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
|
|
36
38
|
filterTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
|
|
37
39
|
toolTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
|
|
38
40
|
bottomCommandTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
|
|
39
41
|
columnControls: import("@angular/core").Signal<readonly SdSheetColumn<any>[]>;
|
|
42
|
+
inlineEditEnabled: import("@angular/core").Signal<boolean>;
|
|
40
43
|
hasSelectedDeleted: import("@angular/core").Signal<boolean>;
|
|
41
44
|
hasSelectedNotDeleted: import("@angular/core").Signal<boolean>;
|
|
42
45
|
getItemCellStyleFn: (item: TItem) => string | undefined;
|
|
@@ -51,6 +54,6 @@ export declare class SdCrudList<TItem, TKey> {
|
|
|
51
54
|
protected readonly tablerRestore = "<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=\"M3.06 13a9 9 0 1 0 .49 -4.087\"></path><path d=\"M3 4.001v5h5\"></path><path d=\"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\"></path></svg>";
|
|
52
55
|
protected readonly tablerSearch = "<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=\"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\"></path><path d=\"M21 21l-6 -6\"></path></svg>";
|
|
53
56
|
static ɵfac: i0.ɵɵFactoryDeclaration<SdCrudList<any, any>, never>;
|
|
54
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SdCrudList<any, any>, "sd-crud-list", never, { "ready": { "alias": "ready"; "required": false; "isSignal": true; }; "initialized": { "alias": "initialized"; "required": false; "isSignal": true; }; "busyCount": { "alias": "busyCount"; "required": false; "isSignal": true; }; "restricted": { "alias": "restricted"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": true; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; "isSignal": true; }; "currDeletedItems": { "alias": "currDeletedItems"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalPageCount": { "alias": "totalPageCount"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; "visiblePageCount": { "alias": "visiblePageCount"; "required": false; "isSignal": true; }; "sorts": { "alias": "sorts"; "required": false; "isSignal": true; }; "trackByFn": { "alias": "trackByFn"; "required": true; "isSignal": true; }; }, { "ready": "readyChange"; "busyCount": "busyCountChange"; "filterSubmit": "filterSubmit"; "submit": "submit"; "create": "create"; "delete": "delete"; "restore": "restore"; "selectedKeys": "selectedKeysChange"; "currentPage": "currentPageChange"; "sorts": "sortsChange"; }, ["commandTplRef", "filterTplRef", "toolTplRef", "bottomCommandTplRef", "columnControls"], never, true, [{ directive: typeof i1.SdCommandDirective; inputs: {}; outputs: { "sdSaveCommand": "sdSaveCommand"; }; }]>;
|
|
57
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdCrudList<any, any>, "sd-crud-list", never, { "ready": { "alias": "ready"; "required": false; "isSignal": true; }; "initialized": { "alias": "initialized"; "required": false; "isSignal": true; }; "busyCount": { "alias": "busyCount"; "required": false; "isSignal": true; }; "restricted": { "alias": "restricted"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inlineEdit": { "alias": "inlineEdit"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": true; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; "isSignal": true; }; "currDeletedItems": { "alias": "currDeletedItems"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalPageCount": { "alias": "totalPageCount"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; "visiblePageCount": { "alias": "visiblePageCount"; "required": false; "isSignal": true; }; "sorts": { "alias": "sorts"; "required": false; "isSignal": true; }; "trackByFn": { "alias": "trackByFn"; "required": true; "isSignal": true; }; "getItemSelectableFn": { "alias": "getItemSelectableFn"; "required": false; "isSignal": true; }; }, { "ready": "readyChange"; "busyCount": "busyCountChange"; "filterSubmit": "filterSubmit"; "submit": "submit"; "create": "create"; "delete": "delete"; "restore": "restore"; "selectedKeys": "selectedKeysChange"; "currentPage": "currentPageChange"; "sorts": "sortsChange"; }, ["commandTplRef", "filterTplRef", "toolTplRef", "bottomCommandTplRef", "columnControls"], never, true, [{ directive: typeof i1.SdCommandDirective; inputs: {}; outputs: { "sdSaveCommand": "sdSaveCommand"; }; }]>;
|
|
55
58
|
}
|
|
56
59
|
//# sourceMappingURL=sd-crud-list.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-crud-list.d.ts","sourceRoot":"","sources":["../../../src/data/crud/sd-crud-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,WAAW,EAGjB,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;;;AAYzE,
|
|
1
|
+
{"version":3,"file":"sd-crud-list.d.ts","sourceRoot":"","sources":["../../../src/data/crud/sd-crud-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,WAAW,EAGjB,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;;;AAYzE,qBAkMa,UAAU,CAAC,KAAK,EAAE,IAAI;IACjC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAwD;IAE1F,KAAK,+CAAgB;IACrB,WAAW,+CAAgB;IAC3B,SAAS,8CAAY;IACrB,UAAU,+CAAgB;IAC1B,QAAQ,+CAAgB;IACxB,UAAU,+CAAe;IACzB,QAAQ,kDAAgC;IACxC,UAAU,sEAA+B;IACzC,GAAG,8CAA4B;IAE/B,QAAQ,qDAAiC;IAEzC,YAAY,iDAAY;IACxB,MAAM,iDAAY;IAClB,MAAM,iDAAY;IAClB,MAAM,oDAAqB;IAC3B,OAAO,oDAAqB;IAE5B,KAAK,+CAAsB;IAC3B,YAAY,2DAAkC;IAE9C,gBAAgB,+CAAsB;IACtC,cAAc,6CAAoD;IAElE,iBAAiB,0CAKf;IAEF,WAAW,8CAAY;IACvB,cAAc,8CAAY;IAC1B,YAAY,8CAAY;IACxB,gBAAgB,8CAAa;IAC7B,KAAK,oDAA2B;IAEhC,SAAS,6CAAyB,KAAK,KAAK,IAAI,EAAI;IACpD,mBAAmB,8CAAgB,KAAK,KAAK,OAAO,GAAG,MAAM,eAAI;IAEjE,aAAa,gEAAiD;IAC9D,YAAY,gEAAgD;IAC5D,UAAU,gEAA8C;IACxD,mBAAmB,gEAAuD;IAE1E,cAAc,gEAAkC;IAEhD,iBAAiB,0CAAyD;IAE1E,kBAAkB,0CAA6E;IAC/F,qBAAqB,0CAEnB;IAEF,kBAAkB,GAAI,MAAM,KAAK,KAAG,MAAM,GAAG,SAAS,CACgB;IAEtE,SAAS,CAAC,IAAI,EAAE,KAAK;IAIrB,iBAAiB;IAIjB,2BAA2B,IAAI,IAAI;IAQnC,4BAA4B;IAK5B,oBAAoB;IAUpB,SAAS,CAAC,QAAQ,CAAC,kBAAkB,sdAAsB;IAC3D,SAAS,CAAC,QAAQ,CAAC,gBAAgB,yYAAoB;IACvD,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAC/C,SAAS,CAAC,QAAQ,CAAC,aAAa,waAAiB;IACjD,SAAS,CAAC,QAAQ,CAAC,YAAY,yXAAgB;yCA/FpC,UAAU;2CAAV,UAAU;CAgGtB"}
|
|
@@ -39,7 +39,7 @@ function SdCrudList_Conditional_1_ng_template_0_Template(rf, ctx) { if (rf & 1)
|
|
|
39
39
|
i0.ɵɵtemplate(1, SdCrudList_Conditional_1_ng_template_0_ng_template_1_Template, 0, 0, "ng-template", 9);
|
|
40
40
|
} if (rf & 2) {
|
|
41
41
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
42
|
-
i0.ɵɵconditional(
|
|
42
|
+
i0.ɵɵconditional(ctx_r2.inlineEditEnabled() ? 0 : -1);
|
|
43
43
|
i0.ɵɵadvance();
|
|
44
44
|
i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.commandTplRef());
|
|
45
45
|
} }
|
|
@@ -67,7 +67,7 @@ function SdCrudList_Conditional_2_ng_template_0_Template(rf, ctx) { if (rf & 1)
|
|
|
67
67
|
i0.ɵɵtemplate(1, SdCrudList_Conditional_2_ng_template_0_ng_template_1_Template, 0, 0, "ng-template", 9);
|
|
68
68
|
} if (rf & 2) {
|
|
69
69
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
70
|
-
i0.ɵɵconditional(
|
|
70
|
+
i0.ɵɵconditional(ctx_r2.inlineEditEnabled() ? 0 : -1);
|
|
71
71
|
i0.ɵɵadvance();
|
|
72
72
|
i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.commandTplRef());
|
|
73
73
|
} }
|
|
@@ -205,35 +205,35 @@ function SdCrudList_ng_template_4_Conditional_2_Template(rf, ctx) { if (rf & 1)
|
|
|
205
205
|
i0.ɵɵadvance();
|
|
206
206
|
i0.ɵɵconditional(ctx_r2.toolTplRef() ? 2 : -1);
|
|
207
207
|
} }
|
|
208
|
-
function
|
|
208
|
+
function SdCrudList_ng_template_4_Conditional_3_ng_template_2_Template(rf, ctx) { }
|
|
209
209
|
function SdCrudList_ng_template_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
210
|
-
i0.ɵɵ
|
|
211
|
-
i0.ɵɵ
|
|
210
|
+
const _r11 = i0.ɵɵgetCurrentView();
|
|
211
|
+
i0.ɵɵelementStart(0, "sd-form", 23, 5);
|
|
212
|
+
i0.ɵɵlistener("formSubmit", function SdCrudList_ng_template_4_Conditional_3_Template_sd_form_formSubmit_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.submit.emit()); });
|
|
213
|
+
i0.ɵɵtemplate(2, SdCrudList_ng_template_4_Conditional_3_ng_template_2_Template, 0, 0, "ng-template", 9);
|
|
212
214
|
i0.ɵɵelementEnd();
|
|
213
215
|
} if (rf & 2) {
|
|
214
216
|
i0.ɵɵnextContext(2);
|
|
215
|
-
const
|
|
216
|
-
i0.ɵɵadvance();
|
|
217
|
-
i0.ɵɵproperty("ngTemplateOutlet",
|
|
217
|
+
const sheet_r12 = i0.ɵɵreference(7);
|
|
218
|
+
i0.ɵɵadvance(2);
|
|
219
|
+
i0.ɵɵproperty("ngTemplateOutlet", sheet_r12);
|
|
218
220
|
} }
|
|
219
|
-
function
|
|
221
|
+
function SdCrudList_ng_template_4_Conditional_4_ng_template_1_Template(rf, ctx) { }
|
|
220
222
|
function SdCrudList_ng_template_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
221
|
-
|
|
222
|
-
i0.ɵɵ
|
|
223
|
-
i0.ɵɵlistener("formSubmit", function SdCrudList_ng_template_4_Conditional_4_Template_sd_form_formSubmit_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.submit.emit()); });
|
|
224
|
-
i0.ɵɵtemplate(2, SdCrudList_ng_template_4_Conditional_4_ng_template_2_Template, 0, 0, "ng-template", 9);
|
|
223
|
+
i0.ɵɵelementStart(0, "div", 19);
|
|
224
|
+
i0.ɵɵtemplate(1, SdCrudList_ng_template_4_Conditional_4_ng_template_1_Template, 0, 0, "ng-template", 9);
|
|
225
225
|
i0.ɵɵelementEnd();
|
|
226
226
|
} if (rf & 2) {
|
|
227
227
|
i0.ɵɵnextContext(2);
|
|
228
|
-
const
|
|
229
|
-
i0.ɵɵadvance(
|
|
230
|
-
i0.ɵɵproperty("ngTemplateOutlet",
|
|
228
|
+
const sheet_r12 = i0.ɵɵreference(7);
|
|
229
|
+
i0.ɵɵadvance();
|
|
230
|
+
i0.ɵɵproperty("ngTemplateOutlet", sheet_r12);
|
|
231
231
|
} }
|
|
232
232
|
function SdCrudList_ng_template_4_Template(rf, ctx) { if (rf & 1) {
|
|
233
233
|
i0.ɵɵelementStart(0, "div", 16);
|
|
234
234
|
i0.ɵɵconditionalCreate(1, SdCrudList_ng_template_4_Conditional_1_Template, 7, 4, "sd-form", 17);
|
|
235
235
|
i0.ɵɵconditionalCreate(2, SdCrudList_ng_template_4_Conditional_2_Template, 3, 2, "div", 18);
|
|
236
|
-
i0.ɵɵconditionalCreate(3, SdCrudList_ng_template_4_Conditional_3_Template,
|
|
236
|
+
i0.ɵɵconditionalCreate(3, SdCrudList_ng_template_4_Conditional_3_Template, 3, 1, "sd-form", 19)(4, SdCrudList_ng_template_4_Conditional_4_Template, 2, 1, "div", 19);
|
|
237
237
|
i0.ɵɵelementEnd();
|
|
238
238
|
} if (rf & 2) {
|
|
239
239
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -242,7 +242,7 @@ function SdCrudList_ng_template_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
242
242
|
i0.ɵɵadvance();
|
|
243
243
|
i0.ɵɵconditional(!ctx_r2.readonly() || ctx_r2.toolTplRef() ? 2 : -1);
|
|
244
244
|
i0.ɵɵadvance();
|
|
245
|
-
i0.ɵɵconditional(ctx_r2.
|
|
245
|
+
i0.ɵɵconditional(ctx_r2.inlineEditEnabled() ? 3 : 4);
|
|
246
246
|
} }
|
|
247
247
|
function SdCrudList_ng_template_6_Conditional_1_ng_template_1_Template(rf, ctx) { if (rf & 1) {
|
|
248
248
|
i0.ɵɵelementStart(0, "div", 27);
|
|
@@ -292,9 +292,9 @@ function SdCrudList_ng_template_6_Template(rf, ctx) { if (rf & 1) {
|
|
|
292
292
|
i0.ɵɵtwoWayProperty("sorts", ctx_r2.sorts);
|
|
293
293
|
i0.ɵɵproperty("useAutoSort", ctx_r2.totalPageCount() === 0)("selectMode", ctx_r2.selectMode() ?? (ctx_r2.readonly() ? undefined : "multi"));
|
|
294
294
|
i0.ɵɵtwoWayProperty("selectedKeys", ctx_r2.selectedKeys);
|
|
295
|
-
i0.ɵɵproperty("trackByFn", ctx_r2.trackByFn())("getItemCellStyleFn", ctx_r2.getItemCellStyleFn)("autoSelect", ctx_r2.selectMode() === "single" ? "click" : undefined)("columnControlsInput", ctx_r2.columnControls());
|
|
295
|
+
i0.ɵɵproperty("getItemSelectableFn", ctx_r2.getItemSelectableFn())("trackByFn", ctx_r2.trackByFn())("getItemCellStyleFn", ctx_r2.getItemCellStyleFn)("autoSelect", ctx_r2.selectMode() === "single" ? "click" : undefined)("columnControlsInput", ctx_r2.columnControls());
|
|
296
296
|
i0.ɵɵadvance();
|
|
297
|
-
i0.ɵɵconditional(
|
|
297
|
+
i0.ɵɵconditional(ctx_r2.inlineEditEnabled() ? 1 : -1);
|
|
298
298
|
} }
|
|
299
299
|
export class SdCrudList {
|
|
300
300
|
_sdActivatedModal = inject(SdActivatedModalProvider, { optional: true });
|
|
@@ -303,6 +303,7 @@ export class SdCrudList {
|
|
|
303
303
|
busyCount = model(0, ...(ngDevMode ? [{ debugName: "busyCount" }] : /* istanbul ignore next */ []));
|
|
304
304
|
restricted = input(false, ...(ngDevMode ? [{ debugName: "restricted" }] : /* istanbul ignore next */ []));
|
|
305
305
|
readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
306
|
+
inlineEdit = input(true, ...(ngDevMode ? [{ debugName: "inlineEdit" }] : /* istanbul ignore next */ []));
|
|
306
307
|
viewType = input.required(...(ngDevMode ? [{ debugName: "viewType" }] : /* istanbul ignore next */ []));
|
|
307
308
|
selectMode = input(...(ngDevMode ? [undefined, { debugName: "selectMode" }] : /* istanbul ignore next */ []));
|
|
308
309
|
key = input.required(...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
|
|
@@ -326,11 +327,13 @@ export class SdCrudList {
|
|
|
326
327
|
visiblePageCount = input(10, ...(ngDevMode ? [{ debugName: "visiblePageCount" }] : /* istanbul ignore next */ []));
|
|
327
328
|
sorts = model([], ...(ngDevMode ? [{ debugName: "sorts" }] : /* istanbul ignore next */ []));
|
|
328
329
|
trackByFn = input.required(...(ngDevMode ? [{ debugName: "trackByFn" }] : /* istanbul ignore next */ []));
|
|
330
|
+
getItemSelectableFn = input(...(ngDevMode ? [undefined, { debugName: "getItemSelectableFn" }] : /* istanbul ignore next */ []));
|
|
329
331
|
commandTplRef = contentChild("commandTpl", ...(ngDevMode ? [{ debugName: "commandTplRef" }] : /* istanbul ignore next */ []));
|
|
330
332
|
filterTplRef = contentChild("filterTpl", ...(ngDevMode ? [{ debugName: "filterTplRef" }] : /* istanbul ignore next */ []));
|
|
331
333
|
toolTplRef = contentChild("toolTpl", ...(ngDevMode ? [{ debugName: "toolTplRef" }] : /* istanbul ignore next */ []));
|
|
332
334
|
bottomCommandTplRef = contentChild("bottomCommandTpl", ...(ngDevMode ? [{ debugName: "bottomCommandTplRef" }] : /* istanbul ignore next */ []));
|
|
333
335
|
columnControls = contentChildren(SdSheetColumn, ...(ngDevMode ? [{ debugName: "columnControls" }] : /* istanbul ignore next */ []));
|
|
336
|
+
inlineEditEnabled = computed(() => !this.readonly() && this.inlineEdit(), ...(ngDevMode ? [{ debugName: "inlineEditEnabled" }] : /* istanbul ignore next */ []));
|
|
334
337
|
hasSelectedDeleted = computed(() => this.currSelectedItems().some((it) => this.isDeleted(it)), ...(ngDevMode ? [{ debugName: "hasSelectedDeleted" }] : /* istanbul ignore next */ []));
|
|
335
338
|
hasSelectedNotDeleted = computed(() => this.currSelectedItems().some((it) => !this.isDeleted(it)), ...(ngDevMode ? [{ debugName: "hasSelectedNotDeleted" }] : /* istanbul ignore next */ []));
|
|
336
339
|
getItemCellStyleFn = (item) => this.isDeleted(item) ? "text-decoration: line-through;" : undefined;
|
|
@@ -376,7 +379,7 @@ export class SdCrudList {
|
|
|
376
379
|
i0.ɵɵqueryAdvance();
|
|
377
380
|
} }, hostBindings: function SdCrudList_HostBindings(rf, ctx) { if (rf & 1) {
|
|
378
381
|
i0.ɵɵlistener("sdSaveCommand", function SdCrudList_sdSaveCommand_HostBindingHandler() { return ctx.onSaveButtonClick(); });
|
|
379
|
-
} }, inputs: { ready: [1, "ready"], initialized: [1, "initialized"], busyCount: [1, "busyCount"], restricted: [1, "restricted"], readonly: [1, "readonly"], viewType: [1, "viewType"], selectMode: [1, "selectMode"], key: [1, "key"], items: [1, "items"], selectedKeys: [1, "selectedKeys"], currDeletedItems: [1, "currDeletedItems"], currentPage: [1, "currentPage"], totalPageCount: [1, "totalPageCount"], itemsPerPage: [1, "itemsPerPage"], visiblePageCount: [1, "visiblePageCount"], sorts: [1, "sorts"], trackByFn: [1, "trackByFn"] }, outputs: { ready: "readyChange", busyCount: "busyCountChange", filterSubmit: "filterSubmit", submit: "submit", create: "create", delete: "delete", restore: "restore", selectedKeys: "selectedKeysChange", currentPage: "currentPageChange", sorts: "sortsChange" }, features: [i0.ɵɵHostDirectivesFeature([{ directive: i1.SdCommandDirective, outputs: ["sdSaveCommand", "sdSaveCommand"] }])], decls: 8, vars: 7, consts: [["contentTpl", ""], ["sheet", ""], ["topbarTpl", ""], ["commandTpl", ""], ["bottomCommandTpl", ""], ["formCtrl", ""], ["headerTpl", ""], [3, "readyChange", "busyCountChange", "ready", "initialized", "busyCount", "restricted", "viewType"], [3, "theme"], [3, "ngTemplateOutlet"], [3, "click", "theme"], [3, "svg"], [1, "flex-fill", "flex-row", "main-align-start", "gap-sm"], [3, "click", "size", "theme", "disabled"], [3, "size", "theme"], [3, "click", "size", "theme"], [1, "flex-column", "fill"], [1, "block", "p-default"], [1, "flex-row", "gap-sm", "p-xs-default"], [1, "flex-fill", "p-default", "pt-0"], [1, "block", "p-default", 3, "formSubmit"], [1, "form-box-inline"], [3, "type", "theme"], [1, "flex-fill", "p-default", "pt-0", 3, "formSubmit"], [3, "currentPageChange", "sortsChange", "selectedKeysChange", "key", "items", "currentPage", "totalPageCount", "itemsPerPage", "visiblePageCount", "sorts", "useAutoSort", "selectMode", "selectedKeys", "trackByFn", "getItemCellStyleFn", "autoSelect", "columnControlsInput"], [3, "fixed", "key", "disableResizing", "disableSorting"], [3, "cell"], [1, "p-xs-sm", "tx-center"], [1, "p-xs-sm"]], template: function SdCrudList_Template(rf, ctx) { if (rf & 1) {
|
|
382
|
+
} }, inputs: { ready: [1, "ready"], initialized: [1, "initialized"], busyCount: [1, "busyCount"], restricted: [1, "restricted"], readonly: [1, "readonly"], inlineEdit: [1, "inlineEdit"], viewType: [1, "viewType"], selectMode: [1, "selectMode"], key: [1, "key"], items: [1, "items"], selectedKeys: [1, "selectedKeys"], currDeletedItems: [1, "currDeletedItems"], currentPage: [1, "currentPage"], totalPageCount: [1, "totalPageCount"], itemsPerPage: [1, "itemsPerPage"], visiblePageCount: [1, "visiblePageCount"], sorts: [1, "sorts"], trackByFn: [1, "trackByFn"], getItemSelectableFn: [1, "getItemSelectableFn"] }, outputs: { ready: "readyChange", busyCount: "busyCountChange", filterSubmit: "filterSubmit", submit: "submit", create: "create", delete: "delete", restore: "restore", selectedKeys: "selectedKeysChange", currentPage: "currentPageChange", sorts: "sortsChange" }, features: [i0.ɵɵHostDirectivesFeature([{ directive: i1.SdCommandDirective, outputs: ["sdSaveCommand", "sdSaveCommand"] }])], decls: 8, vars: 7, consts: [["contentTpl", ""], ["sheet", ""], ["topbarTpl", ""], ["commandTpl", ""], ["bottomCommandTpl", ""], ["formCtrl", ""], ["headerTpl", ""], [3, "readyChange", "busyCountChange", "ready", "initialized", "busyCount", "restricted", "viewType"], [3, "theme"], [3, "ngTemplateOutlet"], [3, "click", "theme"], [3, "svg"], [1, "flex-fill", "flex-row", "main-align-start", "gap-sm"], [3, "click", "size", "theme", "disabled"], [3, "size", "theme"], [3, "click", "size", "theme"], [1, "flex-column", "fill"], [1, "block", "p-default"], [1, "flex-row", "gap-sm", "p-xs-default"], [1, "flex-fill", "p-default", "pt-0"], [1, "block", "p-default", 3, "formSubmit"], [1, "form-box-inline"], [3, "type", "theme"], [1, "flex-fill", "p-default", "pt-0", 3, "formSubmit"], [3, "currentPageChange", "sortsChange", "selectedKeysChange", "key", "items", "currentPage", "totalPageCount", "itemsPerPage", "visiblePageCount", "sorts", "useAutoSort", "selectMode", "selectedKeys", "getItemSelectableFn", "trackByFn", "getItemCellStyleFn", "autoSelect", "columnControlsInput"], [3, "fixed", "key", "disableResizing", "disableSorting"], [3, "cell"], [1, "p-xs-sm", "tx-center"], [1, "p-xs-sm"]], template: function SdCrudList_Template(rf, ctx) { if (rf & 1) {
|
|
380
383
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
381
384
|
i0.ɵɵelementStart(0, "sd-base-container", 7);
|
|
382
385
|
i0.ɵɵtwoWayListener("readyChange", function SdCrudList_Template_sd_base_container_readyChange_0_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.ready, $event) || (ctx.ready = $event); return i0.ɵɵresetView($event); })("busyCountChange", function SdCrudList_Template_sd_base_container_busyCountChange_0_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.busyCount, $event) || (ctx.busyCount = $event); return i0.ɵɵresetView($event); });
|
|
@@ -384,14 +387,14 @@ export class SdCrudList {
|
|
|
384
387
|
i0.ɵɵconditionalCreate(3, SdCrudList_Conditional_3_Template, 2, 0);
|
|
385
388
|
i0.ɵɵtemplate(4, SdCrudList_ng_template_4_Template, 5, 3, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
|
|
386
389
|
i0.ɵɵelementEnd();
|
|
387
|
-
i0.ɵɵtemplate(6, SdCrudList_ng_template_6_Template, 2,
|
|
390
|
+
i0.ɵɵtemplate(6, SdCrudList_ng_template_6_Template, 2, 16, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
|
|
388
391
|
} if (rf & 2) {
|
|
389
392
|
i0.ɵɵtwoWayProperty("ready", ctx.ready);
|
|
390
393
|
i0.ɵɵproperty("initialized", ctx.initialized());
|
|
391
394
|
i0.ɵɵtwoWayProperty("busyCount", ctx.busyCount);
|
|
392
395
|
i0.ɵɵproperty("restricted", ctx.restricted())("viewType", ctx.viewType());
|
|
393
396
|
i0.ɵɵadvance();
|
|
394
|
-
i0.ɵɵconditional(ctx.viewType() === "page" && (
|
|
397
|
+
i0.ɵɵconditional(ctx.viewType() === "page" && (ctx.inlineEditEnabled() || ctx.commandTplRef()) ? 1 : ctx.inlineEditEnabled() || ctx.commandTplRef() ? 2 : -1);
|
|
395
398
|
i0.ɵɵadvance(2);
|
|
396
399
|
i0.ɵɵconditional(ctx.viewType() === "modal" && ctx.selectMode() != null || ctx.bottomCommandTplRef() ? 3 : -1);
|
|
397
400
|
} }, dependencies: [SdBaseContainer,
|
|
@@ -435,9 +438,9 @@ export class SdCrudList {
|
|
|
435
438
|
[viewType]="viewType()"
|
|
436
439
|
>
|
|
437
440
|
<!-- TOP -->
|
|
438
|
-
@if (viewType() === "page" && (
|
|
441
|
+
@if (viewType() === "page" && (inlineEditEnabled() || commandTplRef())) {
|
|
439
442
|
<ng-template #topbarTpl>
|
|
440
|
-
@if (
|
|
443
|
+
@if (inlineEditEnabled()) {
|
|
441
444
|
<sd-button [theme]="'link-primary'" (click)="formCtrl()?.requestSubmit()">
|
|
442
445
|
<ng-icon [svg]="tablerDeviceFloppy" />
|
|
443
446
|
저장
|
|
@@ -447,9 +450,9 @@ export class SdCrudList {
|
|
|
447
450
|
|
|
448
451
|
<ng-template [ngTemplateOutlet]="commandTplRef()" />
|
|
449
452
|
</ng-template>
|
|
450
|
-
} @else if (
|
|
453
|
+
} @else if (inlineEditEnabled() || commandTplRef()) {
|
|
451
454
|
<ng-template #commandTpl>
|
|
452
|
-
@if (
|
|
455
|
+
@if (inlineEditEnabled()) {
|
|
453
456
|
<sd-button [theme]="'primary'" (click)="onSaveButtonClick()">
|
|
454
457
|
<ng-icon [svg]="tablerDeviceFloppy" />
|
|
455
458
|
저장
|
|
@@ -540,14 +543,14 @@ export class SdCrudList {
|
|
|
540
543
|
</div>
|
|
541
544
|
}
|
|
542
545
|
|
|
543
|
-
@if (
|
|
544
|
-
<div class="flex-fill p-default pt-0">
|
|
545
|
-
<ng-template [ngTemplateOutlet]="sheet" />
|
|
546
|
-
</div>
|
|
547
|
-
} @else {
|
|
546
|
+
@if (inlineEditEnabled()) {
|
|
548
547
|
<sd-form #formCtrl (formSubmit)="submit.emit()" class="flex-fill p-default pt-0">
|
|
549
548
|
<ng-template [ngTemplateOutlet]="sheet" />
|
|
550
549
|
</sd-form>
|
|
550
|
+
} @else {
|
|
551
|
+
<div class="flex-fill p-default pt-0">
|
|
552
|
+
<ng-template [ngTemplateOutlet]="sheet" />
|
|
553
|
+
</div>
|
|
551
554
|
}
|
|
552
555
|
</div>
|
|
553
556
|
</ng-template>
|
|
@@ -565,13 +568,14 @@ export class SdCrudList {
|
|
|
565
568
|
[useAutoSort]="totalPageCount() === 0"
|
|
566
569
|
[selectMode]="selectMode() ?? (readonly() ? undefined : 'multi')"
|
|
567
570
|
[(selectedKeys)]="selectedKeys"
|
|
571
|
+
[getItemSelectableFn]="getItemSelectableFn()"
|
|
568
572
|
[trackByFn]="trackByFn()"
|
|
569
573
|
[getItemCellStyleFn]="getItemCellStyleFn"
|
|
570
574
|
[autoSelect]="selectMode() === 'single' ? 'click' : undefined"
|
|
571
575
|
[columnControlsInput]="columnControls()"
|
|
572
576
|
(selectedKeysChange)="onSelectedKeysChange()"
|
|
573
577
|
>
|
|
574
|
-
@if (
|
|
578
|
+
@if (inlineEditEnabled()) {
|
|
575
579
|
<sd-sheet-column
|
|
576
580
|
[fixed]="true"
|
|
577
581
|
[key]="'deleteButton'"
|
|
@@ -599,5 +603,5 @@ export class SdCrudList {
|
|
|
599
603
|
</ng-template>
|
|
600
604
|
`,
|
|
601
605
|
}]
|
|
602
|
-
}], null, { ready: [{ type: i0.Input, args: [{ isSignal: true, alias: "ready", required: false }] }, { type: i0.Output, args: ["readyChange"] }], initialized: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialized", required: false }] }], busyCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "busyCount", required: false }] }, { type: i0.Output, args: ["busyCountChange"] }], restricted: [{ type: i0.Input, args: [{ isSignal: true, alias: "restricted", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: true }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }], formCtrl: [{ type: i0.ViewChild, args: ["formCtrl", { isSignal: true }] }], filterSubmit: [{ type: i0.Output, args: ["filterSubmit"] }], submit: [{ type: i0.Output, args: ["submit"] }], create: [{ type: i0.Output, args: ["create"] }], delete: [{ type: i0.Output, args: ["delete"] }], restore: [{ type: i0.Output, args: ["restore"] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], selectedKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedKeys", required: false }] }, { type: i0.Output, args: ["selectedKeysChange"] }], currDeletedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "currDeletedItems", required: false }] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], totalPageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPageCount", required: false }] }], itemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPage", required: false }] }], visiblePageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "visiblePageCount", required: false }] }], sorts: [{ type: i0.Input, args: [{ isSignal: true, alias: "sorts", required: false }] }, { type: i0.Output, args: ["sortsChange"] }], trackByFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackByFn", required: true }] }], commandTplRef: [{ type: i0.ContentChild, args: ["commandTpl", { isSignal: true }] }], filterTplRef: [{ type: i0.ContentChild, args: ["filterTpl", { isSignal: true }] }], toolTplRef: [{ type: i0.ContentChild, args: ["toolTpl", { isSignal: true }] }], bottomCommandTplRef: [{ type: i0.ContentChild, args: ["bottomCommandTpl", { isSignal: true }] }], columnControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdSheetColumn), { isSignal: true }] }] }); })();
|
|
603
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCrudList, { className: "SdCrudList", filePath: "packages/angular/src/data/crud/sd-crud-list.ts", lineNumber:
|
|
606
|
+
}], null, { ready: [{ type: i0.Input, args: [{ isSignal: true, alias: "ready", required: false }] }, { type: i0.Output, args: ["readyChange"] }], initialized: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialized", required: false }] }], busyCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "busyCount", required: false }] }, { type: i0.Output, args: ["busyCountChange"] }], restricted: [{ type: i0.Input, args: [{ isSignal: true, alias: "restricted", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], inlineEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "inlineEdit", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: true }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }], formCtrl: [{ type: i0.ViewChild, args: ["formCtrl", { isSignal: true }] }], filterSubmit: [{ type: i0.Output, args: ["filterSubmit"] }], submit: [{ type: i0.Output, args: ["submit"] }], create: [{ type: i0.Output, args: ["create"] }], delete: [{ type: i0.Output, args: ["delete"] }], restore: [{ type: i0.Output, args: ["restore"] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], selectedKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedKeys", required: false }] }, { type: i0.Output, args: ["selectedKeysChange"] }], currDeletedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "currDeletedItems", required: false }] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], totalPageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPageCount", required: false }] }], itemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPage", required: false }] }], visiblePageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "visiblePageCount", required: false }] }], sorts: [{ type: i0.Input, args: [{ isSignal: true, alias: "sorts", required: false }] }, { type: i0.Output, args: ["sortsChange"] }], trackByFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackByFn", required: true }] }], getItemSelectableFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getItemSelectableFn", required: false }] }], commandTplRef: [{ type: i0.ContentChild, args: ["commandTpl", { isSignal: true }] }], filterTplRef: [{ type: i0.ContentChild, args: ["filterTpl", { isSignal: true }] }], toolTplRef: [{ type: i0.ContentChild, args: ["toolTpl", { isSignal: true }] }], bottomCommandTplRef: [{ type: i0.ContentChild, args: ["bottomCommandTpl", { isSignal: true }] }], columnControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdSheetColumn), { isSignal: true }] }] }); })();
|
|
607
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCrudList, { className: "SdCrudList", filePath: "packages/angular/src/data/crud/sd-crud-list.ts", lineNumber: 230 }); })();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-shared-data-select-list.d.ts","sourceRoot":"","sources":["../../../src/data/shared-data/sd-shared-data-select-list.ts"],"names":[],"mappings":"AACA,OAAO,EAWL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,yCAAyC,CAAC;AAEjD,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EAClB,MAAM,8CAA8C,CAAC;;AAUtD,
|
|
1
|
+
{"version":3,"file":"sd-shared-data-select-list.d.ts","sourceRoot":"","sources":["../../../src/data/shared-data/sd-shared-data-select-list.ts"],"names":[],"mappings":"AACA,OAAO,EAWL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,yCAAyC,CAAC;AAEjD,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EAClB,MAAM,8CAA8C,CAAC;;AAUtD,qBA0Fa,sBAAsB,CACjC,KAAK,SAAS,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,EAC7C,MAAM,SAAS,aAAa,CAAC,GAAG,CAAC;IAEjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEpD,YAAY,yDAAkB;IAC9B,WAAW,6CAAgB,KAAK,GAAG,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,EAEzE;IAEF,KAAK,+CAA6B;IAClC,YAAY,0DAAmB;IAC/B,YAAY,qEAAiD;IAC7D,QAAQ,8CAAgB,KAAK,SAAS,MAAM,KAAK,OAAO,eAAI;IAE5D,KAAK,6EAAsC;IAE3C,MAAM,0DAAmB;IAEzB,YAAY,gEAET;IACH,YAAY,gEAET;IACH,UAAU,0FAGR;IACF,eAAe,gEAEZ;IAEH,UAAU,6DAAyC;IAEnD,aAAa,0DAAmB;IAChC,IAAI,iDAAa;IAEjB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAc5B;IAEH,UAAU,yCAMP;IAEH,YAAY,0CAST;;IAoBH,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI;IAIrC,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI;IAI/B,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IAuBzC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,waAAsB;yCA3HhD,sBAAsB;2CAAtB,sBAAsB;CA4HlC"}
|