@elite.framework/ng.ui.core 1.0.59 → 1.0.60
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/fesm2022/elite.framework-ng.ui.core-generic-crud-table.mjs +168 -124
- package/fesm2022/elite.framework-ng.ui.core-generic-crud-table.mjs.map +1 -1
- package/fesm2022/elite.framework-ng.ui.core-generic-dialog.mjs +292 -0
- package/fesm2022/elite.framework-ng.ui.core-generic-dialog.mjs.map +1 -0
- package/fesm2022/elite.framework-ng.ui.core-generic-selector.mjs +100 -16
- package/fesm2022/elite.framework-ng.ui.core-generic-selector.mjs.map +1 -1
- package/generic-crud-table/index.d.ts +48 -16
- package/generic-dialog/README.md +3 -0
- package/generic-dialog/index.d.ts +92 -0
- package/generic-selector/index.d.ts +15 -2
- package/package.json +24 -20
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { OnInit, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { UntypedFormGroup } from '@angular/forms';
|
|
5
|
+
import { FormlyFormOptions, FormlyFieldConfig } from '@ngx-formly/core';
|
|
6
|
+
import { TranslateService } from '@ngx-translate/core';
|
|
7
|
+
import { BaseService } from '@elite.framework/ng.core/services';
|
|
8
|
+
|
|
9
|
+
declare class GenericDialogModule {
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GenericDialogModule, never>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<GenericDialogModule, never, [typeof i1.CommonModule], never>;
|
|
12
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<GenericDialogModule>;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
declare class GenericDialogComponent implements OnInit, OnChanges {
|
|
16
|
+
translate: TranslateService;
|
|
17
|
+
private swalService;
|
|
18
|
+
form: UntypedFormGroup;
|
|
19
|
+
options: FormlyFormOptions;
|
|
20
|
+
formFields_: FormlyFieldConfig[];
|
|
21
|
+
model_: any;
|
|
22
|
+
service: BaseService;
|
|
23
|
+
formFields: FormlyFieldConfig[];
|
|
24
|
+
model: any;
|
|
25
|
+
apiName: string;
|
|
26
|
+
idField: string;
|
|
27
|
+
dialogMaxWidth: string;
|
|
28
|
+
displayMode: 'drawer' | 'dialog' | 'route' | 'inline' | Partial<Record<'add' | 'edit' | 'view', 'drawer' | 'dialog' | 'route' | 'inline'>>;
|
|
29
|
+
mode: 'full' | 'form-only' | 'table-only';
|
|
30
|
+
forceState: 'create' | 'edit' | 'view' | null;
|
|
31
|
+
drawerVisible: boolean;
|
|
32
|
+
dialogVisible: boolean;
|
|
33
|
+
isViewMode: boolean;
|
|
34
|
+
isEditMode: boolean;
|
|
35
|
+
useConfirmOnSave: boolean;
|
|
36
|
+
loading: boolean;
|
|
37
|
+
errorMsg: string;
|
|
38
|
+
errorMessage: string | any;
|
|
39
|
+
beforeSaveTransform?: (record: any, isEdit: boolean) => any;
|
|
40
|
+
get hideTable(): boolean;
|
|
41
|
+
get autoShowForm(): boolean;
|
|
42
|
+
action: EventEmitter<{
|
|
43
|
+
name: string;
|
|
44
|
+
row: any;
|
|
45
|
+
}>;
|
|
46
|
+
afterSave: EventEmitter<{
|
|
47
|
+
record: any;
|
|
48
|
+
isEdit: boolean;
|
|
49
|
+
response?: any;
|
|
50
|
+
}>;
|
|
51
|
+
afterDelete: EventEmitter<{
|
|
52
|
+
record: any;
|
|
53
|
+
response?: any;
|
|
54
|
+
}>;
|
|
55
|
+
beforeSave: EventEmitter<{
|
|
56
|
+
record: any;
|
|
57
|
+
isEdit: boolean;
|
|
58
|
+
}>;
|
|
59
|
+
beforeDelete: EventEmitter<{
|
|
60
|
+
record: any;
|
|
61
|
+
}>;
|
|
62
|
+
formCancel: EventEmitter<void>;
|
|
63
|
+
formInit: EventEmitter<{
|
|
64
|
+
form: UntypedFormGroup;
|
|
65
|
+
model: any;
|
|
66
|
+
}>;
|
|
67
|
+
dataLoaded: EventEmitter<{
|
|
68
|
+
data: any[];
|
|
69
|
+
total: number;
|
|
70
|
+
}>;
|
|
71
|
+
selectionChange: EventEmitter<{
|
|
72
|
+
selected: any[];
|
|
73
|
+
selectedCount: number;
|
|
74
|
+
}>;
|
|
75
|
+
error: EventEmitter<{
|
|
76
|
+
error: any;
|
|
77
|
+
context: string;
|
|
78
|
+
}>;
|
|
79
|
+
visibleChange: EventEmitter<boolean>;
|
|
80
|
+
ngOnInit(): void;
|
|
81
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
82
|
+
openForm(mode: 'create' | 'edit' | 'view', model?: any): void;
|
|
83
|
+
closeForm(): void;
|
|
84
|
+
private initializeFormState;
|
|
85
|
+
onSubmit(): void;
|
|
86
|
+
/** New cancel method for form-only mode */
|
|
87
|
+
onCancel(): void;
|
|
88
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GenericDialogComponent, never>;
|
|
89
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GenericDialogComponent, "app-generic-dialog", never, { "service": { "alias": "service"; "required": false; }; "formFields": { "alias": "formFields"; "required": false; }; "model": { "alias": "model"; "required": false; }; "apiName": { "alias": "apiName"; "required": false; }; "idField": { "alias": "idField"; "required": false; }; "dialogMaxWidth": { "alias": "dialogMaxWidth"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "forceState": { "alias": "forceState"; "required": false; }; "drawerVisible": { "alias": "drawerVisible"; "required": false; }; "dialogVisible": { "alias": "dialogVisible"; "required": false; }; "isViewMode": { "alias": "isViewMode"; "required": false; }; "isEditMode": { "alias": "isEditMode"; "required": false; }; "useConfirmOnSave": { "alias": "useConfirmOnSave"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "errorMsg": { "alias": "errorMsg"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "beforeSaveTransform": { "alias": "beforeSaveTransform"; "required": false; }; "hideTable": { "alias": "hideTable"; "required": false; }; "autoShowForm": { "alias": "autoShowForm"; "required": false; }; }, { "action": "action"; "afterSave": "afterSave"; "afterDelete": "afterDelete"; "beforeSave": "beforeSave"; "beforeDelete": "beforeDelete"; "formCancel": "formCancel"; "formInit": "formInit"; "dataLoaded": "dataLoaded"; "selectionChange": "selectionChange"; "error": "error"; "visibleChange": "visibleChange"; }, never, never, true, never>;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
export { GenericDialogComponent, GenericDialogModule };
|
|
@@ -2,11 +2,11 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { OnInit, OnDestroy, Injector, ChangeDetectorRef } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { FieldType, FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
|
|
5
|
-
import { DialogService } from 'primeng/dynamicdialog';
|
|
6
5
|
import { Observable } from 'rxjs';
|
|
7
6
|
import { AutoComplete } from 'primeng/autocomplete';
|
|
8
7
|
import { FormlyFieldProps } from '@ngx-formly/primeng/form-field';
|
|
9
8
|
import { BaseService } from '@elite.framework/ng.core/services';
|
|
9
|
+
import { GenericDialogComponent } from '@elite.framework/ng.ui.core/generic-dialog';
|
|
10
10
|
|
|
11
11
|
declare class GenericSelectorModule {
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<GenericSelectorModule, never>;
|
|
@@ -36,28 +36,41 @@ interface GenericSelectorProps extends FormlyFieldProps {
|
|
|
36
36
|
fixedFilters?: Record<string, any>;
|
|
37
37
|
defaultValue?: any;
|
|
38
38
|
defaultItem?: any;
|
|
39
|
+
viewPermissionName?: string;
|
|
40
|
+
editPermissionName?: string;
|
|
41
|
+
addPermissionName?: string;
|
|
42
|
+
idField?: string;
|
|
43
|
+
dialogDisplayMode?: 'drawer' | 'dialog' | 'route' | 'inline' | Partial<Record<'add' | 'edit' | 'view', 'drawer' | 'dialog' | 'route' | 'inline'>>;
|
|
44
|
+
canAdd?: boolean;
|
|
45
|
+
canLookup?: boolean;
|
|
46
|
+
formFields?: FormlyFieldConfig[];
|
|
47
|
+
afterSave?: (field: FormlyFieldConfig, event?: any) => void;
|
|
39
48
|
}
|
|
40
49
|
declare class GenericSelectorTypeComponent extends FieldType<FieldTypeConfig<GenericSelectorProps>> implements OnInit, OnDestroy {
|
|
41
50
|
private svc;
|
|
42
51
|
private injector;
|
|
43
52
|
private cdr;
|
|
44
53
|
autoComp: AutoComplete;
|
|
54
|
+
dialog: GenericDialogComponent;
|
|
45
55
|
options_: any[];
|
|
46
56
|
selectedItem: any;
|
|
47
57
|
loading: boolean;
|
|
48
58
|
private _offlineList;
|
|
49
59
|
api: BaseService | any;
|
|
50
|
-
dialog: DialogService | any;
|
|
51
60
|
private valueChangeSubscription;
|
|
52
61
|
constructor(svc: BaseService, injector: Injector, cdr: ChangeDetectorRef);
|
|
53
62
|
ngOnInit(): void;
|
|
54
63
|
ngOnDestroy(): void;
|
|
55
64
|
private loadDefaultValue;
|
|
65
|
+
afterSave(event: any): void;
|
|
56
66
|
onSelect(event: any): void;
|
|
57
67
|
onSelectionChange(val: any): void;
|
|
58
68
|
private initOfflineSelection;
|
|
59
69
|
private initOnlineSelection;
|
|
60
70
|
getFixedFilters(): any;
|
|
71
|
+
onArrowDown(event: any): void;
|
|
72
|
+
onEscape(event: any): void;
|
|
73
|
+
onAddNewClick(): void;
|
|
61
74
|
onDropdownButtonClick(): void;
|
|
62
75
|
onDropdownClick(event: any): void;
|
|
63
76
|
search(event: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elite.framework/ng.ui.core",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.60",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^20.1.0",
|
|
6
6
|
"@angular/core": "^20.1.0"
|
|
@@ -24,14 +24,14 @@
|
|
|
24
24
|
"types": "./base-crud/index.d.ts",
|
|
25
25
|
"default": "./fesm2022/elite.framework-ng.ui.core-base-crud.mjs"
|
|
26
26
|
},
|
|
27
|
-
"./checkbox": {
|
|
28
|
-
"types": "./checkbox/index.d.ts",
|
|
29
|
-
"default": "./fesm2022/elite.framework-ng.ui.core-checkbox.mjs"
|
|
30
|
-
},
|
|
31
27
|
"./breadcrumb": {
|
|
32
28
|
"types": "./breadcrumb/index.d.ts",
|
|
33
29
|
"default": "./fesm2022/elite.framework-ng.ui.core-breadcrumb.mjs"
|
|
34
30
|
},
|
|
31
|
+
"./checkbox": {
|
|
32
|
+
"types": "./checkbox/index.d.ts",
|
|
33
|
+
"default": "./fesm2022/elite.framework-ng.ui.core-checkbox.mjs"
|
|
34
|
+
},
|
|
35
35
|
"./collapsible": {
|
|
36
36
|
"types": "./collapsible/index.d.ts",
|
|
37
37
|
"default": "./fesm2022/elite.framework-ng.ui.core-collapsible.mjs"
|
|
@@ -48,14 +48,14 @@
|
|
|
48
48
|
"types": "./condition-editor/index.d.ts",
|
|
49
49
|
"default": "./fesm2022/elite.framework-ng.ui.core-condition-editor.mjs"
|
|
50
50
|
},
|
|
51
|
-
"./datepicker": {
|
|
52
|
-
"types": "./datepicker/index.d.ts",
|
|
53
|
-
"default": "./fesm2022/elite.framework-ng.ui.core-datepicker.mjs"
|
|
54
|
-
},
|
|
55
51
|
"./custom-switch": {
|
|
56
52
|
"types": "./custom-switch/index.d.ts",
|
|
57
53
|
"default": "./fesm2022/elite.framework-ng.ui.core-custom-switch.mjs"
|
|
58
54
|
},
|
|
55
|
+
"./datepicker": {
|
|
56
|
+
"types": "./datepicker/index.d.ts",
|
|
57
|
+
"default": "./fesm2022/elite.framework-ng.ui.core-datepicker.mjs"
|
|
58
|
+
},
|
|
59
59
|
"./deactivation-reason": {
|
|
60
60
|
"types": "./deactivation-reason/index.d.ts",
|
|
61
61
|
"default": "./fesm2022/elite.framework-ng.ui.core-deactivation-reason.mjs"
|
|
@@ -108,14 +108,14 @@
|
|
|
108
108
|
"types": "./formly-ui-all/index.d.ts",
|
|
109
109
|
"default": "./fesm2022/elite.framework-ng.ui.core-formly-ui-all.mjs"
|
|
110
110
|
},
|
|
111
|
-
"./generic-autocomplete": {
|
|
112
|
-
"types": "./generic-autocomplete/index.d.ts",
|
|
113
|
-
"default": "./fesm2022/elite.framework-ng.ui.core-generic-autocomplete.mjs"
|
|
114
|
-
},
|
|
115
111
|
"./formly-username-with-domain": {
|
|
116
112
|
"types": "./formly-username-with-domain/index.d.ts",
|
|
117
113
|
"default": "./fesm2022/elite.framework-ng.ui.core-formly-username-with-domain.mjs"
|
|
118
114
|
},
|
|
115
|
+
"./generic-autocomplete": {
|
|
116
|
+
"types": "./generic-autocomplete/index.d.ts",
|
|
117
|
+
"default": "./fesm2022/elite.framework-ng.ui.core-generic-autocomplete.mjs"
|
|
118
|
+
},
|
|
119
119
|
"./generic-button": {
|
|
120
120
|
"types": "./generic-button/index.d.ts",
|
|
121
121
|
"default": "./fesm2022/elite.framework-ng.ui.core-generic-button.mjs"
|
|
@@ -128,6 +128,10 @@
|
|
|
128
128
|
"types": "./generic-crud-table/index.d.ts",
|
|
129
129
|
"default": "./fesm2022/elite.framework-ng.ui.core-generic-crud-table.mjs"
|
|
130
130
|
},
|
|
131
|
+
"./generic-dialog": {
|
|
132
|
+
"types": "./generic-dialog/index.d.ts",
|
|
133
|
+
"default": "./fesm2022/elite.framework-ng.ui.core-generic-dialog.mjs"
|
|
134
|
+
},
|
|
131
135
|
"./generic-errormessage": {
|
|
132
136
|
"types": "./generic-errormessage/index.d.ts",
|
|
133
137
|
"default": "./fesm2022/elite.framework-ng.ui.core-generic-errormessage.mjs"
|
|
@@ -184,22 +188,22 @@
|
|
|
184
188
|
"types": "./odata-query-builder/index.d.ts",
|
|
185
189
|
"default": "./fesm2022/elite.framework-ng.ui.core-odata-query-builder.mjs"
|
|
186
190
|
},
|
|
187
|
-
"./repeat": {
|
|
188
|
-
"types": "./repeat/index.d.ts",
|
|
189
|
-
"default": "./fesm2022/elite.framework-ng.ui.core-repeat.mjs"
|
|
190
|
-
},
|
|
191
191
|
"./radio": {
|
|
192
192
|
"types": "./radio/index.d.ts",
|
|
193
193
|
"default": "./fesm2022/elite.framework-ng.ui.core-radio.mjs"
|
|
194
194
|
},
|
|
195
|
-
"./
|
|
196
|
-
"types": "./
|
|
197
|
-
"default": "./fesm2022/elite.framework-ng.ui.core-
|
|
195
|
+
"./repeat": {
|
|
196
|
+
"types": "./repeat/index.d.ts",
|
|
197
|
+
"default": "./fesm2022/elite.framework-ng.ui.core-repeat.mjs"
|
|
198
198
|
},
|
|
199
199
|
"./select": {
|
|
200
200
|
"types": "./select/index.d.ts",
|
|
201
201
|
"default": "./fesm2022/elite.framework-ng.ui.core-select.mjs"
|
|
202
202
|
},
|
|
203
|
+
"./sidebar-cards": {
|
|
204
|
+
"types": "./sidebar-cards/index.d.ts",
|
|
205
|
+
"default": "./fesm2022/elite.framework-ng.ui.core-sidebar-cards.mjs"
|
|
206
|
+
},
|
|
203
207
|
"./sidebar-toggles": {
|
|
204
208
|
"types": "./sidebar-toggles/index.d.ts",
|
|
205
209
|
"default": "./fesm2022/elite.framework-ng.ui.core-sidebar-toggles.mjs"
|