@ferhaps/easy-ui-lib 0.0.2 → 0.0.4
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 +365 -165
- 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/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 +2 -2
- package/public-api.d.ts +14 -14
|
@@ -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,21 +30,36 @@ 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
|
-
|
|
43
|
-
__proto__: null,
|
|
44
|
-
WhiteSpaceFillerPipe: WhiteSpaceFillerPipe
|
|
45
|
-
});
|
|
46
|
-
|
|
47
|
-
let SnakeCaseParserPipe$1 = class SnakeCaseParserPipe {
|
|
62
|
+
class SnakeCaseParserPipe {
|
|
48
63
|
transform(str) {
|
|
49
64
|
if (str) {
|
|
50
65
|
let temp = str.split('_').map(word => {
|
|
@@ -55,21 +70,36 @@ let SnakeCaseParserPipe$1 = class SnakeCaseParserPipe {
|
|
|
55
70
|
return '';
|
|
56
71
|
}
|
|
57
72
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SnakeCaseParserPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
58
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SnakeCaseParserPipe, isStandalone:
|
|
59
|
-
}
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SnakeCaseParserPipe
|
|
73
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SnakeCaseParserPipe, isStandalone: false, name: "snakeCaseParser" }); }
|
|
74
|
+
}
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SnakeCaseParserPipe, decorators: [{
|
|
61
76
|
type: Pipe,
|
|
62
77
|
args: [{
|
|
78
|
+
standalone: false,
|
|
63
79
|
name: 'snakeCaseParser',
|
|
64
80
|
}]
|
|
65
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
|
+
}] });
|
|
66
101
|
|
|
67
|
-
|
|
68
|
-
__proto__: null,
|
|
69
|
-
SnakeCaseParserPipe: SnakeCaseParserPipe$1
|
|
70
|
-
});
|
|
71
|
-
|
|
72
|
-
let FieldsMatchValidatorDirective$1 = class FieldsMatchValidatorDirective {
|
|
102
|
+
class FieldsMatchValidatorDirective {
|
|
73
103
|
constructor() {
|
|
74
104
|
this.fieldToMatch = input.required();
|
|
75
105
|
}
|
|
@@ -88,34 +118,49 @@ let FieldsMatchValidatorDirective$1 = class FieldsMatchValidatorDirective {
|
|
|
88
118
|
return null;
|
|
89
119
|
}
|
|
90
120
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FieldsMatchValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
91
|
-
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: [
|
|
92
122
|
{
|
|
93
123
|
provide: NG_VALIDATORS,
|
|
94
124
|
useExisting: FieldsMatchValidatorDirective,
|
|
95
125
|
multi: true,
|
|
96
126
|
},
|
|
97
127
|
], ngImport: i0 }); }
|
|
98
|
-
}
|
|
99
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FieldsMatchValidatorDirective
|
|
128
|
+
}
|
|
129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: FieldsMatchValidatorDirective, decorators: [{
|
|
100
130
|
type: Directive,
|
|
101
131
|
args: [{
|
|
132
|
+
standalone: false,
|
|
102
133
|
selector: '[libFieldsMatchValidator]',
|
|
103
134
|
providers: [
|
|
104
135
|
{
|
|
105
136
|
provide: NG_VALIDATORS,
|
|
106
|
-
useExisting: FieldsMatchValidatorDirective
|
|
137
|
+
useExisting: FieldsMatchValidatorDirective,
|
|
107
138
|
multi: true,
|
|
108
139
|
},
|
|
109
140
|
],
|
|
110
141
|
}]
|
|
111
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
|
+
}] });
|
|
112
162
|
|
|
113
|
-
|
|
114
|
-
__proto__: null,
|
|
115
|
-
FieldsMatchValidatorDirective: FieldsMatchValidatorDirective$1
|
|
116
|
-
});
|
|
117
|
-
|
|
118
|
-
let PhoneValidationDirective$1 = class PhoneValidationDirective {
|
|
163
|
+
class PhoneValidatorDirective {
|
|
119
164
|
onInput(event) {
|
|
120
165
|
const input = event.target;
|
|
121
166
|
if (!input.value.includes('+')) {
|
|
@@ -132,12 +177,13 @@ let PhoneValidationDirective$1 = class PhoneValidationDirective {
|
|
|
132
177
|
event.preventDefault();
|
|
133
178
|
}
|
|
134
179
|
}
|
|
135
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type:
|
|
136
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type:
|
|
137
|
-
}
|
|
138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, 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 }); }
|
|
182
|
+
}
|
|
183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PhoneValidatorDirective, decorators: [{
|
|
139
184
|
type: Directive,
|
|
140
185
|
args: [{
|
|
186
|
+
standalone: false,
|
|
141
187
|
selector: '[libPhoneValidation]',
|
|
142
188
|
}]
|
|
143
189
|
}], propDecorators: { onInput: [{
|
|
@@ -147,13 +193,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
|
|
|
147
193
|
type: HostListener,
|
|
148
194
|
args: ['keydown', ['$event']]
|
|
149
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
|
+
}] });
|
|
150
215
|
|
|
151
|
-
|
|
152
|
-
__proto__: null,
|
|
153
|
-
PhoneValidationDirective: PhoneValidationDirective$1
|
|
154
|
-
});
|
|
155
|
-
|
|
156
|
-
let DefaultDialogComponent$1 = class DefaultDialogComponent {
|
|
216
|
+
class DefaultDialogComponent {
|
|
157
217
|
constructor() {
|
|
158
218
|
this.height = input();
|
|
159
219
|
this.dialogTitle = input();
|
|
@@ -161,25 +221,41 @@ let DefaultDialogComponent$1 = class DefaultDialogComponent {
|
|
|
161
221
|
this.back = output();
|
|
162
222
|
}
|
|
163
223
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
164
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: DefaultDialogComponent, isStandalone:
|
|
165
|
-
}
|
|
166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogComponent
|
|
224
|
+
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"] }] }); }
|
|
225
|
+
}
|
|
226
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogComponent, decorators: [{
|
|
167
227
|
type: Component,
|
|
168
|
-
args: [{ selector: 'lib-default-dialog',
|
|
169
|
-
CommonModule,
|
|
170
|
-
MatIconModule,
|
|
171
|
-
MatDialogModule
|
|
172
|
-
], 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"] }]
|
|
228
|
+
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"] }]
|
|
173
229
|
}], propDecorators: { temRef: [{
|
|
174
230
|
type: Input
|
|
175
231
|
}] } });
|
|
232
|
+
class DefaultDialogModule {
|
|
233
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
234
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogModule, declarations: [DefaultDialogComponent], imports: [CommonModule,
|
|
235
|
+
MatIconModule,
|
|
236
|
+
MatDialogModule], exports: [DefaultDialogComponent] }); }
|
|
237
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogModule, imports: [CommonModule,
|
|
238
|
+
MatIconModule,
|
|
239
|
+
MatDialogModule] }); }
|
|
240
|
+
}
|
|
241
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogModule, decorators: [{
|
|
242
|
+
type: NgModule,
|
|
243
|
+
args: [{
|
|
244
|
+
declarations: [
|
|
245
|
+
DefaultDialogComponent
|
|
246
|
+
],
|
|
247
|
+
imports: [
|
|
248
|
+
CommonModule,
|
|
249
|
+
MatIconModule,
|
|
250
|
+
MatDialogModule
|
|
251
|
+
],
|
|
252
|
+
exports: [
|
|
253
|
+
DefaultDialogComponent
|
|
254
|
+
]
|
|
255
|
+
}]
|
|
256
|
+
}] });
|
|
176
257
|
|
|
177
|
-
|
|
178
|
-
__proto__: null,
|
|
179
|
-
DefaultDialogComponent: DefaultDialogComponent$1
|
|
180
|
-
});
|
|
181
|
-
|
|
182
|
-
let ErrorDispalyComponent$1 = class ErrorDispalyComponent {
|
|
258
|
+
class ErrorDispalyComponent {
|
|
183
259
|
constructor() {
|
|
184
260
|
this.error = input.required();
|
|
185
261
|
this.displayError = '';
|
|
@@ -204,21 +280,36 @@ let ErrorDispalyComponent$1 = class ErrorDispalyComponent {
|
|
|
204
280
|
}
|
|
205
281
|
}
|
|
206
282
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
207
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: ErrorDispalyComponent, isStandalone:
|
|
208
|
-
}
|
|
209
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyComponent
|
|
283
|
+
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" }] }); }
|
|
284
|
+
}
|
|
285
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyComponent, decorators: [{
|
|
210
286
|
type: Component,
|
|
211
|
-
args: [{ selector: 'lib-error-dispaly',
|
|
212
|
-
|
|
213
|
-
|
|
287
|
+
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"] }]
|
|
288
|
+
}] });
|
|
289
|
+
class ErrorDispalyModule {
|
|
290
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
291
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyModule, declarations: [ErrorDispalyComponent], imports: [CommonModule,
|
|
292
|
+
SnakeCaseParserModule], exports: [ErrorDispalyComponent] }); }
|
|
293
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyModule, imports: [CommonModule,
|
|
294
|
+
SnakeCaseParserModule] }); }
|
|
295
|
+
}
|
|
296
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyModule, decorators: [{
|
|
297
|
+
type: NgModule,
|
|
298
|
+
args: [{
|
|
299
|
+
declarations: [
|
|
300
|
+
ErrorDispalyComponent
|
|
301
|
+
],
|
|
302
|
+
imports: [
|
|
303
|
+
CommonModule,
|
|
304
|
+
SnakeCaseParserModule,
|
|
305
|
+
],
|
|
306
|
+
exports: [
|
|
307
|
+
ErrorDispalyComponent
|
|
308
|
+
]
|
|
309
|
+
}]
|
|
214
310
|
}] });
|
|
215
311
|
|
|
216
|
-
|
|
217
|
-
__proto__: null,
|
|
218
|
-
ErrorDispalyComponent: ErrorDispalyComponent$1
|
|
219
|
-
});
|
|
220
|
-
|
|
221
|
-
let SearchBarComponent$1 = class SearchBarComponent {
|
|
312
|
+
class SearchBarComponent {
|
|
222
313
|
constructor() {
|
|
223
314
|
this.for = input.required();
|
|
224
315
|
this.search = output();
|
|
@@ -233,32 +324,49 @@ let SearchBarComponent$1 = class SearchBarComponent {
|
|
|
233
324
|
});
|
|
234
325
|
}
|
|
235
326
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
236
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: SearchBarComponent, isStandalone:
|
|
327
|
+
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: `
|
|
237
328
|
<form class="search-bar" [formGroup]="searchForm">
|
|
238
329
|
<mat-icon>search</mat-icon>
|
|
239
330
|
<input class="search-input" type="search" name="field"
|
|
240
331
|
[placeholder]="'Search ' + for()" autocomplete="off" formControlName="search" />
|
|
241
332
|
</form>
|
|
242
|
-
`, 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: "
|
|
243
|
-
}
|
|
244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SearchBarComponent
|
|
333
|
+
`, 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"] }] }); }
|
|
334
|
+
}
|
|
335
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SearchBarComponent, decorators: [{
|
|
245
336
|
type: Component,
|
|
246
|
-
args: [{ selector: 'lib-search-bar', template: `
|
|
337
|
+
args: [{ standalone: false, selector: 'lib-search-bar', template: `
|
|
247
338
|
<form class="search-bar" [formGroup]="searchForm">
|
|
248
339
|
<mat-icon>search</mat-icon>
|
|
249
340
|
<input class="search-input" type="search" name="field"
|
|
250
341
|
[placeholder]="'Search ' + for()" autocomplete="off" formControlName="search" />
|
|
251
342
|
</form>
|
|
252
|
-
`,
|
|
343
|
+
`, 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"] }]
|
|
344
|
+
}], ctorParameters: () => [] });
|
|
345
|
+
class SearchBarModule {
|
|
346
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
347
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SearchBarModule, declarations: [SearchBarComponent], imports: [CommonModule,
|
|
348
|
+
MatIconModule,
|
|
349
|
+
ReactiveFormsModule], exports: [SearchBarComponent] }); }
|
|
350
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SearchBarModule, imports: [CommonModule,
|
|
351
|
+
MatIconModule,
|
|
352
|
+
ReactiveFormsModule] }); }
|
|
353
|
+
}
|
|
354
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SearchBarModule, decorators: [{
|
|
355
|
+
type: NgModule,
|
|
356
|
+
args: [{
|
|
357
|
+
declarations: [
|
|
358
|
+
SearchBarComponent
|
|
359
|
+
],
|
|
360
|
+
imports: [
|
|
361
|
+
CommonModule,
|
|
253
362
|
MatIconModule,
|
|
254
363
|
ReactiveFormsModule
|
|
255
|
-
],
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
});
|
|
364
|
+
],
|
|
365
|
+
exports: [
|
|
366
|
+
SearchBarComponent
|
|
367
|
+
]
|
|
368
|
+
}]
|
|
369
|
+
}] });
|
|
262
370
|
|
|
263
371
|
const fader = trigger('fadeInOut', [
|
|
264
372
|
transition(':enter', [
|
|
@@ -286,7 +394,7 @@ const textFader = trigger('textFader', [
|
|
|
286
394
|
transition('* => void', [animate('0.3s ease-in')])
|
|
287
395
|
]);
|
|
288
396
|
|
|
289
|
-
|
|
397
|
+
class TableSortHeaderComponent {
|
|
290
398
|
constructor() {
|
|
291
399
|
this.selected = input.required();
|
|
292
400
|
this.sort = output();
|
|
@@ -305,21 +413,36 @@ let TableSortHeaderComponent$1 = class TableSortHeaderComponent {
|
|
|
305
413
|
this.sort.emit(this.sortState);
|
|
306
414
|
}
|
|
307
415
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
308
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: TableSortHeaderComponent, isStandalone:
|
|
309
|
-
}
|
|
310
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderComponent
|
|
416
|
+
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"] }] }); }
|
|
417
|
+
}
|
|
418
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderComponent, decorators: [{
|
|
311
419
|
type: Component,
|
|
312
|
-
args: [{ selector: 'lib-table-sort-header',
|
|
313
|
-
|
|
314
|
-
|
|
420
|
+
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"] }]
|
|
421
|
+
}] });
|
|
422
|
+
class TableSortHeaderModule {
|
|
423
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
424
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderModule, declarations: [TableSortHeaderComponent], imports: [CommonModule,
|
|
425
|
+
MatIconModule], exports: [TableSortHeaderComponent] }); }
|
|
426
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderModule, imports: [CommonModule,
|
|
427
|
+
MatIconModule] }); }
|
|
428
|
+
}
|
|
429
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderModule, decorators: [{
|
|
430
|
+
type: NgModule,
|
|
431
|
+
args: [{
|
|
432
|
+
declarations: [
|
|
433
|
+
TableSortHeaderComponent
|
|
434
|
+
],
|
|
435
|
+
imports: [
|
|
436
|
+
CommonModule,
|
|
437
|
+
MatIconModule
|
|
438
|
+
],
|
|
439
|
+
exports: [
|
|
440
|
+
TableSortHeaderComponent
|
|
441
|
+
]
|
|
442
|
+
}]
|
|
315
443
|
}] });
|
|
316
444
|
|
|
317
|
-
|
|
318
|
-
__proto__: null,
|
|
319
|
-
TableSortHeaderComponent: TableSortHeaderComponent$1
|
|
320
|
-
});
|
|
321
|
-
|
|
322
|
-
let TableComponent$1 = class TableComponent {
|
|
445
|
+
class TableComponent {
|
|
323
446
|
constructor() {
|
|
324
447
|
this.config = input.required();
|
|
325
448
|
this.action = output();
|
|
@@ -366,26 +489,51 @@ let TableComponent$1 = class TableComponent {
|
|
|
366
489
|
return obj.id || index;
|
|
367
490
|
}
|
|
368
491
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
369
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: TableComponent, isStandalone:
|
|
370
|
-
}
|
|
371
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableComponent
|
|
492
|
+
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] }); }
|
|
493
|
+
}
|
|
494
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableComponent, decorators: [{
|
|
372
495
|
type: Component,
|
|
373
|
-
args: [{ selector: 'lib-table', animations: [fader],
|
|
374
|
-
|
|
496
|
+
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"] }]
|
|
497
|
+
}] });
|
|
498
|
+
class TableModule {
|
|
499
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
500
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: TableModule, declarations: [TableComponent], imports: [CommonModule,
|
|
501
|
+
WhiteSpaceFillerModule,
|
|
502
|
+
MatMenuModule,
|
|
503
|
+
MatIconModule,
|
|
504
|
+
MatButtonModule,
|
|
505
|
+
TableSortHeaderModule,
|
|
506
|
+
DragDropModule], exports: [TableComponent] }); }
|
|
507
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableModule, imports: [CommonModule,
|
|
508
|
+
WhiteSpaceFillerModule,
|
|
509
|
+
MatMenuModule,
|
|
510
|
+
MatIconModule,
|
|
511
|
+
MatButtonModule,
|
|
512
|
+
TableSortHeaderModule,
|
|
513
|
+
DragDropModule] }); }
|
|
514
|
+
}
|
|
515
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableModule, decorators: [{
|
|
516
|
+
type: NgModule,
|
|
517
|
+
args: [{
|
|
518
|
+
declarations: [
|
|
519
|
+
TableComponent
|
|
520
|
+
],
|
|
521
|
+
imports: [
|
|
522
|
+
CommonModule,
|
|
523
|
+
WhiteSpaceFillerModule,
|
|
375
524
|
MatMenuModule,
|
|
376
525
|
MatIconModule,
|
|
377
526
|
MatButtonModule,
|
|
378
|
-
|
|
527
|
+
TableSortHeaderModule,
|
|
379
528
|
DragDropModule
|
|
380
|
-
],
|
|
529
|
+
],
|
|
530
|
+
exports: [
|
|
531
|
+
TableComponent
|
|
532
|
+
]
|
|
533
|
+
}]
|
|
381
534
|
}] });
|
|
382
535
|
|
|
383
|
-
|
|
384
|
-
__proto__: null,
|
|
385
|
-
TableComponent: TableComponent$1
|
|
386
|
-
});
|
|
387
|
-
|
|
388
|
-
let LoaderService$1 = class LoaderService {
|
|
536
|
+
class LoaderService {
|
|
389
537
|
constructor() {
|
|
390
538
|
this.loadingSubject = new BehaviorSubject(false);
|
|
391
539
|
this.loading$ = this.loadingSubject.asObservable();
|
|
@@ -395,40 +543,49 @@ let LoaderService$1 = class LoaderService {
|
|
|
395
543
|
}
|
|
396
544
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
397
545
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LoaderService, providedIn: 'root' }); }
|
|
398
|
-
}
|
|
399
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LoaderService
|
|
546
|
+
}
|
|
547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: LoaderService, decorators: [{
|
|
400
548
|
type: Injectable,
|
|
401
549
|
args: [{
|
|
402
550
|
providedIn: 'root'
|
|
403
551
|
}]
|
|
404
552
|
}] });
|
|
405
553
|
|
|
406
|
-
|
|
407
|
-
__proto__: null,
|
|
408
|
-
LoaderService: LoaderService$1
|
|
409
|
-
});
|
|
410
|
-
|
|
411
|
-
let GlobalLoaderComponent$1 = class GlobalLoaderComponent {
|
|
554
|
+
class GlobalLoaderComponent {
|
|
412
555
|
constructor() {
|
|
413
|
-
this.loaderService = inject(LoaderService
|
|
556
|
+
this.loaderService = inject(LoaderService);
|
|
414
557
|
}
|
|
415
558
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
416
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: GlobalLoaderComponent, isStandalone:
|
|
417
|
-
}
|
|
418
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderComponent
|
|
559
|
+
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" }] }); }
|
|
560
|
+
}
|
|
561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderComponent, decorators: [{
|
|
419
562
|
type: Component,
|
|
420
|
-
args: [{ selector: 'lib-global-loader',
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
563
|
+
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"] }]
|
|
564
|
+
}] });
|
|
565
|
+
class GlobalLoaderModule {
|
|
566
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
567
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderModule, declarations: [GlobalLoaderComponent], imports: [CommonModule,
|
|
568
|
+
MatProgressSpinnerModule], exports: [GlobalLoaderComponent] }); }
|
|
569
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderModule, imports: [CommonModule,
|
|
570
|
+
MatProgressSpinnerModule] }); }
|
|
571
|
+
}
|
|
572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderModule, decorators: [{
|
|
573
|
+
type: NgModule,
|
|
574
|
+
args: [{
|
|
575
|
+
declarations: [
|
|
576
|
+
GlobalLoaderComponent
|
|
577
|
+
],
|
|
578
|
+
imports: [
|
|
579
|
+
CommonModule,
|
|
580
|
+
MatProgressSpinnerModule,
|
|
581
|
+
],
|
|
582
|
+
exports: [
|
|
583
|
+
GlobalLoaderComponent
|
|
584
|
+
]
|
|
585
|
+
}]
|
|
424
586
|
}] });
|
|
425
587
|
|
|
426
|
-
|
|
427
|
-
__proto__: null,
|
|
428
|
-
GlobalLoaderComponent: GlobalLoaderComponent$1
|
|
429
|
-
});
|
|
430
|
-
|
|
431
|
-
let ErrorService$1 = class ErrorService {
|
|
588
|
+
class ErrorService {
|
|
432
589
|
constructor() {
|
|
433
590
|
this.errorSubject = new Subject();
|
|
434
591
|
this.error$ = this.errorSubject.asObservable();
|
|
@@ -438,19 +595,14 @@ let ErrorService$1 = class ErrorService {
|
|
|
438
595
|
}
|
|
439
596
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
440
597
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorService, providedIn: 'root' }); }
|
|
441
|
-
}
|
|
442
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorService
|
|
598
|
+
}
|
|
599
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorService, decorators: [{
|
|
443
600
|
type: Injectable,
|
|
444
601
|
args: [{
|
|
445
602
|
providedIn: 'root'
|
|
446
603
|
}]
|
|
447
604
|
}] });
|
|
448
605
|
|
|
449
|
-
var error_service = /*#__PURE__*/Object.freeze({
|
|
450
|
-
__proto__: null,
|
|
451
|
-
ErrorService: ErrorService$1
|
|
452
|
-
});
|
|
453
|
-
|
|
454
606
|
const HTTP_STATUS_CODES = {
|
|
455
607
|
100: 'Continue',
|
|
456
608
|
101: 'Switching Protocols',
|
|
@@ -523,23 +675,45 @@ class ErrorPopupComponent {
|
|
|
523
675
|
this.httpStatusCodes = HTTP_STATUS_CODES;
|
|
524
676
|
}
|
|
525
677
|
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 }); }
|
|
526
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: ErrorPopupComponent, isStandalone:
|
|
678
|
+
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"] }] }); }
|
|
527
679
|
}
|
|
528
680
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPopupComponent, decorators: [{
|
|
529
681
|
type: Component,
|
|
530
|
-
args: [{ selector: 'lib-error-popup',
|
|
531
|
-
|
|
532
|
-
ErrorDispalyComponent$1
|
|
533
|
-
], 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"] }]
|
|
534
|
-
}], ctorParameters: () => [{ type: i1$4.HttpErrorResponse, decorators: [{
|
|
682
|
+
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"] }]
|
|
683
|
+
}], ctorParameters: () => [{ type: i3$2.HttpErrorResponse, decorators: [{
|
|
535
684
|
type: Inject,
|
|
536
685
|
args: [MAT_DIALOG_DATA]
|
|
537
686
|
}] }] });
|
|
687
|
+
class ErrorPopupModule {
|
|
688
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
689
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ErrorPopupModule, declarations: [ErrorPopupComponent], imports: [CommonModule,
|
|
690
|
+
ErrorDispalyModule,
|
|
691
|
+
DefaultDialogModule], exports: [ErrorPopupComponent] }); }
|
|
692
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPopupModule, imports: [CommonModule,
|
|
693
|
+
ErrorDispalyModule,
|
|
694
|
+
DefaultDialogModule] }); }
|
|
695
|
+
}
|
|
696
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPopupModule, decorators: [{
|
|
697
|
+
type: NgModule,
|
|
698
|
+
args: [{
|
|
699
|
+
declarations: [
|
|
700
|
+
ErrorPopupComponent
|
|
701
|
+
],
|
|
702
|
+
imports: [
|
|
703
|
+
CommonModule,
|
|
704
|
+
ErrorDispalyModule,
|
|
705
|
+
DefaultDialogModule
|
|
706
|
+
],
|
|
707
|
+
exports: [
|
|
708
|
+
ErrorPopupComponent
|
|
709
|
+
]
|
|
710
|
+
}]
|
|
711
|
+
}] });
|
|
538
712
|
|
|
539
|
-
|
|
713
|
+
class ErrorHandlerComponent {
|
|
540
714
|
constructor() {
|
|
541
715
|
this.errSubscriptions = new Subscription();
|
|
542
|
-
this.errorService = inject(ErrorService
|
|
716
|
+
this.errorService = inject(ErrorService);
|
|
543
717
|
this.dialog = inject(MatDialog);
|
|
544
718
|
this.errSubscriptions.add(this.errorService.error$.subscribe((err) => {
|
|
545
719
|
console.log(err);
|
|
@@ -558,21 +732,33 @@ let ErrorHandlerComponent$1 = class ErrorHandlerComponent {
|
|
|
558
732
|
this.errSubscriptions.unsubscribe();
|
|
559
733
|
}
|
|
560
734
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
561
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: ErrorHandlerComponent, isStandalone:
|
|
562
|
-
}
|
|
563
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerComponent
|
|
735
|
+
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: [""] }); }
|
|
736
|
+
}
|
|
737
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerComponent, decorators: [{
|
|
564
738
|
type: Component,
|
|
565
|
-
args: [{ selector: 'lib-error-handler',
|
|
566
|
-
MatDialogModule
|
|
567
|
-
], template: "" }]
|
|
739
|
+
args: [{ standalone: false, selector: 'lib-error-handler', template: "" }]
|
|
568
740
|
}], ctorParameters: () => [] });
|
|
741
|
+
class ErrorHandlerModule {
|
|
742
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
743
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerModule, declarations: [ErrorHandlerComponent], imports: [CommonModule], exports: [ErrorHandlerComponent] }); }
|
|
744
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerModule, imports: [CommonModule] }); }
|
|
745
|
+
}
|
|
746
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerModule, decorators: [{
|
|
747
|
+
type: NgModule,
|
|
748
|
+
args: [{
|
|
749
|
+
declarations: [
|
|
750
|
+
ErrorHandlerComponent
|
|
751
|
+
],
|
|
752
|
+
imports: [
|
|
753
|
+
CommonModule,
|
|
754
|
+
],
|
|
755
|
+
exports: [
|
|
756
|
+
ErrorHandlerComponent
|
|
757
|
+
]
|
|
758
|
+
}]
|
|
759
|
+
}] });
|
|
569
760
|
|
|
570
|
-
|
|
571
|
-
__proto__: null,
|
|
572
|
-
ErrorHandlerComponent: ErrorHandlerComponent$1
|
|
573
|
-
});
|
|
574
|
-
|
|
575
|
-
let ChipComponent$1 = class ChipComponent {
|
|
761
|
+
class ChipComponent {
|
|
576
762
|
constructor() {
|
|
577
763
|
this.value = input.required();
|
|
578
764
|
this.isSelected = input.required();
|
|
@@ -586,17 +772,31 @@ let ChipComponent$1 = class ChipComponent {
|
|
|
586
772
|
this.selected.emit(this.value());
|
|
587
773
|
}
|
|
588
774
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
589
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: ChipComponent, isStandalone:
|
|
590
|
-
}
|
|
591
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ChipComponent
|
|
775
|
+
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"] }); }
|
|
776
|
+
}
|
|
777
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ChipComponent, decorators: [{
|
|
592
778
|
type: Component,
|
|
593
|
-
args: [{ selector: 'lib-chip',
|
|
779
|
+
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"] }]
|
|
780
|
+
}] });
|
|
781
|
+
class ChipModule {
|
|
782
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
783
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: ChipModule, declarations: [ChipComponent], imports: [CommonModule], exports: [ChipComponent] }); }
|
|
784
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ChipModule, imports: [CommonModule] }); }
|
|
785
|
+
}
|
|
786
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ChipModule, decorators: [{
|
|
787
|
+
type: NgModule,
|
|
788
|
+
args: [{
|
|
789
|
+
declarations: [
|
|
790
|
+
ChipComponent
|
|
791
|
+
],
|
|
792
|
+
imports: [
|
|
793
|
+
CommonModule
|
|
794
|
+
],
|
|
795
|
+
exports: [
|
|
796
|
+
ChipComponent
|
|
797
|
+
]
|
|
798
|
+
}]
|
|
594
799
|
}] });
|
|
595
|
-
|
|
596
|
-
var chip_component = /*#__PURE__*/Object.freeze({
|
|
597
|
-
__proto__: null,
|
|
598
|
-
ChipComponent: ChipComponent$1
|
|
599
|
-
});
|
|
600
800
|
|
|
601
801
|
/*
|
|
602
802
|
* Public API Surface of ui-lib
|
|
@@ -606,5 +806,5 @@ var chip_component = /*#__PURE__*/Object.freeze({
|
|
|
606
806
|
* Generated bundle index. Do not edit.
|
|
607
807
|
*/
|
|
608
808
|
|
|
609
|
-
export {
|
|
809
|
+
export { ChipComponent, ChipModule, DefaultDialogComponent, DefaultDialogModule, ErrorDispalyComponent, ErrorDispalyModule, ErrorHandlerComponent, ErrorHandlerModule, ErrorService, FieldsMatchModule, FieldsMatchValidatorDirective, GlobalLoaderComponent, GlobalLoaderModule, LoaderService, PhoneValidationDirective, PhoneValidatorDirective, SearchBarComponent, SearchBarModule, SnakeCaseParserModule, SnakeCaseParserPipe, TableComponent, TableModule, TableSortHeaderComponent, TableSortHeaderModule, WhiteSpaceFillerModule, WhiteSpaceFillerPipe, fader, openDropdown, textFader };
|
|
610
810
|
//# sourceMappingURL=ferhaps-easy-ui-lib.mjs.map
|