@ferhaps/easy-ui-lib 0.0.3 → 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 +325 -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/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
|
@@ -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,25 @@ 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
|
+
}] });
|
|
135
215
|
|
|
136
216
|
class DefaultDialogComponent {
|
|
137
217
|
constructor() {
|
|
@@ -141,18 +221,39 @@ class DefaultDialogComponent {
|
|
|
141
221
|
this.back = output();
|
|
142
222
|
}
|
|
143
223
|
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:
|
|
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"] }] }); }
|
|
145
225
|
}
|
|
146
226
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: DefaultDialogComponent, decorators: [{
|
|
147
227
|
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"] }]
|
|
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"] }]
|
|
153
229
|
}], propDecorators: { temRef: [{
|
|
154
230
|
type: Input
|
|
155
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
|
+
}] });
|
|
156
257
|
|
|
157
258
|
class ErrorDispalyComponent {
|
|
158
259
|
constructor() {
|
|
@@ -179,13 +280,33 @@ class ErrorDispalyComponent {
|
|
|
179
280
|
}
|
|
180
281
|
}
|
|
181
282
|
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:
|
|
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" }] }); }
|
|
183
284
|
}
|
|
184
285
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorDispalyComponent, decorators: [{
|
|
185
286
|
type: Component,
|
|
186
|
-
args: [{ selector: 'lib-error-dispaly',
|
|
187
|
-
|
|
188
|
-
|
|
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
|
+
}]
|
|
189
310
|
}] });
|
|
190
311
|
|
|
191
312
|
class SearchBarComponent {
|
|
@@ -203,27 +324,49 @@ class SearchBarComponent {
|
|
|
203
324
|
});
|
|
204
325
|
}
|
|
205
326
|
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:
|
|
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: `
|
|
207
328
|
<form class="search-bar" [formGroup]="searchForm">
|
|
208
329
|
<mat-icon>search</mat-icon>
|
|
209
330
|
<input class="search-input" type="search" name="field"
|
|
210
331
|
[placeholder]="'Search ' + for()" autocomplete="off" formControlName="search" />
|
|
211
332
|
</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: "
|
|
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"] }] }); }
|
|
213
334
|
}
|
|
214
335
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SearchBarComponent, decorators: [{
|
|
215
336
|
type: Component,
|
|
216
|
-
args: [{ selector: 'lib-search-bar', template: `
|
|
337
|
+
args: [{ standalone: false, selector: 'lib-search-bar', template: `
|
|
217
338
|
<form class="search-bar" [formGroup]="searchForm">
|
|
218
339
|
<mat-icon>search</mat-icon>
|
|
219
340
|
<input class="search-input" type="search" name="field"
|
|
220
341
|
[placeholder]="'Search ' + for()" autocomplete="off" formControlName="search" />
|
|
221
342
|
</form>
|
|
222
|
-
`,
|
|
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,
|
|
223
362
|
MatIconModule,
|
|
224
363
|
ReactiveFormsModule
|
|
225
|
-
],
|
|
226
|
-
|
|
364
|
+
],
|
|
365
|
+
exports: [
|
|
366
|
+
SearchBarComponent
|
|
367
|
+
]
|
|
368
|
+
}]
|
|
369
|
+
}] });
|
|
227
370
|
|
|
228
371
|
const fader = trigger('fadeInOut', [
|
|
229
372
|
transition(':enter', [
|
|
@@ -270,13 +413,33 @@ class TableSortHeaderComponent {
|
|
|
270
413
|
this.sort.emit(this.sortState);
|
|
271
414
|
}
|
|
272
415
|
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:
|
|
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"] }] }); }
|
|
274
417
|
}
|
|
275
418
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableSortHeaderComponent, decorators: [{
|
|
276
419
|
type: Component,
|
|
277
|
-
args: [{ selector: 'lib-table-sort-header',
|
|
278
|
-
|
|
279
|
-
|
|
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
|
+
}]
|
|
280
443
|
}] });
|
|
281
444
|
|
|
282
445
|
class TableComponent {
|
|
@@ -326,18 +489,48 @@ class TableComponent {
|
|
|
326
489
|
return obj.id || index;
|
|
327
490
|
}
|
|
328
491
|
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:
|
|
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] }); }
|
|
330
493
|
}
|
|
331
494
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: TableComponent, decorators: [{
|
|
332
495
|
type: Component,
|
|
333
|
-
args: [{ selector: 'lib-table', animations: [fader],
|
|
334
|
-
|
|
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,
|
|
335
524
|
MatMenuModule,
|
|
336
525
|
MatIconModule,
|
|
337
526
|
MatButtonModule,
|
|
338
|
-
|
|
527
|
+
TableSortHeaderModule,
|
|
339
528
|
DragDropModule
|
|
340
|
-
],
|
|
529
|
+
],
|
|
530
|
+
exports: [
|
|
531
|
+
TableComponent
|
|
532
|
+
]
|
|
533
|
+
}]
|
|
341
534
|
}] });
|
|
342
535
|
|
|
343
536
|
class LoaderService {
|
|
@@ -363,14 +556,33 @@ class GlobalLoaderComponent {
|
|
|
363
556
|
this.loaderService = inject(LoaderService);
|
|
364
557
|
}
|
|
365
558
|
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:
|
|
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" }] }); }
|
|
367
560
|
}
|
|
368
561
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: GlobalLoaderComponent, decorators: [{
|
|
369
562
|
type: Component,
|
|
370
|
-
args: [{ selector: 'lib-global-loader',
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
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
|
+
}]
|
|
374
586
|
}] });
|
|
375
587
|
|
|
376
588
|
class ErrorService {
|
|
@@ -463,18 +675,40 @@ class ErrorPopupComponent {
|
|
|
463
675
|
this.httpStatusCodes = HTTP_STATUS_CODES;
|
|
464
676
|
}
|
|
465
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 }); }
|
|
466
|
-
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"] }] }); }
|
|
467
679
|
}
|
|
468
680
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorPopupComponent, decorators: [{
|
|
469
681
|
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: [{
|
|
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: [{
|
|
475
684
|
type: Inject,
|
|
476
685
|
args: [MAT_DIALOG_DATA]
|
|
477
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
|
+
}] });
|
|
478
712
|
|
|
479
713
|
class ErrorHandlerComponent {
|
|
480
714
|
constructor() {
|
|
@@ -498,14 +732,31 @@ class ErrorHandlerComponent {
|
|
|
498
732
|
this.errSubscriptions.unsubscribe();
|
|
499
733
|
}
|
|
500
734
|
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:
|
|
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: [""] }); }
|
|
502
736
|
}
|
|
503
737
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ErrorHandlerComponent, decorators: [{
|
|
504
738
|
type: Component,
|
|
505
|
-
args: [{ selector: 'lib-error-handler',
|
|
506
|
-
MatDialogModule
|
|
507
|
-
], template: "" }]
|
|
739
|
+
args: [{ standalone: false, selector: 'lib-error-handler', template: "" }]
|
|
508
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
|
+
}] });
|
|
509
760
|
|
|
510
761
|
class ChipComponent {
|
|
511
762
|
constructor() {
|
|
@@ -521,11 +772,30 @@ class ChipComponent {
|
|
|
521
772
|
this.selected.emit(this.value());
|
|
522
773
|
}
|
|
523
774
|
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:
|
|
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"] }); }
|
|
525
776
|
}
|
|
526
777
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ChipComponent, decorators: [{
|
|
527
778
|
type: Component,
|
|
528
|
-
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
|
+
}]
|
|
529
799
|
}] });
|
|
530
800
|
|
|
531
801
|
/*
|
|
@@ -536,5 +806,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
|
|
|
536
806
|
* Generated bundle index. Do not edit.
|
|
537
807
|
*/
|
|
538
808
|
|
|
539
|
-
export { ChipComponent, DefaultDialogComponent, ErrorDispalyComponent, ErrorHandlerComponent, ErrorService, FieldsMatchValidatorDirective, GlobalLoaderComponent, LoaderService, PhoneValidationDirective, SearchBarComponent, SnakeCaseParserPipe, TableComponent, TableSortHeaderComponent, WhiteSpaceFillerPipe, fader, openDropdown, textFader };
|
|
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 };
|
|
540
810
|
//# sourceMappingURL=ferhaps-easy-ui-lib.mjs.map
|