@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.
Files changed (45) hide show
  1. package/dist/controls/button/sd-button.js +2 -2
  2. package/dist/controls/list/sd-list-item.d.ts +4 -0
  3. package/dist/controls/list/sd-list-item.d.ts.map +1 -1
  4. package/dist/controls/list/sd-list-item.js +79 -35
  5. package/dist/controls/list/sd-list.d.ts.map +1 -1
  6. package/dist/controls/list/sd-list.js +3 -3
  7. package/dist/core/modal/sd-modal.d.ts.map +1 -1
  8. package/dist/core/modal/sd-modal.js +3 -3
  9. package/dist/core/routing/injectCurrentPageCodeSignal.js +1 -1
  10. package/dist/core/routing/injectViewTypeSignal.d.ts.map +1 -1
  11. package/dist/data/crud/sd-base-container.js +11 -11
  12. package/dist/data/crud/sd-crud-detail.js +13 -13
  13. package/dist/data/crud/sd-crud-list.d.ts +4 -1
  14. package/dist/data/crud/sd-crud-list.d.ts.map +1 -1
  15. package/dist/data/crud/sd-crud-list.js +39 -35
  16. package/dist/data/shared-data/sd-shared-data-select-list.d.ts.map +1 -1
  17. package/dist/data/shared-data/sd-shared-data-select-list.js +60 -60
  18. package/dist/layout/sidebar/sd-sidebar-menu.d.ts.map +1 -1
  19. package/dist/layout/sidebar/sd-sidebar-menu.js +26 -29
  20. package/dist/layout/sidebar/sd-sidebar-user.d.ts +1 -0
  21. package/dist/layout/sidebar/sd-sidebar-user.d.ts.map +1 -1
  22. package/dist/layout/sidebar/sd-sidebar-user.js +37 -20
  23. package/dist/layout/sidebar/sd-sidebar.d.ts.map +1 -1
  24. package/dist/layout/sidebar/sd-sidebar.js +3 -3
  25. package/dist/layout/topbar/sd-topbar.d.ts.map +1 -1
  26. package/dist/layout/topbar/sd-topbar.js +10 -9
  27. package/package.json +8 -7
  28. package/scss/commons/_styles.scss +430 -428
  29. package/scss/commons/_variables.scss +4 -10
  30. package/scss/controls/_table.scss +2 -2
  31. package/src/controls/button/sd-button.ts +1 -1
  32. package/src/controls/list/sd-list-item.ts +218 -153
  33. package/src/controls/list/sd-list.ts +13 -0
  34. package/src/core/modal/sd-modal.ts +2 -1
  35. package/src/core/routing/injectCurrentPageCodeSignal.ts +1 -1
  36. package/src/core/routing/injectViewTypeSignal.ts +1 -0
  37. package/src/data/crud/sd-base-container.ts +3 -3
  38. package/src/data/crud/sd-crud-detail.ts +2 -2
  39. package/src/data/crud/sd-crud-list.ts +15 -10
  40. package/src/data/shared-data/sd-shared-data-select-list.ts +7 -8
  41. package/src/layout/sidebar/sd-sidebar-menu.ts +2 -5
  42. package/src/layout/sidebar/sd-sidebar-user.ts +15 -3
  43. package/src/layout/sidebar/sd-sidebar.ts +3 -2
  44. package/src/layout/topbar/sd-topbar.ts +7 -5
  45. 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, 2, "sd-button", 6);
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", 8);
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", 6);
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", 10);
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", 10);
94
- i0.ɵɵelementStart(1, "sd-button", 11);
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", 12);
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", 14, 4);
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", 12)(1, SdCrudDetail_Conditional_5_ng_template_0_Conditional_1_Template, 3, 1, "sd-form", 13);
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"], [1, "flex-fill", "flex-row", "main-align-start", "gap-sm"], [3, "click", "size", "theme"], [1, "fill"], [1, "block", "fill"], [1, "block", "fill", 3, "formSubmit"]], template: function SdCrudDetail_Template(rf, ctx) { if (rf & 1) {
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 flex-row main-align-start gap-sm">
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,qBAiMa,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,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;IAEpD,aAAa,gEAAiD;IAC9D,YAAY,gEAAgD;IAC5D,UAAU,gEAA8C;IACxD,mBAAmB,gEAAuD;IAE1E,cAAc,gEAAkC;IAEhD,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;yCA3FpC,UAAU;2CAAV,UAAU;CA4FtB"}
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(!ctx_r2.readonly() ? 0 : -1);
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(!ctx_r2.readonly() ? 0 : -1);
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 SdCrudList_ng_template_4_Conditional_3_ng_template_1_Template(rf, ctx) { }
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.ɵɵelementStart(0, "div", 19);
211
- i0.ɵɵtemplate(1, SdCrudList_ng_template_4_Conditional_3_ng_template_1_Template, 0, 0, "ng-template", 9);
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 sheet_r11 = i0.ɵɵreference(7);
216
- i0.ɵɵadvance();
217
- i0.ɵɵproperty("ngTemplateOutlet", sheet_r11);
217
+ const sheet_r12 = i0.ɵɵreference(7);
218
+ i0.ɵɵadvance(2);
219
+ i0.ɵɵproperty("ngTemplateOutlet", sheet_r12);
218
220
  } }
219
- function SdCrudList_ng_template_4_Conditional_4_ng_template_2_Template(rf, ctx) { }
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
- const _r12 = i0.ɵɵgetCurrentView();
222
- i0.ɵɵelementStart(0, "sd-form", 23, 5);
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 sheet_r11 = i0.ɵɵreference(7);
229
- i0.ɵɵadvance(2);
230
- i0.ɵɵproperty("ngTemplateOutlet", sheet_r11);
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, 2, 1, "div", 19)(4, SdCrudList_ng_template_4_Conditional_4_Template, 3, 1, "sd-form", 19);
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.readonly() ? 3 : 4);
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(!ctx_r2.readonly() ? 1 : -1);
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, 15, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
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" && (!ctx.readonly() || ctx.commandTplRef()) ? 1 : !ctx.readonly() || ctx.commandTplRef() ? 2 : -1);
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" && (!readonly() || commandTplRef())) {
441
+ @if (viewType() === "page" && (inlineEditEnabled() || commandTplRef())) {
439
442
  <ng-template #topbarTpl>
440
- @if (!readonly()) {
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 (!readonly() || commandTplRef()) {
453
+ } @else if (inlineEditEnabled() || commandTplRef()) {
451
454
  <ng-template #commandTpl>
452
- @if (!readonly()) {
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 (readonly()) {
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 (!readonly()) {
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: 229 }); })();
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,qBA2Fa,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"}
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"}