@ferhaps/easy-ui-lib 0.0.3 → 0.0.5
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/ferhaps-easy-ui-lib.mjs +377 -55
- package/fesm2022/ferhaps-easy-ui-lib.mjs.map +1 -1
- package/lib/components/chip/chip.component.d.ts +7 -1
- package/lib/components/default-dialog/default-dialog.component.d.ts +9 -1
- package/lib/components/error-dispaly.component.d.ts +8 -1
- package/lib/components/error-handler/error-handler.component.d.ts +7 -1
- package/lib/components/error-handler/error-popup/error-popup.component.d.ts +9 -1
- package/lib/components/global-loader/global-loader.component.d.ts +8 -1
- package/lib/components/search-bar.component.d.ts +9 -1
- package/lib/components/table/table.component.d.ts +13 -1
- package/lib/components/table-sort-header/table-sort-header.component.d.ts +8 -1
- package/lib/directives/fields-match-validator.directive.d.ts +7 -1
- package/lib/directives/password-validator.directive.d.ts +13 -0
- package/lib/directives/phone-validation.directive.d.ts +8 -2
- package/lib/pipes/blank-filler.pipe.d.ts +7 -1
- package/lib/pipes/snake-case-parser.pipe.d.ts +7 -1
- package/package.json +13 -5
- package/public-api.d.ts +1 -0
|
@@ -1,14 +1,14 @@
|
|
|
1
|
+
import * as i1 from '@angular/common';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
1
3
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Pipe, input, Directive, HostListener, output, Component, Input, viewChild, Injectable, inject, Inject } from '@angular/core';
|
|
4
|
+
import { Pipe, NgModule, input, Directive, HostListener, output, Component, Input, viewChild, Injectable, inject, Inject } from '@angular/core';
|
|
3
5
|
import * as i2 from '@angular/forms';
|
|
4
6
|
import { NG_VALIDATORS, FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
|
|
5
7
|
import * as i1$1 from '@angular/material/icon';
|
|
6
8
|
import { MatIconModule } from '@angular/material/icon';
|
|
7
9
|
import * as i3 from '@angular/material/dialog';
|
|
8
10
|
import { MatDialogModule, MAT_DIALOG_DATA, MatDialog } from '@angular/material/dialog';
|
|
9
|
-
import * as
|
|
10
|
-
import { CommonModule, AsyncPipe } from '@angular/common';
|
|
11
|
-
import * as i1$4 from '@angular/common/http';
|
|
11
|
+
import * as i3$2 from '@angular/common/http';
|
|
12
12
|
import { HttpErrorResponse } from '@angular/common/http';
|
|
13
13
|
import { debounceTime, distinctUntilChanged, BehaviorSubject, Subject, Subscription } from 'rxjs';
|
|
14
14
|
import { trigger, transition, style, animate, state } from '@angular/animations';
|
|
@@ -16,7 +16,7 @@ import * as i1$2 from '@angular/material/menu';
|
|
|
16
16
|
import { MatMenuModule } from '@angular/material/menu';
|
|
17
17
|
import * as i3$1 from '@angular/material/button';
|
|
18
18
|
import { MatButtonModule } from '@angular/material/button';
|
|
19
|
-
import * as
|
|
19
|
+
import * as i5 from '@angular/cdk/drag-drop';
|
|
20
20
|
import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
|
|
21
21
|
import * as i1$3 from '@angular/material/progress-spinner';
|
|
22
22
|
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
@@ -30,14 +30,34 @@ class WhiteSpaceFillerPipe {
|
|
|
30
30
|
return value ? value : fillWith;
|
|
31
31
|
}
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: WhiteSpaceFillerPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
33
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: WhiteSpaceFillerPipe, isStandalone:
|
|
33
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: WhiteSpaceFillerPipe, isStandalone: false, name: "blankFiller" }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: WhiteSpaceFillerPipe, decorators: [{
|
|
36
36
|
type: Pipe,
|
|
37
37
|
args: [{
|
|
38
|
+
standalone: false,
|
|
38
39
|
name: 'blankFiller',
|
|
39
40
|
}]
|
|
40
41
|
}] });
|
|
42
|
+
class WhiteSpaceFillerModule {
|
|
43
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: WhiteSpaceFillerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
44
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: WhiteSpaceFillerModule, declarations: [WhiteSpaceFillerPipe], imports: [CommonModule], exports: [WhiteSpaceFillerPipe] }); }
|
|
45
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: WhiteSpaceFillerModule, imports: [CommonModule] }); }
|
|
46
|
+
}
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: WhiteSpaceFillerModule, decorators: [{
|
|
48
|
+
type: NgModule,
|
|
49
|
+
args: [{
|
|
50
|
+
declarations: [
|
|
51
|
+
WhiteSpaceFillerPipe
|
|
52
|
+
],
|
|
53
|
+
imports: [
|
|
54
|
+
CommonModule,
|
|
55
|
+
],
|
|
56
|
+
exports: [
|
|
57
|
+
WhiteSpaceFillerPipe
|
|
58
|
+
]
|
|
59
|
+
}]
|
|
60
|
+
}] });
|
|
41
61
|
|
|
42
62
|
class SnakeCaseParserPipe {
|
|
43
63
|
transform(str) {
|
|
@@ -50,14 +70,34 @@ class SnakeCaseParserPipe {
|
|
|
50
70
|
return '';
|
|
51
71
|
}
|
|
52
72
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SnakeCaseParserPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
53
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SnakeCaseParserPipe, isStandalone:
|
|
73
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SnakeCaseParserPipe, isStandalone: false, name: "snakeCaseParser" }); }
|
|
54
74
|
}
|
|
55
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SnakeCaseParserPipe, decorators: [{
|
|
56
76
|
type: Pipe,
|
|
57
77
|
args: [{
|
|
78
|
+
standalone: false,
|
|
58
79
|
name: 'snakeCaseParser',
|
|
59
80
|
}]
|
|
60
81
|
}] });
|
|
82
|
+
class SnakeCaseParserModule {
|
|
83
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SnakeCaseParserModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
84
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SnakeCaseParserModule, declarations: [SnakeCaseParserPipe], imports: [CommonModule], exports: [SnakeCaseParserPipe] }); }
|
|
85
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SnakeCaseParserModule, imports: [CommonModule] }); }
|
|
86
|
+
}
|
|
87
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SnakeCaseParserModule, decorators: [{
|
|
88
|
+
type: NgModule,
|
|
89
|
+
args: [{
|
|
90
|
+
declarations: [
|
|
91
|
+
SnakeCaseParserPipe
|
|
92
|
+
],
|
|
93
|
+
imports: [
|
|
94
|
+
CommonModule,
|
|
95
|
+
],
|
|
96
|
+
exports: [
|
|
97
|
+
SnakeCaseParserPipe
|
|
98
|
+
]
|
|
99
|
+
}]
|
|
100
|
+
}] });
|
|
61
101
|
|
|
62
102
|
class FieldsMatchValidatorDirective {
|
|
63
103
|
constructor() {
|
|
@@ -78,7 +118,7 @@ class FieldsMatchValidatorDirective {
|
|
|
78
118
|
return null;
|
|
79
119
|
}
|
|
80
120
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FieldsMatchValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
81
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: FieldsMatchValidatorDirective, isStandalone:
|
|
121
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: FieldsMatchValidatorDirective, isStandalone: false, selector: "[libFieldsMatchValidator]", inputs: { fieldToMatch: { classPropertyName: "fieldToMatch", publicName: "fieldToMatch", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
|
|
82
122
|
{
|
|
83
123
|
provide: NG_VALIDATORS,
|
|
84
124
|
useExisting: FieldsMatchValidatorDirective,
|
|
@@ -89,6 +129,7 @@ class FieldsMatchValidatorDirective {
|
|
|
89
129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FieldsMatchValidatorDirective, decorators: [{
|
|
90
130
|
type: Directive,
|
|
91
131
|
args: [{
|
|
132
|
+
standalone: false,
|
|
92
133
|
selector: '[libFieldsMatchValidator]',
|
|
93
134
|
providers: [
|
|
94
135
|
{
|
|
@@ -99,8 +140,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
|
|
|
99
140
|
],
|
|
100
141
|
}]
|
|
101
142
|
}] });
|
|
143
|
+
class FieldsMatchModule {
|
|
144
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FieldsMatchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
145
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: FieldsMatchModule, declarations: [FieldsMatchValidatorDirective], imports: [CommonModule], exports: [FieldsMatchValidatorDirective] }); }
|
|
146
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FieldsMatchModule, imports: [CommonModule] }); }
|
|
147
|
+
}
|
|
148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FieldsMatchModule, decorators: [{
|
|
149
|
+
type: NgModule,
|
|
150
|
+
args: [{
|
|
151
|
+
declarations: [
|
|
152
|
+
FieldsMatchValidatorDirective
|
|
153
|
+
],
|
|
154
|
+
imports: [
|
|
155
|
+
CommonModule,
|
|
156
|
+
],
|
|
157
|
+
exports: [
|
|
158
|
+
FieldsMatchValidatorDirective
|
|
159
|
+
]
|
|
160
|
+
}]
|
|
161
|
+
}] });
|
|
102
162
|
|
|
103
|
-
class
|
|
163
|
+
class PhoneValidatorDirective {
|
|
104
164
|
onInput(event) {
|
|
105
165
|
const input = event.target;
|
|
106
166
|
if (!input.value.includes('+')) {
|
|
@@ -117,12 +177,13 @@ class PhoneValidationDirective {
|
|
|
117
177
|
event.preventDefault();
|
|
118
178
|
}
|
|
119
179
|
}
|
|
120
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type:
|
|
121
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type:
|
|
180
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PhoneValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
181
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: PhoneValidatorDirective, isStandalone: false, selector: "[libPhoneValidation]", host: { listeners: { "input": "onInput($event)", "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
|
|
122
182
|
}
|
|
123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type:
|
|
183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PhoneValidatorDirective, decorators: [{
|
|
124
184
|
type: Directive,
|
|
125
185
|
args: [{
|
|
186
|
+
standalone: false,
|
|
126
187
|
selector: '[libPhoneValidation]',
|
|
127
188
|
}]
|
|
128
189
|
}], propDecorators: { onInput: [{
|
|
@@ -132,6 +193,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
|
|
|
132
193
|
type: HostListener,
|
|
133
194
|
args: ['keydown', ['$event']]
|
|
134
195
|
}] } });
|
|
196
|
+
class PhoneValidationDirective {
|
|
197
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PhoneValidationDirective, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
198
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: PhoneValidationDirective, declarations: [PhoneValidatorDirective], imports: [CommonModule], exports: [PhoneValidatorDirective] }); }
|
|
199
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PhoneValidationDirective, imports: [CommonModule] }); }
|
|
200
|
+
}
|
|
201
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PhoneValidationDirective, decorators: [{
|
|
202
|
+
type: NgModule,
|
|
203
|
+
args: [{
|
|
204
|
+
declarations: [
|
|
205
|
+
PhoneValidatorDirective
|
|
206
|
+
],
|
|
207
|
+
imports: [
|
|
208
|
+
CommonModule,
|
|
209
|
+
],
|
|
210
|
+
exports: [
|
|
211
|
+
PhoneValidatorDirective
|
|
212
|
+
]
|
|
213
|
+
}]
|
|
214
|
+
}] });
|
|
215
|
+
|
|
216
|
+
class PasswordValidatorDirective {
|
|
217
|
+
validate(control) {
|
|
218
|
+
const password = control.value;
|
|
219
|
+
const pattern = /^(?=.*[A-Z])(?=.*[!@#\$%\^&\*])(?=.*\d)/;
|
|
220
|
+
if (password && !pattern.test(password)) {
|
|
221
|
+
return { passwordInvalid: true };
|
|
222
|
+
}
|
|
223
|
+
return null;
|
|
224
|
+
}
|
|
225
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PasswordValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
226
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: PasswordValidatorDirective, isStandalone: false, selector: "[libPasswordValidator]", providers: [
|
|
227
|
+
{
|
|
228
|
+
provide: NG_VALIDATORS,
|
|
229
|
+
useExisting: PasswordValidatorDirective,
|
|
230
|
+
multi: true
|
|
231
|
+
}
|
|
232
|
+
], ngImport: i0 }); }
|
|
233
|
+
}
|
|
234
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PasswordValidatorDirective, decorators: [{
|
|
235
|
+
type: Directive,
|
|
236
|
+
args: [{
|
|
237
|
+
standalone: false,
|
|
238
|
+
selector: '[libPasswordValidator]',
|
|
239
|
+
providers: [
|
|
240
|
+
{
|
|
241
|
+
provide: NG_VALIDATORS,
|
|
242
|
+
useExisting: PasswordValidatorDirective,
|
|
243
|
+
multi: true
|
|
244
|
+
}
|
|
245
|
+
]
|
|
246
|
+
}]
|
|
247
|
+
}] });
|
|
248
|
+
class PasswordValidatorModule {
|
|
249
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PasswordValidatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
250
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: PasswordValidatorModule, declarations: [PasswordValidatorDirective], imports: [CommonModule], exports: [PasswordValidatorDirective] }); }
|
|
251
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PasswordValidatorModule, imports: [CommonModule] }); }
|
|
252
|
+
}
|
|
253
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PasswordValidatorModule, decorators: [{
|
|
254
|
+
type: NgModule,
|
|
255
|
+
args: [{
|
|
256
|
+
declarations: [
|
|
257
|
+
PasswordValidatorDirective
|
|
258
|
+
],
|
|
259
|
+
imports: [
|
|
260
|
+
CommonModule,
|
|
261
|
+
],
|
|
262
|
+
exports: [
|
|
263
|
+
PasswordValidatorDirective
|
|
264
|
+
]
|
|
265
|
+
}]
|
|
266
|
+
}] });
|
|
135
267
|
|
|
136
268
|
class DefaultDialogComponent {
|
|
137
269
|
constructor() {
|
|
@@ -141,18 +273,39 @@ class DefaultDialogComponent {
|
|
|
141
273
|
this.back = output();
|
|
142
274
|
}
|
|
143
275
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
144
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: DefaultDialogComponent, isStandalone:
|
|
276
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: DefaultDialogComponent, isStandalone: false, selector: "lib-default-dialog", inputs: { temRef: { classPropertyName: "temRef", publicName: "temRef", isSignal: false, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, dialogTitle: { classPropertyName: "dialogTitle", publicName: "dialogTitle", isSignal: true, isRequired: false, transformFunction: null }, withBack: { classPropertyName: "withBack", publicName: "withBack", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { back: "back" }, ngImport: i0, template: "<div class=\"modal\" [style]=\"{'height': height()}\">\r\n <div class=\"dialog-title\">\r\n @if (withBack()) {\r\n <div class=\"back-arrow\" (click)=\"back.emit()\">\r\n <mat-icon>keyboard_arrow_left</mat-icon>\r\n </div>\r\n }\r\n <h4 class=\"title\">{{ dialogTitle() }}</h4>\r\n <div class=\"closer\" mat-dialog-close>\r\n <mat-icon>close</mat-icon>\r\n </div>\r\n </div>\r\n\r\n <div class=\"dialog-content\">\r\n <ng-content select=\".dialog-content\"></ng-content>\r\n <ng-template #tempBody></ng-template>\r\n <ng-container *ngTemplateOutlet=\"temRef ? temRef: tempBody\" />\r\n </div>\r\n</div>", styles: [".modal{display:flex;flex-direction:column}.dialog-title{padding-inline:2rem;padding-top:1rem;margin-bottom:1rem;position:relative;display:flex;font-size:20px;justify-content:center}.dialog-title .back-arrow{cursor:pointer;margin-right:.5rem}.dialog-title .title{font-weight:700;font-size:24px;margin:0!important}.dialog-title .closer{right:3%;position:absolute;cursor:pointer}.dialog-content{flex:1;min-height:0;overflow:hidden;padding-bottom:1rem;display:flex;flex-direction:column;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }] }); }
|
|
145
277
|
}
|
|
146
278
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogComponent, decorators: [{
|
|
147
279
|
type: Component,
|
|
148
|
-
args: [{ selector: 'lib-default-dialog',
|
|
149
|
-
CommonModule,
|
|
150
|
-
MatIconModule,
|
|
151
|
-
MatDialogModule
|
|
152
|
-
], template: "<div class=\"modal\" [style]=\"{'height': height()}\">\r\n <div class=\"dialog-title\">\r\n @if (withBack()) {\r\n <div class=\"back-arrow\" (click)=\"back.emit()\">\r\n <mat-icon>keyboard_arrow_left</mat-icon>\r\n </div>\r\n }\r\n <h4 class=\"title\">{{ dialogTitle() }}</h4>\r\n <div class=\"closer\" mat-dialog-close>\r\n <mat-icon>close</mat-icon>\r\n </div>\r\n </div>\r\n\r\n <div class=\"dialog-content\">\r\n <ng-content select=\".dialog-content\"></ng-content>\r\n <ng-template #tempBody></ng-template>\r\n <ng-container *ngTemplateOutlet=\"temRef ? temRef: tempBody\" />\r\n </div>\r\n</div>", styles: [".modal{display:flex;flex-direction:column}.dialog-title{padding-inline:2rem;padding-top:1rem;margin-bottom:1rem;position:relative;display:flex;font-size:20px;justify-content:center}.dialog-title .back-arrow{cursor:pointer;margin-right:.5rem}.dialog-title .title{font-weight:700;font-size:24px;margin:0!important}.dialog-title .closer{right:3%;position:absolute;cursor:pointer}.dialog-content{flex:1;min-height:0;overflow:hidden;padding-bottom:1rem;display:flex;flex-direction:column;align-items:center}\n"] }]
|
|
280
|
+
args: [{ standalone: false, selector: 'lib-default-dialog', template: "<div class=\"modal\" [style]=\"{'height': height()}\">\r\n <div class=\"dialog-title\">\r\n @if (withBack()) {\r\n <div class=\"back-arrow\" (click)=\"back.emit()\">\r\n <mat-icon>keyboard_arrow_left</mat-icon>\r\n </div>\r\n }\r\n <h4 class=\"title\">{{ dialogTitle() }}</h4>\r\n <div class=\"closer\" mat-dialog-close>\r\n <mat-icon>close</mat-icon>\r\n </div>\r\n </div>\r\n\r\n <div class=\"dialog-content\">\r\n <ng-content select=\".dialog-content\"></ng-content>\r\n <ng-template #tempBody></ng-template>\r\n <ng-container *ngTemplateOutlet=\"temRef ? temRef: tempBody\" />\r\n </div>\r\n</div>", styles: [".modal{display:flex;flex-direction:column}.dialog-title{padding-inline:2rem;padding-top:1rem;margin-bottom:1rem;position:relative;display:flex;font-size:20px;justify-content:center}.dialog-title .back-arrow{cursor:pointer;margin-right:.5rem}.dialog-title .title{font-weight:700;font-size:24px;margin:0!important}.dialog-title .closer{right:3%;position:absolute;cursor:pointer}.dialog-content{flex:1;min-height:0;overflow:hidden;padding-bottom:1rem;display:flex;flex-direction:column;align-items:center}\n"] }]
|
|
153
281
|
}], propDecorators: { temRef: [{
|
|
154
282
|
type: Input
|
|
155
283
|
}] } });
|
|
284
|
+
class DefaultDialogModule {
|
|
285
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
286
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogModule, declarations: [DefaultDialogComponent], imports: [CommonModule,
|
|
287
|
+
MatIconModule,
|
|
288
|
+
MatDialogModule], exports: [DefaultDialogComponent] }); }
|
|
289
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogModule, imports: [CommonModule,
|
|
290
|
+
MatIconModule,
|
|
291
|
+
MatDialogModule] }); }
|
|
292
|
+
}
|
|
293
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogModule, decorators: [{
|
|
294
|
+
type: NgModule,
|
|
295
|
+
args: [{
|
|
296
|
+
declarations: [
|
|
297
|
+
DefaultDialogComponent
|
|
298
|
+
],
|
|
299
|
+
imports: [
|
|
300
|
+
CommonModule,
|
|
301
|
+
MatIconModule,
|
|
302
|
+
MatDialogModule
|
|
303
|
+
],
|
|
304
|
+
exports: [
|
|
305
|
+
DefaultDialogComponent
|
|
306
|
+
]
|
|
307
|
+
}]
|
|
308
|
+
}] });
|
|
156
309
|
|
|
157
310
|
class ErrorDispalyComponent {
|
|
158
311
|
constructor() {
|
|
@@ -179,13 +332,33 @@ class ErrorDispalyComponent {
|
|
|
179
332
|
}
|
|
180
333
|
}
|
|
181
334
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
182
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: ErrorDispalyComponent, isStandalone:
|
|
335
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: ErrorDispalyComponent, isStandalone: false, selector: "lib-error-dispaly", inputs: { error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<strong class="err-container">{{ displayError | snakeCaseParser }}</strong>`, isInline: true, styles: [".err-container{display:block;max-width:300px;font-size:20px;text-align:center;border:1px solid red;border-radius:5px;padding:.5rem 1.5rem;background-color:#ffe6e6;color:red;overflow-wrap:break-word}\n"], dependencies: [{ kind: "pipe", type: SnakeCaseParserPipe, name: "snakeCaseParser" }] }); }
|
|
183
336
|
}
|
|
184
337
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyComponent, decorators: [{
|
|
185
338
|
type: Component,
|
|
186
|
-
args: [{ selector: 'lib-error-dispaly',
|
|
187
|
-
|
|
188
|
-
|
|
339
|
+
args: [{ standalone: false, selector: 'lib-error-dispaly', template: `<strong class="err-container">{{ displayError | snakeCaseParser }}</strong>`, styles: [".err-container{display:block;max-width:300px;font-size:20px;text-align:center;border:1px solid red;border-radius:5px;padding:.5rem 1.5rem;background-color:#ffe6e6;color:red;overflow-wrap:break-word}\n"] }]
|
|
340
|
+
}] });
|
|
341
|
+
class ErrorDispalyModule {
|
|
342
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
343
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyModule, declarations: [ErrorDispalyComponent], imports: [CommonModule,
|
|
344
|
+
SnakeCaseParserModule], exports: [ErrorDispalyComponent] }); }
|
|
345
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyModule, imports: [CommonModule,
|
|
346
|
+
SnakeCaseParserModule] }); }
|
|
347
|
+
}
|
|
348
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyModule, decorators: [{
|
|
349
|
+
type: NgModule,
|
|
350
|
+
args: [{
|
|
351
|
+
declarations: [
|
|
352
|
+
ErrorDispalyComponent
|
|
353
|
+
],
|
|
354
|
+
imports: [
|
|
355
|
+
CommonModule,
|
|
356
|
+
SnakeCaseParserModule,
|
|
357
|
+
],
|
|
358
|
+
exports: [
|
|
359
|
+
ErrorDispalyComponent
|
|
360
|
+
]
|
|
361
|
+
}]
|
|
189
362
|
}] });
|
|
190
363
|
|
|
191
364
|
class SearchBarComponent {
|
|
@@ -203,27 +376,49 @@ class SearchBarComponent {
|
|
|
203
376
|
});
|
|
204
377
|
}
|
|
205
378
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
206
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: SearchBarComponent, isStandalone:
|
|
379
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: SearchBarComponent, isStandalone: false, selector: "lib-search-bar", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { search: "search" }, ngImport: i0, template: `
|
|
207
380
|
<form class="search-bar" [formGroup]="searchForm">
|
|
208
381
|
<mat-icon>search</mat-icon>
|
|
209
382
|
<input class="search-input" type="search" name="field"
|
|
210
383
|
[placeholder]="'Search ' + for()" autocomplete="off" formControlName="search" />
|
|
211
384
|
</form>
|
|
212
|
-
`, isInline: true, styles: [".search-bar{width:270px;border:1px solid #A4A4A4;display:flex;align-items:center}.search-input{border:none;padding:7px 11px;height:100%;width:100%;background-color:transparent}mat-icon{margin-inline:8px}.search-input:focus{border:none;outline:none}@media (max-width: 1086px){.search-bar{width:170px}}\n"], dependencies: [{ kind: "
|
|
385
|
+
`, isInline: true, styles: [".search-bar{width:270px;border:1px solid #A4A4A4;display:flex;align-items:center}.search-input{border:none;padding:7px 11px;height:100%;width:100%;background-color:transparent}mat-icon{margin-inline:8px}.search-input:focus{border:none;outline:none}@media (max-width: 1086px){.search-bar{width:170px}}\n"], dependencies: [{ kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
213
386
|
}
|
|
214
387
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SearchBarComponent, decorators: [{
|
|
215
388
|
type: Component,
|
|
216
|
-
args: [{ selector: 'lib-search-bar', template: `
|
|
389
|
+
args: [{ standalone: false, selector: 'lib-search-bar', template: `
|
|
217
390
|
<form class="search-bar" [formGroup]="searchForm">
|
|
218
391
|
<mat-icon>search</mat-icon>
|
|
219
392
|
<input class="search-input" type="search" name="field"
|
|
220
393
|
[placeholder]="'Search ' + for()" autocomplete="off" formControlName="search" />
|
|
221
394
|
</form>
|
|
222
|
-
`,
|
|
395
|
+
`, styles: [".search-bar{width:270px;border:1px solid #A4A4A4;display:flex;align-items:center}.search-input{border:none;padding:7px 11px;height:100%;width:100%;background-color:transparent}mat-icon{margin-inline:8px}.search-input:focus{border:none;outline:none}@media (max-width: 1086px){.search-bar{width:170px}}\n"] }]
|
|
396
|
+
}], ctorParameters: () => [] });
|
|
397
|
+
class SearchBarModule {
|
|
398
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
399
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SearchBarModule, declarations: [SearchBarComponent], imports: [CommonModule,
|
|
400
|
+
MatIconModule,
|
|
401
|
+
ReactiveFormsModule], exports: [SearchBarComponent] }); }
|
|
402
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SearchBarModule, imports: [CommonModule,
|
|
403
|
+
MatIconModule,
|
|
404
|
+
ReactiveFormsModule] }); }
|
|
405
|
+
}
|
|
406
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SearchBarModule, decorators: [{
|
|
407
|
+
type: NgModule,
|
|
408
|
+
args: [{
|
|
409
|
+
declarations: [
|
|
410
|
+
SearchBarComponent
|
|
411
|
+
],
|
|
412
|
+
imports: [
|
|
413
|
+
CommonModule,
|
|
223
414
|
MatIconModule,
|
|
224
415
|
ReactiveFormsModule
|
|
225
|
-
],
|
|
226
|
-
|
|
416
|
+
],
|
|
417
|
+
exports: [
|
|
418
|
+
SearchBarComponent
|
|
419
|
+
]
|
|
420
|
+
}]
|
|
421
|
+
}] });
|
|
227
422
|
|
|
228
423
|
const fader = trigger('fadeInOut', [
|
|
229
424
|
transition(':enter', [
|
|
@@ -270,13 +465,33 @@ class TableSortHeaderComponent {
|
|
|
270
465
|
this.sort.emit(this.sortState);
|
|
271
466
|
}
|
|
272
467
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
273
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: TableSortHeaderComponent, isStandalone:
|
|
468
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: TableSortHeaderComponent, isStandalone: false, selector: "lib-table-sort-header", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { sort: "sort" }, ngImport: i0, template: "<div class=\"sorting-container\" (click)=\"onSortClick()\">\r\n <mat-icon\r\n [class.selected]=\"selected() && sortState != 'none'\"\r\n [class.rotated]=\"sortState == 'asc'\">\r\n sort\r\n </mat-icon>\r\n</div>", styles: [".sorting-container{display:flex;align-items:center}.sorting-container *{cursor:pointer}.sorting-container .selected{color:#31adff;background-color:#ebf7fc}.sorting-container .rotated{transform:rotate(180deg) scaleX(-1)}\n"], dependencies: [{ kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
274
469
|
}
|
|
275
470
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderComponent, decorators: [{
|
|
276
471
|
type: Component,
|
|
277
|
-
args: [{ selector: 'lib-table-sort-header',
|
|
278
|
-
|
|
279
|
-
|
|
472
|
+
args: [{ standalone: false, selector: 'lib-table-sort-header', template: "<div class=\"sorting-container\" (click)=\"onSortClick()\">\r\n <mat-icon\r\n [class.selected]=\"selected() && sortState != 'none'\"\r\n [class.rotated]=\"sortState == 'asc'\">\r\n sort\r\n </mat-icon>\r\n</div>", styles: [".sorting-container{display:flex;align-items:center}.sorting-container *{cursor:pointer}.sorting-container .selected{color:#31adff;background-color:#ebf7fc}.sorting-container .rotated{transform:rotate(180deg) scaleX(-1)}\n"] }]
|
|
473
|
+
}] });
|
|
474
|
+
class TableSortHeaderModule {
|
|
475
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
476
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderModule, declarations: [TableSortHeaderComponent], imports: [CommonModule,
|
|
477
|
+
MatIconModule], exports: [TableSortHeaderComponent] }); }
|
|
478
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderModule, imports: [CommonModule,
|
|
479
|
+
MatIconModule] }); }
|
|
480
|
+
}
|
|
481
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderModule, decorators: [{
|
|
482
|
+
type: NgModule,
|
|
483
|
+
args: [{
|
|
484
|
+
declarations: [
|
|
485
|
+
TableSortHeaderComponent
|
|
486
|
+
],
|
|
487
|
+
imports: [
|
|
488
|
+
CommonModule,
|
|
489
|
+
MatIconModule
|
|
490
|
+
],
|
|
491
|
+
exports: [
|
|
492
|
+
TableSortHeaderComponent
|
|
493
|
+
]
|
|
494
|
+
}]
|
|
280
495
|
}] });
|
|
281
496
|
|
|
282
497
|
class TableComponent {
|
|
@@ -326,18 +541,48 @@ class TableComponent {
|
|
|
326
541
|
return obj.id || index;
|
|
327
542
|
}
|
|
328
543
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
329
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: TableComponent, isStandalone:
|
|
544
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: TableComponent, isStandalone: false, selector: "lib-table", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { action: "action" }, viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"flexer\">\r\n @if (config().title) {\r\n <div class=\"row-heading-labels mb05\">{{config().title}}</div>\r\n }\r\n <ng-content select=\".upper-part\"></ng-content>\r\n @if (config().withAdd) {\r\n <div class=\"flexer action pointer gap05 mb05\" (click)=\"action.emit({action: 'add'})\">\r\n <mat-icon>add_circle_outline</mat-icon>\r\n <div>add</div>\r\n </div>\r\n }\r\n</div>\r\n\r\n<div class=\"scroll\" #scrollContainer (scroll)=\"onScroll()\">\r\n <table [class.with-options]=\"config().options?.length\">\r\n <thead>\r\n <tr>\r\n @for (heading of config().tableHeadings; track heading; let i = $index) {\r\n <th>\r\n <div class=\"flexer gap05\">\r\n {{heading}}\r\n @if (config().sortable && !config().draggable) {\r\n <lib-table-sort-header\r\n [selected]=\"currentSortColumn === i\"\r\n (click)=\"currentSortColumn = i\"\r\n (sort)=\"sortByProp(config().dataProps[i], $event)\"\r\n />\r\n }\r\n </div>\r\n </th>\r\n }\r\n @if (config().options?.length) {\r\n <th></th>\r\n }\r\n </tr>\r\n </thead>\r\n @if (config().draggable) {\r\n <tbody cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n @for (obj of config().data; track trackById(i, obj); let i = $index) {\r\n <tr\r\n (mouseover)=\"hoverRowIndex = i\"\r\n (mouseleave)=\"hoverRowIndex = -1\"\r\n cdkDrag cdkDragLockAxis=\"y\"\r\n [class.pointer]=\"config().selectableRows\"\r\n [class.hover-row]=\"hoverRowIndex == i\"\r\n [class.selected-row]=\"config().selectableRows && selectedRowIndex == i\"\r\n (click)=\"onRowClick($event, obj, i)\"\r\n @fadeInOut>\r\n @for (prop of config().dataProps; track prop; let cellIndex = $index) {\r\n <td\r\n [class.dragCol]=\"cellIndex === 0\">\r\n <div class=\"data\" [classList]=\"getClass(obj, prop)\"\r\n [class.flexer]=\"cellIndex === 0\">\r\n @if (cellIndex === 0) {\r\n <mat-icon class=\"draggable\" cdkDragHandle>\r\n drag_indicator\r\n </mat-icon>\r\n }\r\n {{obj[prop] | blankFiller}}\r\n </div>\r\n </td>\r\n }\r\n @if (config().options?.length) {\r\n <td class=\"right-align\" (click)=\"$event.stopPropagation()\">\r\n <button mat-icon-button class=\"pointer dots right\" [matMenuTriggerFor]=\"optionsMenu\">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #optionsMenu=\"matMenu\">\r\n @for (option of config().options; track option) {\r\n <div\r\n mat-menu-item (click)=\"selectOption(option, obj, i)\"\r\n [class.red]=\"option == 'Remove' || option == 'Delete'\">\r\n {{option}}\r\n </div>\r\n }\r\n </mat-menu>\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n } @else {\r\n <tbody>\r\n @for (obj of config().data; track trackById(i, obj); let i = $index) {\r\n <tr\r\n (mouseover)=\"hoverRowIndex = i\"\r\n (mouseleave)=\"hoverRowIndex = -1\"\r\n [class.pointer]=\"config().selectableRows\"\r\n [class.hover-row]=\"hoverRowIndex == i\"\r\n [class.selected-row]=\"config().selectableRows && selectedRowIndex == i\"\r\n (click)=\"onRowClick($event, obj, i)\"\r\n @fadeInOut>\r\n @for (prop of config().dataProps; track prop; let cellIndex = $index) {\r\n <td>\r\n <div class=\"data\" [classList]=\"getClass(obj, prop)\">\r\n {{obj[prop] | blankFiller}}\r\n </div>\r\n </td>\r\n }\r\n @if (config().options?.length) {\r\n <td class=\"right-align\" (click)=\"$event.stopPropagation()\">\r\n <button mat-icon-button class=\"pointer dots right\" [matMenuTriggerFor]=\"optionsMenu\">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #optionsMenu=\"matMenu\">\r\n @for (option of config().options; track option) {\r\n <div\r\n mat-menu-item (click)=\"selectOption(option, obj, i)\"\r\n [class.red]=\"option == 'Remove' || option == 'Delete'\">\r\n {{option}}\r\n </div>\r\n }\r\n </mat-menu>\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n }\r\n </table>\r\n</div>", styles: [".scroll{overflow-y:auto;max-height:94%}table{width:100%;border-collapse:collapse;border-spacing:0px}table.with-options td{padding-block:3px!important}.flexer{display:flex;align-items:center}.action{color:#009ddc;font-weight:500;text-align:right;margin-left:auto}.pointer{cursor:pointer}.gap05{gap:.5rem}.mb05{margin-bottom:.5}.data{white-space:pre-wrap}.row-heading-labels{font-weight:700;font-size:20px}.selected-row td{background-color:#d3edf8}.hover-row{background-color:#ebf7fc}.red{color:red}@media (max-width: 1086px){table td,table th{padding:3px!important;width:auto!important}}td,th{padding:.5rem 1rem;font-size:14px}th{background-color:#f6f6f6;text-align:left;position:sticky;top:0;z-index:2;border-top:2px solid #E5E4E7}td{border-bottom:2px solid #E5E4E7;border-top:2px solid #E5E4E7}.dots{width:fit-content}.draggable{cursor:grabbing}.dragCol{padding-left:0!important}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;font-size:1.5em;text-align:center;opacity:.8;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.dragdrop-placeholder{background:#ccc;border:dotted 3px #999;min-height:30px;transition:transform .1s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "component", type: i1$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: TableSortHeaderComponent, selector: "lib-table-sort-header", inputs: ["selected"], outputs: ["sort"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: WhiteSpaceFillerPipe, name: "blankFiller" }], animations: [fader] }); }
|
|
330
545
|
}
|
|
331
546
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableComponent, decorators: [{
|
|
332
547
|
type: Component,
|
|
333
|
-
args: [{ selector: 'lib-table', animations: [fader],
|
|
334
|
-
|
|
548
|
+
args: [{ standalone: false, selector: 'lib-table', animations: [fader], template: "<div class=\"flexer\">\r\n @if (config().title) {\r\n <div class=\"row-heading-labels mb05\">{{config().title}}</div>\r\n }\r\n <ng-content select=\".upper-part\"></ng-content>\r\n @if (config().withAdd) {\r\n <div class=\"flexer action pointer gap05 mb05\" (click)=\"action.emit({action: 'add'})\">\r\n <mat-icon>add_circle_outline</mat-icon>\r\n <div>add</div>\r\n </div>\r\n }\r\n</div>\r\n\r\n<div class=\"scroll\" #scrollContainer (scroll)=\"onScroll()\">\r\n <table [class.with-options]=\"config().options?.length\">\r\n <thead>\r\n <tr>\r\n @for (heading of config().tableHeadings; track heading; let i = $index) {\r\n <th>\r\n <div class=\"flexer gap05\">\r\n {{heading}}\r\n @if (config().sortable && !config().draggable) {\r\n <lib-table-sort-header\r\n [selected]=\"currentSortColumn === i\"\r\n (click)=\"currentSortColumn = i\"\r\n (sort)=\"sortByProp(config().dataProps[i], $event)\"\r\n />\r\n }\r\n </div>\r\n </th>\r\n }\r\n @if (config().options?.length) {\r\n <th></th>\r\n }\r\n </tr>\r\n </thead>\r\n @if (config().draggable) {\r\n <tbody cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n @for (obj of config().data; track trackById(i, obj); let i = $index) {\r\n <tr\r\n (mouseover)=\"hoverRowIndex = i\"\r\n (mouseleave)=\"hoverRowIndex = -1\"\r\n cdkDrag cdkDragLockAxis=\"y\"\r\n [class.pointer]=\"config().selectableRows\"\r\n [class.hover-row]=\"hoverRowIndex == i\"\r\n [class.selected-row]=\"config().selectableRows && selectedRowIndex == i\"\r\n (click)=\"onRowClick($event, obj, i)\"\r\n @fadeInOut>\r\n @for (prop of config().dataProps; track prop; let cellIndex = $index) {\r\n <td\r\n [class.dragCol]=\"cellIndex === 0\">\r\n <div class=\"data\" [classList]=\"getClass(obj, prop)\"\r\n [class.flexer]=\"cellIndex === 0\">\r\n @if (cellIndex === 0) {\r\n <mat-icon class=\"draggable\" cdkDragHandle>\r\n drag_indicator\r\n </mat-icon>\r\n }\r\n {{obj[prop] | blankFiller}}\r\n </div>\r\n </td>\r\n }\r\n @if (config().options?.length) {\r\n <td class=\"right-align\" (click)=\"$event.stopPropagation()\">\r\n <button mat-icon-button class=\"pointer dots right\" [matMenuTriggerFor]=\"optionsMenu\">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #optionsMenu=\"matMenu\">\r\n @for (option of config().options; track option) {\r\n <div\r\n mat-menu-item (click)=\"selectOption(option, obj, i)\"\r\n [class.red]=\"option == 'Remove' || option == 'Delete'\">\r\n {{option}}\r\n </div>\r\n }\r\n </mat-menu>\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n } @else {\r\n <tbody>\r\n @for (obj of config().data; track trackById(i, obj); let i = $index) {\r\n <tr\r\n (mouseover)=\"hoverRowIndex = i\"\r\n (mouseleave)=\"hoverRowIndex = -1\"\r\n [class.pointer]=\"config().selectableRows\"\r\n [class.hover-row]=\"hoverRowIndex == i\"\r\n [class.selected-row]=\"config().selectableRows && selectedRowIndex == i\"\r\n (click)=\"onRowClick($event, obj, i)\"\r\n @fadeInOut>\r\n @for (prop of config().dataProps; track prop; let cellIndex = $index) {\r\n <td>\r\n <div class=\"data\" [classList]=\"getClass(obj, prop)\">\r\n {{obj[prop] | blankFiller}}\r\n </div>\r\n </td>\r\n }\r\n @if (config().options?.length) {\r\n <td class=\"right-align\" (click)=\"$event.stopPropagation()\">\r\n <button mat-icon-button class=\"pointer dots right\" [matMenuTriggerFor]=\"optionsMenu\">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #optionsMenu=\"matMenu\">\r\n @for (option of config().options; track option) {\r\n <div\r\n mat-menu-item (click)=\"selectOption(option, obj, i)\"\r\n [class.red]=\"option == 'Remove' || option == 'Delete'\">\r\n {{option}}\r\n </div>\r\n }\r\n </mat-menu>\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n }\r\n </table>\r\n</div>", styles: [".scroll{overflow-y:auto;max-height:94%}table{width:100%;border-collapse:collapse;border-spacing:0px}table.with-options td{padding-block:3px!important}.flexer{display:flex;align-items:center}.action{color:#009ddc;font-weight:500;text-align:right;margin-left:auto}.pointer{cursor:pointer}.gap05{gap:.5rem}.mb05{margin-bottom:.5}.data{white-space:pre-wrap}.row-heading-labels{font-weight:700;font-size:20px}.selected-row td{background-color:#d3edf8}.hover-row{background-color:#ebf7fc}.red{color:red}@media (max-width: 1086px){table td,table th{padding:3px!important;width:auto!important}}td,th{padding:.5rem 1rem;font-size:14px}th{background-color:#f6f6f6;text-align:left;position:sticky;top:0;z-index:2;border-top:2px solid #E5E4E7}td{border-bottom:2px solid #E5E4E7;border-top:2px solid #E5E4E7}.dots{width:fit-content}.draggable{cursor:grabbing}.dragCol{padding-left:0!important}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;font-size:1.5em;text-align:center;opacity:.8;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.dragdrop-placeholder{background:#ccc;border:dotted 3px #999;min-height:30px;transition:transform .1s cubic-bezier(0,0,.2,1)}\n"] }]
|
|
549
|
+
}] });
|
|
550
|
+
class TableModule {
|
|
551
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
552
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: TableModule, declarations: [TableComponent], imports: [CommonModule,
|
|
553
|
+
WhiteSpaceFillerModule,
|
|
554
|
+
MatMenuModule,
|
|
555
|
+
MatIconModule,
|
|
556
|
+
MatButtonModule,
|
|
557
|
+
TableSortHeaderModule,
|
|
558
|
+
DragDropModule], exports: [TableComponent] }); }
|
|
559
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableModule, imports: [CommonModule,
|
|
560
|
+
WhiteSpaceFillerModule,
|
|
561
|
+
MatMenuModule,
|
|
562
|
+
MatIconModule,
|
|
563
|
+
MatButtonModule,
|
|
564
|
+
TableSortHeaderModule,
|
|
565
|
+
DragDropModule] }); }
|
|
566
|
+
}
|
|
567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableModule, decorators: [{
|
|
568
|
+
type: NgModule,
|
|
569
|
+
args: [{
|
|
570
|
+
declarations: [
|
|
571
|
+
TableComponent
|
|
572
|
+
],
|
|
573
|
+
imports: [
|
|
574
|
+
CommonModule,
|
|
575
|
+
WhiteSpaceFillerModule,
|
|
335
576
|
MatMenuModule,
|
|
336
577
|
MatIconModule,
|
|
337
578
|
MatButtonModule,
|
|
338
|
-
|
|
579
|
+
TableSortHeaderModule,
|
|
339
580
|
DragDropModule
|
|
340
|
-
],
|
|
581
|
+
],
|
|
582
|
+
exports: [
|
|
583
|
+
TableComponent
|
|
584
|
+
]
|
|
585
|
+
}]
|
|
341
586
|
}] });
|
|
342
587
|
|
|
343
588
|
class LoaderService {
|
|
@@ -363,14 +608,33 @@ class GlobalLoaderComponent {
|
|
|
363
608
|
this.loaderService = inject(LoaderService);
|
|
364
609
|
}
|
|
365
610
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
366
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: GlobalLoaderComponent, isStandalone:
|
|
611
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: GlobalLoaderComponent, isStandalone: false, selector: "lib-global-loader", ngImport: i0, template: "@if (loaderService.loading$ | async) {\r\n <div class=\"loader\">\r\n <mat-spinner />\r\n </div>\r\n}", styles: [".loader{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:fixed;top:0;left:0;background-color:#0003;z-index:9999}\n"], dependencies: [{ kind: "component", type: i1$3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
|
|
367
612
|
}
|
|
368
613
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderComponent, decorators: [{
|
|
369
614
|
type: Component,
|
|
370
|
-
args: [{ selector: 'lib-global-loader',
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
615
|
+
args: [{ standalone: false, selector: 'lib-global-loader', template: "@if (loaderService.loading$ | async) {\r\n <div class=\"loader\">\r\n <mat-spinner />\r\n </div>\r\n}", styles: [".loader{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:fixed;top:0;left:0;background-color:#0003;z-index:9999}\n"] }]
|
|
616
|
+
}] });
|
|
617
|
+
class GlobalLoaderModule {
|
|
618
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
619
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderModule, declarations: [GlobalLoaderComponent], imports: [CommonModule,
|
|
620
|
+
MatProgressSpinnerModule], exports: [GlobalLoaderComponent] }); }
|
|
621
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderModule, imports: [CommonModule,
|
|
622
|
+
MatProgressSpinnerModule] }); }
|
|
623
|
+
}
|
|
624
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderModule, decorators: [{
|
|
625
|
+
type: NgModule,
|
|
626
|
+
args: [{
|
|
627
|
+
declarations: [
|
|
628
|
+
GlobalLoaderComponent
|
|
629
|
+
],
|
|
630
|
+
imports: [
|
|
631
|
+
CommonModule,
|
|
632
|
+
MatProgressSpinnerModule,
|
|
633
|
+
],
|
|
634
|
+
exports: [
|
|
635
|
+
GlobalLoaderComponent
|
|
636
|
+
]
|
|
637
|
+
}]
|
|
374
638
|
}] });
|
|
375
639
|
|
|
376
640
|
class ErrorService {
|
|
@@ -463,18 +727,40 @@ class ErrorPopupComponent {
|
|
|
463
727
|
this.httpStatusCodes = HTTP_STATUS_CODES;
|
|
464
728
|
}
|
|
465
729
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPopupComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
466
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: ErrorPopupComponent, isStandalone:
|
|
730
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: ErrorPopupComponent, isStandalone: false, selector: "lib-error-popup", ngImport: i0, template: "<lib-default-dialog [title]=\"'\u0410n error has occurred'\">\r\n <div class=\"dialog-content\">\r\n <div class=\"status-info\">\r\n <div>{{ error.status }}</div>\r\n @if (error.status) {\r\n <div>{{ httpStatusCodes[error.status] }}</div>\r\n }\r\n </div>\r\n <div class=\"error-info\">\r\n <lib-error-dispaly [error]=\"error\" />\r\n </div>\r\n </div>\r\n</lib-default-dialog>", styles: [".dialog-content{display:flex;flex-direction:column;align-items:center;padding-inline:1rem}.dialog-content .status-info{display:flex;margin-bottom:.5rem;font-weight:600;font-size:18px;gap:.5rem}.dialog-content .error-info{display:grid;place-items:center}\n"], dependencies: [{ kind: "component", type: ErrorDispalyComponent, selector: "lib-error-dispaly", inputs: ["error"] }, { kind: "component", type: DefaultDialogComponent, selector: "lib-default-dialog", inputs: ["temRef", "height", "dialogTitle", "withBack"], outputs: ["back"] }] }); }
|
|
467
731
|
}
|
|
468
732
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPopupComponent, decorators: [{
|
|
469
733
|
type: Component,
|
|
470
|
-
args: [{ selector: 'lib-error-popup',
|
|
471
|
-
|
|
472
|
-
ErrorDispalyComponent
|
|
473
|
-
], template: "<lib-default-dialog [title]=\"'\u0410n error has occurred'\">\r\n <div class=\"dialog-content\">\r\n <div class=\"status-info\">\r\n <div>{{ error.status }}</div>\r\n @if (error.status) {\r\n <div>{{ httpStatusCodes[error.status] }}</div>\r\n }\r\n </div>\r\n <div class=\"error-info\">\r\n <lib-error-dispaly [error]=\"error\" />\r\n </div>\r\n </div>\r\n</lib-default-dialog>", styles: [".dialog-content{display:flex;flex-direction:column;align-items:center;padding-inline:1rem}.dialog-content .status-info{display:flex;margin-bottom:.5rem;font-weight:600;font-size:18px;gap:.5rem}.dialog-content .error-info{display:grid;place-items:center}\n"] }]
|
|
474
|
-
}], ctorParameters: () => [{ type: i1$4.HttpErrorResponse, decorators: [{
|
|
734
|
+
args: [{ standalone: false, selector: 'lib-error-popup', template: "<lib-default-dialog [title]=\"'\u0410n error has occurred'\">\r\n <div class=\"dialog-content\">\r\n <div class=\"status-info\">\r\n <div>{{ error.status }}</div>\r\n @if (error.status) {\r\n <div>{{ httpStatusCodes[error.status] }}</div>\r\n }\r\n </div>\r\n <div class=\"error-info\">\r\n <lib-error-dispaly [error]=\"error\" />\r\n </div>\r\n </div>\r\n</lib-default-dialog>", styles: [".dialog-content{display:flex;flex-direction:column;align-items:center;padding-inline:1rem}.dialog-content .status-info{display:flex;margin-bottom:.5rem;font-weight:600;font-size:18px;gap:.5rem}.dialog-content .error-info{display:grid;place-items:center}\n"] }]
|
|
735
|
+
}], ctorParameters: () => [{ type: i3$2.HttpErrorResponse, decorators: [{
|
|
475
736
|
type: Inject,
|
|
476
737
|
args: [MAT_DIALOG_DATA]
|
|
477
738
|
}] }] });
|
|
739
|
+
class ErrorPopupModule {
|
|
740
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
741
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ErrorPopupModule, declarations: [ErrorPopupComponent], imports: [CommonModule,
|
|
742
|
+
ErrorDispalyModule,
|
|
743
|
+
DefaultDialogModule], exports: [ErrorPopupComponent] }); }
|
|
744
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPopupModule, imports: [CommonModule,
|
|
745
|
+
ErrorDispalyModule,
|
|
746
|
+
DefaultDialogModule] }); }
|
|
747
|
+
}
|
|
748
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPopupModule, decorators: [{
|
|
749
|
+
type: NgModule,
|
|
750
|
+
args: [{
|
|
751
|
+
declarations: [
|
|
752
|
+
ErrorPopupComponent
|
|
753
|
+
],
|
|
754
|
+
imports: [
|
|
755
|
+
CommonModule,
|
|
756
|
+
ErrorDispalyModule,
|
|
757
|
+
DefaultDialogModule
|
|
758
|
+
],
|
|
759
|
+
exports: [
|
|
760
|
+
ErrorPopupComponent
|
|
761
|
+
]
|
|
762
|
+
}]
|
|
763
|
+
}] });
|
|
478
764
|
|
|
479
765
|
class ErrorHandlerComponent {
|
|
480
766
|
constructor() {
|
|
@@ -498,14 +784,31 @@ class ErrorHandlerComponent {
|
|
|
498
784
|
this.errSubscriptions.unsubscribe();
|
|
499
785
|
}
|
|
500
786
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
501
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: ErrorHandlerComponent, isStandalone:
|
|
787
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: ErrorHandlerComponent, isStandalone: false, selector: "lib-error-handler", ngImport: i0, template: "", styles: [""] }); }
|
|
502
788
|
}
|
|
503
789
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerComponent, decorators: [{
|
|
504
790
|
type: Component,
|
|
505
|
-
args: [{ selector: 'lib-error-handler',
|
|
506
|
-
MatDialogModule
|
|
507
|
-
], template: "" }]
|
|
791
|
+
args: [{ standalone: false, selector: 'lib-error-handler', template: "" }]
|
|
508
792
|
}], ctorParameters: () => [] });
|
|
793
|
+
class ErrorHandlerModule {
|
|
794
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
795
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerModule, declarations: [ErrorHandlerComponent], imports: [CommonModule], exports: [ErrorHandlerComponent] }); }
|
|
796
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerModule, imports: [CommonModule] }); }
|
|
797
|
+
}
|
|
798
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerModule, decorators: [{
|
|
799
|
+
type: NgModule,
|
|
800
|
+
args: [{
|
|
801
|
+
declarations: [
|
|
802
|
+
ErrorHandlerComponent
|
|
803
|
+
],
|
|
804
|
+
imports: [
|
|
805
|
+
CommonModule,
|
|
806
|
+
],
|
|
807
|
+
exports: [
|
|
808
|
+
ErrorHandlerComponent
|
|
809
|
+
]
|
|
810
|
+
}]
|
|
811
|
+
}] });
|
|
509
812
|
|
|
510
813
|
class ChipComponent {
|
|
511
814
|
constructor() {
|
|
@@ -521,11 +824,30 @@ class ChipComponent {
|
|
|
521
824
|
this.selected.emit(this.value());
|
|
522
825
|
}
|
|
523
826
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
524
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: ChipComponent, isStandalone:
|
|
827
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: ChipComponent, isStandalone: false, selector: "lib-chip", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: true, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"chip\" [class.selected]=\"isSelected()\" (click)=\"onClick()\">\r\n {{text()}}\r\n</div>\r\n", styles: [".chip{display:inline-block;padding:.5rem 1rem;border-radius:1rem;background-color:#e6e6e6;color:#333;font-size:1rem;cursor:pointer;transition:all .2s}.chip:hover{background-color:#ccc}.chip.selected{background-color:var(--primary-color);color:#fff}\n"] }); }
|
|
525
828
|
}
|
|
526
829
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ChipComponent, decorators: [{
|
|
527
830
|
type: Component,
|
|
528
|
-
args: [{ selector: 'lib-chip',
|
|
831
|
+
args: [{ standalone: false, selector: 'lib-chip', template: "<div class=\"chip\" [class.selected]=\"isSelected()\" (click)=\"onClick()\">\r\n {{text()}}\r\n</div>\r\n", styles: [".chip{display:inline-block;padding:.5rem 1rem;border-radius:1rem;background-color:#e6e6e6;color:#333;font-size:1rem;cursor:pointer;transition:all .2s}.chip:hover{background-color:#ccc}.chip.selected{background-color:var(--primary-color);color:#fff}\n"] }]
|
|
832
|
+
}] });
|
|
833
|
+
class ChipModule {
|
|
834
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
835
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ChipModule, declarations: [ChipComponent], imports: [CommonModule], exports: [ChipComponent] }); }
|
|
836
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ChipModule, imports: [CommonModule] }); }
|
|
837
|
+
}
|
|
838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ChipModule, decorators: [{
|
|
839
|
+
type: NgModule,
|
|
840
|
+
args: [{
|
|
841
|
+
declarations: [
|
|
842
|
+
ChipComponent
|
|
843
|
+
],
|
|
844
|
+
imports: [
|
|
845
|
+
CommonModule
|
|
846
|
+
],
|
|
847
|
+
exports: [
|
|
848
|
+
ChipComponent
|
|
849
|
+
]
|
|
850
|
+
}]
|
|
529
851
|
}] });
|
|
530
852
|
|
|
531
853
|
/*
|
|
@@ -536,5 +858,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
|
|
|
536
858
|
* Generated bundle index. Do not edit.
|
|
537
859
|
*/
|
|
538
860
|
|
|
539
|
-
export { ChipComponent, DefaultDialogComponent, ErrorDispalyComponent, ErrorHandlerComponent, ErrorService, FieldsMatchValidatorDirective, GlobalLoaderComponent, LoaderService, PhoneValidationDirective, SearchBarComponent, SnakeCaseParserPipe, TableComponent, TableSortHeaderComponent, WhiteSpaceFillerPipe, fader, openDropdown, textFader };
|
|
861
|
+
export { ChipComponent, ChipModule, DefaultDialogComponent, DefaultDialogModule, ErrorDispalyComponent, ErrorDispalyModule, ErrorHandlerComponent, ErrorHandlerModule, ErrorService, FieldsMatchModule, FieldsMatchValidatorDirective, GlobalLoaderComponent, GlobalLoaderModule, LoaderService, PasswordValidatorDirective, PasswordValidatorModule, PhoneValidationDirective, PhoneValidatorDirective, SearchBarComponent, SearchBarModule, SnakeCaseParserModule, SnakeCaseParserPipe, TableComponent, TableModule, TableSortHeaderComponent, TableSortHeaderModule, WhiteSpaceFillerModule, WhiteSpaceFillerPipe, fader, openDropdown, textFader };
|
|
540
862
|
//# sourceMappingURL=ferhaps-easy-ui-lib.mjs.map
|