ngx-gccb 0.7.0 → 0.8.1
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/README.md +36 -11
- package/fesm2022/ngx-gccb.mjs +100 -99
- package/fesm2022/ngx-gccb.mjs.map +1 -1
- package/lib/decorators/decorator.types.d.ts +2 -2
- package/lib/decorators/log.decorator.d.ts +1 -1
- package/package.json +7 -9
- package/esm2022/lib/animations/fade-right.animation.mjs +0 -6
- package/esm2022/lib/animations/fade-up.animation.mjs +0 -6
- package/esm2022/lib/animations/index.mjs +0 -3
- package/esm2022/lib/components/date-picker/date-picker.component.mjs +0 -50
- package/esm2022/lib/components/date-picker/index.mjs +0 -2
- package/esm2022/lib/components/form/form-errors/form-errors.component.mjs +0 -67
- package/esm2022/lib/components/form/form-errors/index.mjs +0 -2
- package/esm2022/lib/components/form/form-input/form-input.component.mjs +0 -55
- package/esm2022/lib/components/form/form-input/index.mjs +0 -2
- package/esm2022/lib/components/form/index.mjs +0 -3
- package/esm2022/lib/components/index.mjs +0 -7
- package/esm2022/lib/components/loading-indicator/index.mjs +0 -2
- package/esm2022/lib/components/loading-indicator/loading-indicator.component.mjs +0 -17
- package/esm2022/lib/components/modal/base-modal.component.mjs +0 -15
- package/esm2022/lib/components/modal/index.mjs +0 -3
- package/esm2022/lib/components/modal/modal.component.mjs +0 -43
- package/esm2022/lib/components/off-canvas/index.mjs +0 -2
- package/esm2022/lib/components/off-canvas/off-canvas.component.mjs +0 -27
- package/esm2022/lib/components/toast/index.mjs +0 -2
- package/esm2022/lib/components/toast/toast.component.mjs +0 -32
- package/esm2022/lib/decorators/class.decorator.mjs +0 -7
- package/esm2022/lib/decorators/decorator.types.mjs +0 -2
- package/esm2022/lib/decorators/index.mjs +0 -4
- package/esm2022/lib/decorators/log.decorator.mjs +0 -21
- package/esm2022/lib/directives/autofocus.directive.mjs +0 -31
- package/esm2022/lib/directives/button.directive.mjs +0 -66
- package/esm2022/lib/directives/col.directive.mjs +0 -29
- package/esm2022/lib/directives/dropdown.directive.mjs +0 -120
- package/esm2022/lib/directives/form-input.directive.mjs +0 -30
- package/esm2022/lib/directives/form-label.directive.mjs +0 -20
- package/esm2022/lib/directives/form-select.directive.mjs +0 -30
- package/esm2022/lib/directives/icon-button.directive.mjs +0 -37
- package/esm2022/lib/directives/list-group-item-avatar.directive.mjs +0 -20
- package/esm2022/lib/directives/list-group-item.directive.mjs +0 -45
- package/esm2022/lib/directives/list-group.directive.mjs +0 -21
- package/esm2022/lib/directives/tooltip.directive.mjs +0 -22
- package/esm2022/lib/enums/index.mjs +0 -2
- package/esm2022/lib/enums/logtype.enum.mjs +0 -9
- package/esm2022/lib/pipe/form-control.pipe.mjs +0 -17
- package/esm2022/lib/pipe/index.mjs +0 -2
- package/esm2022/lib/services/image.service.mjs +0 -49
- package/esm2022/lib/services/loading-indicator.service.mjs +0 -16
- package/esm2022/lib/services/local.service.mjs +0 -28
- package/esm2022/lib/services/modal.service.mjs +0 -34
- package/esm2022/lib/services/toast.service.mjs +0 -42
- package/esm2022/lib/services/token.service.mjs +0 -24
- package/esm2022/lib/validators/dateAfter.validator.mjs +0 -20
- package/esm2022/lib/validators/index.mjs +0 -4
- package/esm2022/lib/validators/match.validator.mjs +0 -18
- package/esm2022/lib/validators/timeAfter.validator.mjs +0 -31
- package/esm2022/ngx-gccb.mjs +0 -5
- package/esm2022/public-api.mjs +0 -28
package/README.md
CHANGED
|
@@ -1,23 +1,48 @@
|
|
|
1
|
-
#
|
|
1
|
+
# ngx-gccb
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Light Angular 19+ component library providing ease of use shared components, directives, pipes and services
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## showcase
|
|
6
|
+
|
|
7
|
+
ngx-gccb interactive showcase with code snippets [link](https://ngx-gccb.netlify.app)
|
|
8
|
+
|
|
9
|
+
## Stackblitz Example
|
|
10
|
+
|
|
11
|
+
- Angular 19 and ngx-gccb [link](https://stackblitz.com/edit/ng-19-ngx-gccb)
|
|
12
|
+
|
|
13
|
+
## usage
|
|
14
|
+
|
|
15
|
+
### install package
|
|
6
16
|
|
|
7
17
|
`npm i ngx-gccb`
|
|
8
18
|
|
|
9
|
-
|
|
19
|
+
### integrate styles
|
|
20
|
+
|
|
21
|
+
ngx-gccb allows using bootstrap classes, therefor bootstrap scss needs to be imported
|
|
10
22
|
|
|
11
|
-
|
|
23
|
+
`@import 'bootstrap/scss/bootstrap';`
|
|
24
|
+
`@import 'ngx-gccb/assets/styles.scss';`
|
|
12
25
|
|
|
13
|
-
|
|
26
|
+
### import Button Directive and use it
|
|
14
27
|
|
|
15
|
-
|
|
28
|
+
```ts
|
|
29
|
+
@Component({
|
|
30
|
+
selector: 'app-root',
|
|
31
|
+
templateUrl: './app.component.html',
|
|
32
|
+
standalone: true,
|
|
33
|
+
imports: [ButtonDirective];
|
|
34
|
+
})
|
|
35
|
+
export class AppComponent {
|
|
36
|
+
}
|
|
37
|
+
```
|
|
16
38
|
|
|
17
|
-
|
|
39
|
+
```html
|
|
40
|
+
// app.component.html
|
|
18
41
|
|
|
19
|
-
|
|
42
|
+
<button app-button>some button text</button>
|
|
43
|
+
```
|
|
20
44
|
|
|
21
|
-
|
|
45
|
+
## Credit
|
|
22
46
|
|
|
23
|
-
|
|
47
|
+
uses fontawesome icons as SVGs
|
|
48
|
+
https://fontawesome.com/license
|
package/fesm2022/ngx-gccb.mjs
CHANGED
|
@@ -13,12 +13,18 @@ import { BehaviorSubject } from 'rxjs';
|
|
|
13
13
|
import { DomPortalOutlet, TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
|
|
14
14
|
|
|
15
15
|
const FadeRightAnimation = trigger('fadeRightAnimation', [
|
|
16
|
-
transition(':enter', [
|
|
16
|
+
transition(':enter', [
|
|
17
|
+
style({ transform: 'translateX(-100%)', zIndex: 9999 }),
|
|
18
|
+
animate('200ms ease-in', style({ transform: 'translateX(0%)' })),
|
|
19
|
+
]),
|
|
17
20
|
transition(':leave', [animate('200ms ease-in', style({ transform: 'translateX(-100%)' }))]),
|
|
18
21
|
]);
|
|
19
22
|
|
|
20
23
|
const FadeAnimation = trigger('fadeAnimation', [
|
|
21
|
-
transition(':enter', [
|
|
24
|
+
transition(':enter', [
|
|
25
|
+
style({ opacity: 0, transform: 'translateY(10px)' }),
|
|
26
|
+
animate('500ms', style({ opacity: 1, transform: 'translateY(0)' })),
|
|
27
|
+
]),
|
|
22
28
|
transition(':leave', [animate('500ms', style({ opacity: 0, transform: 'translateY(10px)' }))]),
|
|
23
29
|
]);
|
|
24
30
|
|
|
@@ -40,12 +46,12 @@ class DatePickerComponent {
|
|
|
40
46
|
// }
|
|
41
47
|
// }
|
|
42
48
|
}
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
49
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: DatePickerComponent, isStandalone: true, selector: "app-date-picker", ngImport: i0, template: "coming soon\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
45
51
|
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
47
53
|
type: Component,
|
|
48
|
-
args: [{ selector: 'app-date-picker',
|
|
54
|
+
args: [{ selector: 'app-date-picker', imports: [CommonModule], template: "coming soon\n" }]
|
|
49
55
|
}] });
|
|
50
56
|
var DayOfWeek;
|
|
51
57
|
(function (DayOfWeek) {
|
|
@@ -102,8 +108,8 @@ class FormErrorsComponent {
|
|
|
102
108
|
}
|
|
103
109
|
}
|
|
104
110
|
}
|
|
105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
106
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
111
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
112
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: FormErrorsComponent, isStandalone: true, selector: "app-form-errors", inputs: { errors: "errors" }, usesOnChanges: true, ngImport: i0, template: `
|
|
107
113
|
<div class="invalid-feedback d-block">
|
|
108
114
|
@if (errorMessages) {
|
|
109
115
|
@for (errorMessage of errorMessages; track $index) {
|
|
@@ -113,7 +119,7 @@ class FormErrorsComponent {
|
|
|
113
119
|
</div>
|
|
114
120
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
115
121
|
}
|
|
116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormErrorsComponent, decorators: [{
|
|
117
123
|
type: Component,
|
|
118
124
|
args: [{
|
|
119
125
|
selector: 'app-form-errors',
|
|
@@ -126,7 +132,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImpo
|
|
|
126
132
|
}
|
|
127
133
|
</div>
|
|
128
134
|
`,
|
|
129
|
-
standalone: true,
|
|
130
135
|
imports: [CommonModule],
|
|
131
136
|
}]
|
|
132
137
|
}], propDecorators: { errors: [{
|
|
@@ -148,10 +153,10 @@ class FormInputDirective {
|
|
|
148
153
|
ngOnInit() {
|
|
149
154
|
this.elementRef.nativeElement.classList.add('form-control');
|
|
150
155
|
}
|
|
151
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
152
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
156
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
157
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: FormInputDirective, isStandalone: true, selector: "input,textarea[app-form-input]", inputs: { formInputInvalid: "formInputInvalid" }, ngImport: i0 }); }
|
|
153
158
|
}
|
|
154
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
159
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormInputDirective, decorators: [{
|
|
155
160
|
type: Directive,
|
|
156
161
|
args: [{
|
|
157
162
|
selector: 'input,textarea[app-form-input]',
|
|
@@ -165,10 +170,10 @@ class FormLabelDirective {
|
|
|
165
170
|
constructor() {
|
|
166
171
|
this.elementClass = 'form-label';
|
|
167
172
|
}
|
|
168
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
169
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
173
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
174
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: FormLabelDirective, isStandalone: true, selector: "label[app-form-label]", host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
|
|
170
175
|
}
|
|
171
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
176
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormLabelDirective, decorators: [{
|
|
172
177
|
type: Directive,
|
|
173
178
|
args: [{
|
|
174
179
|
selector: 'label[app-form-label]',
|
|
@@ -194,10 +199,10 @@ class FormSelectDirective {
|
|
|
194
199
|
ngOnInit() {
|
|
195
200
|
this.elementRef.nativeElement.classList.add('form-select');
|
|
196
201
|
}
|
|
197
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
198
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
202
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
203
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: FormSelectDirective, isStandalone: true, selector: "select[app-form-select]", inputs: { formInputInvalid: "formInputInvalid" }, ngImport: i0 }); }
|
|
199
204
|
}
|
|
200
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormSelectDirective, decorators: [{
|
|
201
206
|
type: Directive,
|
|
202
207
|
args: [{
|
|
203
208
|
selector: 'select[app-form-select]',
|
|
@@ -219,12 +224,12 @@ class FormInputComponent {
|
|
|
219
224
|
handleSelect(event) {
|
|
220
225
|
this.onChange.next(event);
|
|
221
226
|
}
|
|
222
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
223
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
227
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
228
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: FormInputComponent, isStandalone: true, selector: "app-form-input", inputs: { control: "control", inputType: "inputType", inputLabel: "inputLabel", inputPlaceholder: "inputPlaceholder", inputId: "inputId", inputName: "inputName", inputTabIndex: "inputTabIndex", isSubmitted: "isSubmitted", selectOptions: "selectOptions", hintText: "hintText" }, outputs: { onEnter: "onEnter", onChange: "onChange" }, ngImport: i0, template: "<div class=\"form-floating mb-3\">\n\t@if (\n\t\tinputType === 'text' ||\n\t\tinputType === 'number' ||\n\t\tinputType === 'password' ||\n\t\tinputType === 'email' ||\n\t\tinputType === 'date' ||\n\t\tinputType === 'datetime-local' ||\n\t\tinputType === 'time'\n\t) {\n\t\t<input\n\t\t\t[type]=\"inputType\"\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-input\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[placeholder]=\"inputPlaceholder\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\t(keydown.enter)=\"onEnter.next()\" />\n\t}\n\t@if (inputType === 'textarea') {\n\t\t<textarea\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-input\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[placeholder]=\"inputPlaceholder\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\tstyle=\"min-height: 100px\">\n\t\t</textarea>\n\t}\n\t@if (inputType === 'select') {\n\t\t<select\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-select\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\t(keydown.enter)=\"onEnter.next()\"\n\t\t\t(change)=\"handleSelect($event)\">\n\t\t\t<option value=\"\" disabled selected>Select your option</option>\n\n\t\t\t@for (option of selectOptions; track option.value) {\n\t\t\t\t<option [value]=\"option.value\" [disabled]=\"option.disabled\">\n\t\t\t\t\t{{ option.label }}\n\t\t\t\t</option>\n\t\t\t}\n\t\t</select>\n\t}\n\t<label app-form-label [attr.for]=\"inputName || inputId\"> {{ inputLabel }} </label>\n\n\t@if (hintText) {\n\t\t<div class=\"form-text\">\n\t\t\t{{ hintText }}\n\t\t</div>\n\t}\n\n\t@if (isSubmitted && control.errors) {\n\t\t<app-form-errors [errors]=\"control.errors\" />\n\t}\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.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: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormErrorsComponent, selector: "app-form-errors", inputs: ["errors"] }, { kind: "directive", type: FormLabelDirective, selector: "label[app-form-label]" }, { kind: "directive", type: FormInputDirective, selector: "input,textarea[app-form-input]", inputs: ["formInputInvalid"] }, { kind: "directive", type: FormSelectDirective, selector: "select[app-form-select]", inputs: ["formInputInvalid"] }] }); }
|
|
224
229
|
}
|
|
225
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormInputComponent, decorators: [{
|
|
226
231
|
type: Component,
|
|
227
|
-
args: [{ selector: 'app-form-input',
|
|
232
|
+
args: [{ selector: 'app-form-input', imports: [ReactiveFormsModule, FormErrorsComponent, FormLabelDirective, FormInputDirective, FormSelectDirective], template: "<div class=\"form-floating mb-3\">\n\t@if (\n\t\tinputType === 'text' ||\n\t\tinputType === 'number' ||\n\t\tinputType === 'password' ||\n\t\tinputType === 'email' ||\n\t\tinputType === 'date' ||\n\t\tinputType === 'datetime-local' ||\n\t\tinputType === 'time'\n\t) {\n\t\t<input\n\t\t\t[type]=\"inputType\"\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-input\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[placeholder]=\"inputPlaceholder\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\t(keydown.enter)=\"onEnter.next()\" />\n\t}\n\t@if (inputType === 'textarea') {\n\t\t<textarea\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-input\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[placeholder]=\"inputPlaceholder\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\tstyle=\"min-height: 100px\">\n\t\t</textarea>\n\t}\n\t@if (inputType === 'select') {\n\t\t<select\n\t\t\t[attr.id]=\"inputId || inputName\"\n\t\t\t[attr.name]=\"inputName\"\n\t\t\t[formControl]=\"control\"\n\t\t\tapp-form-select\n\t\t\t[formInputInvalid]=\"isSubmitted && !!control.errors\"\n\t\t\t[tabIndex]=\"inputTabIndex\"\n\t\t\t(keydown.enter)=\"onEnter.next()\"\n\t\t\t(change)=\"handleSelect($event)\">\n\t\t\t<option value=\"\" disabled selected>Select your option</option>\n\n\t\t\t@for (option of selectOptions; track option.value) {\n\t\t\t\t<option [value]=\"option.value\" [disabled]=\"option.disabled\">\n\t\t\t\t\t{{ option.label }}\n\t\t\t\t</option>\n\t\t\t}\n\t\t</select>\n\t}\n\t<label app-form-label [attr.for]=\"inputName || inputId\"> {{ inputLabel }} </label>\n\n\t@if (hintText) {\n\t\t<div class=\"form-text\">\n\t\t\t{{ hintText }}\n\t\t</div>\n\t}\n\n\t@if (isSubmitted && control.errors) {\n\t\t<app-form-errors [errors]=\"control.errors\" />\n\t}\n</div>\n" }]
|
|
228
233
|
}], propDecorators: { control: [{
|
|
229
234
|
type: Input,
|
|
230
235
|
args: [{ required: true }]
|
|
@@ -258,19 +263,19 @@ class LoadingIndicatorComponent {
|
|
|
258
263
|
constructor() {
|
|
259
264
|
this.faSpinner = faSpinner;
|
|
260
265
|
}
|
|
261
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
262
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
266
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LoadingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
267
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: LoadingIndicatorComponent, isStandalone: true, selector: "app-loading-indicator", ngImport: i0, template: "<fa-icon animation=\"spin\" size=\"2x\" [icon]=\"faSpinner\"></fa-icon>\n", styles: [":host{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#495057}\n"], dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
|
|
263
268
|
}
|
|
264
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
269
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LoadingIndicatorComponent, decorators: [{
|
|
265
270
|
type: Component,
|
|
266
|
-
args: [{ selector: 'app-loading-indicator',
|
|
271
|
+
args: [{ selector: 'app-loading-indicator', imports: [FontAwesomeModule], template: "<fa-icon animation=\"spin\" size=\"2x\" [icon]=\"faSpinner\"></fa-icon>\n", styles: [":host{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#495057}\n"] }]
|
|
267
272
|
}] });
|
|
268
273
|
|
|
269
274
|
class BaseModalComponent {
|
|
270
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
271
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
275
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: BaseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
276
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: BaseModalComponent, isStandalone: true, selector: "app-base-modal", ngImport: i0, template: ``, isInline: true }); }
|
|
272
277
|
}
|
|
273
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
278
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: BaseModalComponent, decorators: [{
|
|
274
279
|
type: Component,
|
|
275
280
|
args: [{
|
|
276
281
|
selector: 'app-base-modal',
|
|
@@ -298,10 +303,10 @@ class IconButtonDirective {
|
|
|
298
303
|
ngOnInit() {
|
|
299
304
|
this.elementRef.nativeElement.classList.add('btn', 'icon-button');
|
|
300
305
|
}
|
|
301
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
302
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
306
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: IconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
307
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: IconButtonDirective, isStandalone: true, selector: "button[app-icon-button]", inputs: { appIconButton: ["app-icon-button", "appIconButton"], shadow: "shadow" }, ngImport: i0 }); }
|
|
303
308
|
}
|
|
304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
309
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: IconButtonDirective, decorators: [{
|
|
305
310
|
type: Directive,
|
|
306
311
|
args: [{
|
|
307
312
|
selector: 'button[app-icon-button]',
|
|
@@ -333,12 +338,12 @@ class ModalComponent {
|
|
|
333
338
|
handleClickClose() {
|
|
334
339
|
this.onClose.next();
|
|
335
340
|
}
|
|
336
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
337
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
341
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
342
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: ModalComponent, isStandalone: true, selector: "app-modal", inputs: { title: "title", showClose: "showClose", fullScreen: "fullScreen" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"modal d-flex justify-content-center align-items-center\" tabindex=\"-1\">\n\t<div class=\"modal-dialog\" [ngClass]=\"dialogCssClasses\">\n\t\t<div class=\"modal-content\">\n\t\t\t<div class=\"modal-header justify-content-between\">\n\t\t\t\t<h5 class=\"modal-title\">{{ title }}</h5>\n\t\t\t\t@if (showClose) {\n\t\t\t\t\t<button app-icon-button=\"secondary\" class=\"ms-2\" (click)=\"handleClickClose()\">\n\t\t\t\t\t\t<fa-icon [icon]=\"faTimes\" />\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t<div class=\"modal-body\">\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\n\t\t\t<div class=\"modal-footer\">\n\t\t\t\t<ng-content select=\"[footer]\"></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: IconButtonDirective, selector: "button[app-icon-button]", inputs: ["app-icon-button", "shadow"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
|
|
338
343
|
}
|
|
339
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ModalComponent, decorators: [{
|
|
340
345
|
type: Component,
|
|
341
|
-
args: [{ selector: 'app-modal',
|
|
346
|
+
args: [{ selector: 'app-modal', imports: [CommonModule, IconButtonDirective, FontAwesomeModule], template: "<div class=\"modal d-flex justify-content-center align-items-center\" tabindex=\"-1\">\n\t<div class=\"modal-dialog\" [ngClass]=\"dialogCssClasses\">\n\t\t<div class=\"modal-content\">\n\t\t\t<div class=\"modal-header justify-content-between\">\n\t\t\t\t<h5 class=\"modal-title\">{{ title }}</h5>\n\t\t\t\t@if (showClose) {\n\t\t\t\t\t<button app-icon-button=\"secondary\" class=\"ms-2\" (click)=\"handleClickClose()\">\n\t\t\t\t\t\t<fa-icon [icon]=\"faTimes\" />\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t<div class=\"modal-body\">\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\n\t\t\t<div class=\"modal-footer\">\n\t\t\t\t<ng-content select=\"[footer]\"></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>\n" }]
|
|
342
347
|
}], propDecorators: { title: [{
|
|
343
348
|
type: Input
|
|
344
349
|
}], showClose: [{
|
|
@@ -358,12 +363,12 @@ class OffCanvasComponent {
|
|
|
358
363
|
handleClickClose() {
|
|
359
364
|
this.onClose.next();
|
|
360
365
|
}
|
|
361
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
362
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
366
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: OffCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
367
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: OffCanvasComponent, isStandalone: true, selector: "app-off-canvas", inputs: { title: "title" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"offcanvas offcanvas-start show\" tabindex=\"-1\" id=\"offcanvas\" style=\"z-index: 1051\">\n\t<div class=\"offcanvas-header justify-content-between\">\n\t\t<h5 class=\"offcanvas-title\" id=\"offcanvasLabel\">{{ title }}</h5>\n\t\t<button app-icon-button=\"secondary\" class=\"ml-auto\" (click)=\"handleClickClose()\">\n\t\t\t<fa-icon [icon]=\"faTimes\" />\n\t\t</button>\n\t</div>\n\t<ng-content />\n</div>\n\n<div class=\"modal-backdrop fade show\" (click)=\"handleClickClose()\"></div>\n", styles: [":host{z-index:9999;display:block}\n"], dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "directive", type: IconButtonDirective, selector: "button[app-icon-button]", inputs: ["app-icon-button", "shadow"] }] }); }
|
|
363
368
|
}
|
|
364
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
369
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: OffCanvasComponent, decorators: [{
|
|
365
370
|
type: Component,
|
|
366
|
-
args: [{ selector: 'app-off-canvas',
|
|
371
|
+
args: [{ selector: 'app-off-canvas', imports: [FontAwesomeModule, IconButtonDirective], template: "<div class=\"offcanvas offcanvas-start show\" tabindex=\"-1\" id=\"offcanvas\" style=\"z-index: 1051\">\n\t<div class=\"offcanvas-header justify-content-between\">\n\t\t<h5 class=\"offcanvas-title\" id=\"offcanvasLabel\">{{ title }}</h5>\n\t\t<button app-icon-button=\"secondary\" class=\"ml-auto\" (click)=\"handleClickClose()\">\n\t\t\t<fa-icon [icon]=\"faTimes\" />\n\t\t</button>\n\t</div>\n\t<ng-content />\n</div>\n\n<div class=\"modal-backdrop fade show\" (click)=\"handleClickClose()\"></div>\n", styles: [":host{z-index:9999;display:block}\n"] }]
|
|
367
372
|
}], propDecorators: { title: [{
|
|
368
373
|
type: Input
|
|
369
374
|
}], onClose: [{
|
|
@@ -374,8 +379,8 @@ class ToastComponent {
|
|
|
374
379
|
constructor() {
|
|
375
380
|
this.onClose = new EventEmitter();
|
|
376
381
|
}
|
|
377
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
378
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
382
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
383
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: ToastComponent, isStandalone: true, selector: "app-toast", inputs: { message: "message" }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
|
|
379
384
|
<div class="toast align-items-center text-bg-dark border-0 show">
|
|
380
385
|
<div class="d-flex">
|
|
381
386
|
<div class="toast-body" [innerHTML]="message"></div>
|
|
@@ -384,7 +389,7 @@ class ToastComponent {
|
|
|
384
389
|
</div>
|
|
385
390
|
`, isInline: true, styles: [":host{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1051}\n"] }); }
|
|
386
391
|
}
|
|
387
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
392
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ToastComponent, decorators: [{
|
|
388
393
|
type: Component,
|
|
389
394
|
args: [{ selector: 'app-toast', template: `
|
|
390
395
|
<div class="toast align-items-center text-bg-dark border-0 show">
|
|
@@ -393,7 +398,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImpo
|
|
|
393
398
|
<button class="btn-close btn-close-white me-2 m-auto" (click)="onClose.next()"></button>
|
|
394
399
|
</div>
|
|
395
400
|
</div>
|
|
396
|
-
`,
|
|
401
|
+
`, styles: [":host{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1051}\n"] }]
|
|
397
402
|
}], propDecorators: { message: [{
|
|
398
403
|
type: Input
|
|
399
404
|
}], onClose: [{
|
|
@@ -417,20 +422,16 @@ var LogType;
|
|
|
417
422
|
})(LogType || (LogType = {}));
|
|
418
423
|
|
|
419
424
|
/* eslint-disable @typescript-eslint/naming-convention */
|
|
420
|
-
|
|
421
|
-
function Log(methodName, logType = LogType.log, logArgs) {
|
|
425
|
+
function Log(methodName, logType = LogType.log, logArgs = false) {
|
|
422
426
|
return function (target, key, descriptor) {
|
|
423
|
-
const
|
|
427
|
+
const originalMethod = descriptor.value;
|
|
424
428
|
descriptor.value = function (...args) {
|
|
425
429
|
const className = target.constructor.name;
|
|
426
|
-
const newMethodName = methodName || key;
|
|
427
|
-
|
|
428
|
-
if (logArgs && args && args.length > 0) {
|
|
429
|
-
logStatements = logStatements.concat(args);
|
|
430
|
-
}
|
|
430
|
+
const newMethodName = methodName || key.toString();
|
|
431
|
+
const logStatements = [className, newMethodName, ...(logArgs ? args : [])];
|
|
431
432
|
// eslint-disable-next-line no-console
|
|
432
433
|
console[logType](...logStatements);
|
|
433
|
-
return
|
|
434
|
+
return originalMethod.apply(this, args);
|
|
434
435
|
};
|
|
435
436
|
return descriptor;
|
|
436
437
|
};
|
|
@@ -452,10 +453,10 @@ class AutofocusDirective {
|
|
|
452
453
|
}, 100);
|
|
453
454
|
}
|
|
454
455
|
}
|
|
455
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
456
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
456
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
457
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: AutofocusDirective, isStandalone: true, selector: "[autofocus]", inputs: { autofocus: "autofocus" }, ngImport: i0 }); }
|
|
457
458
|
}
|
|
458
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AutofocusDirective, decorators: [{
|
|
459
460
|
type: Directive,
|
|
460
461
|
args: [{
|
|
461
462
|
selector: '[autofocus]',
|
|
@@ -505,10 +506,10 @@ class ButtonDirective {
|
|
|
505
506
|
this.elementRef.nativeElement.classList.add('flex-shrink-0');
|
|
506
507
|
this.renderer.setAttribute(this.elementRef.nativeElement, 'type', 'button');
|
|
507
508
|
}
|
|
508
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
509
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
509
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
510
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: ButtonDirective, isStandalone: true, selector: "button[app-button]", inputs: { appButton: ["app-button", "appButton"], variant: "variant", size: "size" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onblur($event)" } }, ngImport: i0 }); }
|
|
510
511
|
}
|
|
511
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
512
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ButtonDirective, decorators: [{
|
|
512
513
|
type: Directive,
|
|
513
514
|
args: [{
|
|
514
515
|
selector: 'button[app-button]',
|
|
@@ -543,10 +544,10 @@ class ColDirective {
|
|
|
543
544
|
ngAfterViewInit() {
|
|
544
545
|
this.el.nativeElement.classList.add(this.span);
|
|
545
546
|
}
|
|
546
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
547
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
547
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ColDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
548
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: ColDirective, isStandalone: true, selector: "[col]", inputs: { col: "col" }, ngImport: i0 }); }
|
|
548
549
|
}
|
|
549
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ColDirective, decorators: [{
|
|
550
551
|
type: Directive,
|
|
551
552
|
args: [{
|
|
552
553
|
selector: '[col]',
|
|
@@ -654,10 +655,10 @@ class DropdownDirective {
|
|
|
654
655
|
});
|
|
655
656
|
});
|
|
656
657
|
}
|
|
657
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
658
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
658
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
659
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DropdownDirective, isStandalone: true, selector: "[appDropdown]", inputs: { dropdownTemplate: ["appDropdown", "dropdownTemplate"], placement: "placement" }, host: { listeners: { "click": "toggleDropdown()" } }, ngImport: i0 }); }
|
|
659
660
|
}
|
|
660
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
661
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DropdownDirective, decorators: [{
|
|
661
662
|
type: Directive,
|
|
662
663
|
args: [{
|
|
663
664
|
selector: '[appDropdown]',
|
|
@@ -680,10 +681,10 @@ class ListGroupItemAvatarDirective {
|
|
|
680
681
|
ngOnInit() {
|
|
681
682
|
this.elementRef.nativeElement.classList.add('list-group-item-avatar');
|
|
682
683
|
}
|
|
683
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
684
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
684
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ListGroupItemAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
685
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: ListGroupItemAvatarDirective, isStandalone: true, selector: "[app-list-group-item-avatar]", ngImport: i0 }); }
|
|
685
686
|
}
|
|
686
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
687
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ListGroupItemAvatarDirective, decorators: [{
|
|
687
688
|
type: Directive,
|
|
688
689
|
args: [{
|
|
689
690
|
selector: '[app-list-group-item-avatar]',
|
|
@@ -719,10 +720,10 @@ class ListGroupItemDirective {
|
|
|
719
720
|
}
|
|
720
721
|
});
|
|
721
722
|
}
|
|
722
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
723
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
723
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ListGroupItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
724
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: ListGroupItemDirective, isStandalone: true, selector: "li[app-list-group-item]", inputs: { isActive: "isActive" }, outputs: { onOutsideClick: "onOutsideClick" }, ngImport: i0 }); }
|
|
724
725
|
}
|
|
725
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
726
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ListGroupItemDirective, decorators: [{
|
|
726
727
|
type: Directive,
|
|
727
728
|
args: [{
|
|
728
729
|
selector: 'li[app-list-group-item]',
|
|
@@ -742,10 +743,10 @@ class ListGroupDirective {
|
|
|
742
743
|
this.elementRef.nativeElement.classList.add('list-group');
|
|
743
744
|
this.elementRef.nativeElement.classList.add('list-group-flush');
|
|
744
745
|
}
|
|
745
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
746
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
746
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ListGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
747
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: ListGroupDirective, isStandalone: true, selector: "ul[app-list-group]", ngImport: i0 }); }
|
|
747
748
|
}
|
|
748
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
749
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ListGroupDirective, decorators: [{
|
|
749
750
|
type: Directive,
|
|
750
751
|
args: [{
|
|
751
752
|
selector: 'ul[app-list-group]',
|
|
@@ -757,10 +758,10 @@ class TooltipDirective {
|
|
|
757
758
|
constructor() {
|
|
758
759
|
this.placement = 'bottom-start';
|
|
759
760
|
}
|
|
760
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
761
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
761
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
762
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: TooltipDirective, isStandalone: true, selector: "[appTooltip]", inputs: { tooltip: ["appTooltip", "tooltip"], placement: "placement" }, ngImport: i0 }); }
|
|
762
763
|
}
|
|
763
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
764
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TooltipDirective, decorators: [{
|
|
764
765
|
type: Directive,
|
|
765
766
|
args: [{
|
|
766
767
|
selector: '[appTooltip]',
|
|
@@ -777,10 +778,10 @@ class FormControlPipe {
|
|
|
777
778
|
transform(value) {
|
|
778
779
|
return value;
|
|
779
780
|
}
|
|
780
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
781
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
781
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
782
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: FormControlPipe, isStandalone: true, name: "formControl" }); }
|
|
782
783
|
}
|
|
783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
784
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormControlPipe, decorators: [{
|
|
784
785
|
type: Pipe,
|
|
785
786
|
args: [{
|
|
786
787
|
name: 'formControl',
|
|
@@ -827,10 +828,10 @@ class ImageService {
|
|
|
827
828
|
canvas.height = img.height;
|
|
828
829
|
context.drawImage(img, 0, 0, canvas.width, canvas.height);
|
|
829
830
|
}
|
|
830
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
831
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
831
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
832
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ImageService, providedIn: 'root' }); }
|
|
832
833
|
}
|
|
833
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
834
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ImageService, decorators: [{
|
|
834
835
|
type: Injectable,
|
|
835
836
|
args: [{ providedIn: 'root' }]
|
|
836
837
|
}] });
|
|
@@ -840,10 +841,10 @@ class LoadingIndicatorService {
|
|
|
840
841
|
this.show = new BehaviorSubject(undefined);
|
|
841
842
|
this.hide = new BehaviorSubject(undefined);
|
|
842
843
|
}
|
|
843
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
844
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
844
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LoadingIndicatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
845
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LoadingIndicatorService, providedIn: 'root' }); }
|
|
845
846
|
}
|
|
846
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
847
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LoadingIndicatorService, decorators: [{
|
|
847
848
|
type: Injectable,
|
|
848
849
|
args: [{ providedIn: 'root' }]
|
|
849
850
|
}] });
|
|
@@ -866,10 +867,10 @@ class LocalService {
|
|
|
866
867
|
removeAll() {
|
|
867
868
|
localStorage.clear();
|
|
868
869
|
}
|
|
869
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
870
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
870
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LocalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
871
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LocalService, providedIn: 'root' }); }
|
|
871
872
|
}
|
|
872
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
873
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LocalService, decorators: [{
|
|
873
874
|
type: Injectable,
|
|
874
875
|
args: [{ providedIn: 'root' }]
|
|
875
876
|
}] });
|
|
@@ -897,10 +898,10 @@ class ModalService {
|
|
|
897
898
|
hide() {
|
|
898
899
|
this.portalHost.detach();
|
|
899
900
|
}
|
|
900
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
901
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
901
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
902
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ModalService, providedIn: 'root' }); }
|
|
902
903
|
}
|
|
903
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
904
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ModalService, decorators: [{
|
|
904
905
|
type: Injectable,
|
|
905
906
|
args: [{ providedIn: 'root' }]
|
|
906
907
|
}] });
|
|
@@ -935,10 +936,10 @@ class ToastService {
|
|
|
935
936
|
hide() {
|
|
936
937
|
this.portalHost.detach();
|
|
937
938
|
}
|
|
938
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
939
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
939
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
940
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ToastService, providedIn: 'root' }); }
|
|
940
941
|
}
|
|
941
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
942
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ToastService, decorators: [{
|
|
942
943
|
type: Injectable,
|
|
943
944
|
args: [{ providedIn: 'root' }]
|
|
944
945
|
}] });
|
|
@@ -956,10 +957,10 @@ class TokenService {
|
|
|
956
957
|
remove(key) {
|
|
957
958
|
this.localService.remove(key);
|
|
958
959
|
}
|
|
959
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
960
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
960
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TokenService, deps: [{ token: LocalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
961
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TokenService, providedIn: 'root' }); }
|
|
961
962
|
}
|
|
962
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
963
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TokenService, decorators: [{
|
|
963
964
|
type: Injectable,
|
|
964
965
|
args: [{ providedIn: 'root' }]
|
|
965
966
|
}], ctorParameters: () => [{ type: LocalService }] });
|