ngx-gccb 0.11.3 → 0.12.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/fesm2022/ngx-gccb.mjs +138 -137
- package/fesm2022/ngx-gccb.mjs.map +1 -1
- package/lib/components/ngx-form/ngx-form.interfaces.d.ts +1 -0
- package/lib/directives/ngx-autofocus.directive.d.ts +3 -2
- package/lib/services/ngx-modal.service.d.ts +6 -7
- package/lib/services/ngx-toast.service.d.ts +5 -3
- package/package.json +1 -1
package/fesm2022/ngx-gccb.mjs
CHANGED
|
@@ -2,7 +2,7 @@ import { trigger, transition, style, animate } from '@angular/animations';
|
|
|
2
2
|
import * as i1 from '@angular/common';
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
import * as i0 from '@angular/core';
|
|
5
|
-
import { Component, input, computed, inject, NgZone, ElementRef, Directive,
|
|
5
|
+
import { Component, input, computed, inject, NgZone, ElementRef, Directive, Input, HostListener, Renderer2, ViewContainerRef, effect, HostBinding, EventEmitter, Output, Pipe, viewChild, output, model, contentChildren, Injectable } from '@angular/core';
|
|
6
6
|
import * as i2 from '@angular/forms';
|
|
7
7
|
import { UntypedFormGroup, UntypedFormControl, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
|
|
8
8
|
import { createPopper } from '@popperjs/core';
|
|
@@ -10,7 +10,6 @@ import { debounceTime, BehaviorSubject } from 'rxjs';
|
|
|
10
10
|
import * as i1$1 from '@fortawesome/angular-fontawesome';
|
|
11
11
|
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
12
12
|
import { faSpinner, faTimes } from '@fortawesome/free-solid-svg-icons';
|
|
13
|
-
import { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
|
|
14
13
|
|
|
15
14
|
const NgxFadeRightAnimation = trigger('ngxFadeRightAnimation', [
|
|
16
15
|
transition(':enter', [
|
|
@@ -46,10 +45,10 @@ class DatePickerComponent {
|
|
|
46
45
|
// }
|
|
47
46
|
// }
|
|
48
47
|
}
|
|
49
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
50
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1
|
|
48
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: DatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: DatePickerComponent, isStandalone: true, selector: "ngx-date-picker", ngImport: i0, template: "coming soon\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
51
50
|
}
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
53
52
|
type: Component,
|
|
54
53
|
args: [{ selector: 'ngx-date-picker', imports: [CommonModule], template: "coming soon\n" }]
|
|
55
54
|
}] });
|
|
@@ -97,8 +96,8 @@ class NgxFormErrorsComponent {
|
|
|
97
96
|
timeAfterError: (errors) => `The time must be after ${errors?.['timeAfterError']}`,
|
|
98
97
|
};
|
|
99
98
|
}
|
|
100
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
101
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1
|
|
99
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
100
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: NgxFormErrorsComponent, isStandalone: true, selector: "ngx-form-errors", inputs: { isDirty: { classPropertyName: "isDirty", publicName: "isDirty", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
102
101
|
@if (errorMessages()) {
|
|
103
102
|
<div class="invalid-feedback d-block">
|
|
104
103
|
@for (errorMessage of errorMessages(); track $index) {
|
|
@@ -108,7 +107,7 @@ class NgxFormErrorsComponent {
|
|
|
108
107
|
}
|
|
109
108
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
110
109
|
}
|
|
111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormErrorsComponent, decorators: [{
|
|
112
111
|
type: Component,
|
|
113
112
|
args: [{
|
|
114
113
|
selector: 'ngx-form-errors',
|
|
@@ -129,18 +128,21 @@ class NgxAutofocusDirective {
|
|
|
129
128
|
constructor() {
|
|
130
129
|
this.ngZone = inject(NgZone);
|
|
131
130
|
this.el = inject(ElementRef);
|
|
131
|
+
this.ngxAutofocus = input(false);
|
|
132
132
|
}
|
|
133
133
|
ngAfterViewInit() {
|
|
134
|
-
this.
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
134
|
+
if (this.ngxAutofocus()) {
|
|
135
|
+
this.ngZone.runOutsideAngular(() => {
|
|
136
|
+
setTimeout(() => {
|
|
137
|
+
this.el.nativeElement.focus();
|
|
138
|
+
}, 0);
|
|
139
|
+
});
|
|
140
|
+
}
|
|
139
141
|
}
|
|
140
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
141
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
142
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxAutofocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
143
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.1", type: NgxAutofocusDirective, isStandalone: true, selector: "[ngxAutofocus]", inputs: { ngxAutofocus: { classPropertyName: "ngxAutofocus", publicName: "ngxAutofocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
142
144
|
}
|
|
143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
145
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxAutofocusDirective, decorators: [{
|
|
144
146
|
type: Directive,
|
|
145
147
|
args: [{ selector: '[ngxAutofocus]' }]
|
|
146
148
|
}] });
|
|
@@ -185,10 +187,10 @@ class NgxButtonDirective {
|
|
|
185
187
|
}
|
|
186
188
|
this.elementRef.nativeElement.classList.add('flex-shrink-0');
|
|
187
189
|
}
|
|
188
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
189
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1
|
|
190
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
191
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.1", type: NgxButtonDirective, isStandalone: true, selector: "button[ngxButton]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, ngxButton: { classPropertyName: "ngxButton", publicName: "ngxButton", isSignal: false, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null } }, host: { listeners: { "focus": "onFocus($event)", "blur": "onblur($event)" } }, ngImport: i0 }); }
|
|
190
192
|
}
|
|
191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxButtonDirective, decorators: [{
|
|
192
194
|
type: Directive,
|
|
193
195
|
args: [{ selector: 'button[ngxButton]' }]
|
|
194
196
|
}], propDecorators: { onFocus: [{
|
|
@@ -213,10 +215,10 @@ class NgxCardBodyDirective {
|
|
|
213
215
|
ngOnInit() {
|
|
214
216
|
this.elementRef.nativeElement.classList.add('card-body');
|
|
215
217
|
}
|
|
216
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
217
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1
|
|
218
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxCardBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
219
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: NgxCardBodyDirective, isStandalone: true, selector: "[ngxCardBody]", ngImport: i0 }); }
|
|
218
220
|
}
|
|
219
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxCardBodyDirective, decorators: [{
|
|
220
222
|
type: Directive,
|
|
221
223
|
args: [{ selector: '[ngxCardBody]' }]
|
|
222
224
|
}] });
|
|
@@ -228,10 +230,10 @@ class NgxCardHeaderDirective {
|
|
|
228
230
|
ngOnInit() {
|
|
229
231
|
this.elementRef.nativeElement.classList.add('card-header');
|
|
230
232
|
}
|
|
231
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
232
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1
|
|
233
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxCardHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
234
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: NgxCardHeaderDirective, isStandalone: true, selector: "[ngxCardHeader]", ngImport: i0 }); }
|
|
233
235
|
}
|
|
234
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
236
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxCardHeaderDirective, decorators: [{
|
|
235
237
|
type: Directive,
|
|
236
238
|
args: [{ selector: '[ngxCardHeader]' }]
|
|
237
239
|
}] });
|
|
@@ -243,10 +245,10 @@ class NgxCardDirective {
|
|
|
243
245
|
ngOnInit() {
|
|
244
246
|
this.elementRef.nativeElement.classList.add('card');
|
|
245
247
|
}
|
|
246
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
247
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1
|
|
248
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxCardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
249
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: NgxCardDirective, isStandalone: true, selector: "[ngxCard]", ngImport: i0 }); }
|
|
248
250
|
}
|
|
249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
251
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxCardDirective, decorators: [{
|
|
250
252
|
type: Directive,
|
|
251
253
|
args: [{ selector: '[ngxCard]' }]
|
|
252
254
|
}] });
|
|
@@ -264,10 +266,10 @@ class NgxColDirective {
|
|
|
264
266
|
ngAfterViewInit() {
|
|
265
267
|
this.el.nativeElement.classList.add(this.span);
|
|
266
268
|
}
|
|
267
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
268
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1
|
|
269
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxColDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
270
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: NgxColDirective, isStandalone: true, selector: "[ngxCol]", inputs: { col: "col" }, ngImport: i0 }); }
|
|
269
271
|
}
|
|
270
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
272
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxColDirective, decorators: [{
|
|
271
273
|
type: Directive,
|
|
272
274
|
args: [{ selector: '[ngxCol]' }]
|
|
273
275
|
}], propDecorators: { col: [{
|
|
@@ -370,10 +372,10 @@ class NgxDropdownDirective {
|
|
|
370
372
|
});
|
|
371
373
|
});
|
|
372
374
|
}
|
|
373
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
374
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1
|
|
375
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxDropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
376
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: NgxDropdownDirective, isStandalone: true, selector: "[ngxDropdown]", inputs: { dropdownTemplate: ["ngxDropdown", "dropdownTemplate"], placement: "placement" }, host: { listeners: { "click": "toggleDropdown()", "document:click": "onDocumentClick($event)" } }, ngImport: i0 }); }
|
|
375
377
|
}
|
|
376
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxDropdownDirective, decorators: [{
|
|
377
379
|
type: Directive,
|
|
378
380
|
args: [{ selector: '[ngxDropdown]' }]
|
|
379
381
|
}], propDecorators: { dropdownTemplate: [{
|
|
@@ -418,10 +420,10 @@ class NgxFormGroupDirective {
|
|
|
418
420
|
this.formGroup().get(key)?.markAsUntouched({ onlySelf: true });
|
|
419
421
|
});
|
|
420
422
|
}
|
|
421
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
422
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1
|
|
423
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
424
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.1", type: NgxFormGroupDirective, isStandalone: true, selector: "[ngxFormGroup]", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null }, validateOnChange: { classPropertyName: "validateOnChange", publicName: "validateOnChange", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ngxFormGroup"], ngImport: i0 }); }
|
|
423
425
|
}
|
|
424
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
426
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormGroupDirective, decorators: [{
|
|
425
427
|
type: Directive,
|
|
426
428
|
args: [{
|
|
427
429
|
selector: '[ngxFormGroup]',
|
|
@@ -483,10 +485,10 @@ class NgxFormInputDirective {
|
|
|
483
485
|
this.elementRef.nativeElement.classList.remove('is-invalid');
|
|
484
486
|
}
|
|
485
487
|
}
|
|
486
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
487
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1
|
|
488
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
489
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.1", type: NgxFormInputDirective, isStandalone: true, selector: "[ngxFormInput]", inputs: { ngxFormInput: { classPropertyName: "ngxFormInput", publicName: "ngxFormInput", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isFloatingLabel: { classPropertyName: "isFloatingLabel", publicName: "isFloatingLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
488
490
|
}
|
|
489
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
491
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormInputDirective, decorators: [{
|
|
490
492
|
type: Directive,
|
|
491
493
|
args: [{ selector: '[ngxFormInput]' }]
|
|
492
494
|
}], ctorParameters: () => [] });
|
|
@@ -495,10 +497,10 @@ class NgxFormLabelDirective {
|
|
|
495
497
|
constructor() {
|
|
496
498
|
this.elementClass = 'form-label';
|
|
497
499
|
}
|
|
498
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
499
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1
|
|
500
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
501
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: NgxFormLabelDirective, isStandalone: true, selector: "label[ngxFormLabel]", host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
|
|
500
502
|
}
|
|
501
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
503
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormLabelDirective, decorators: [{
|
|
502
504
|
type: Directive,
|
|
503
505
|
args: [{ selector: 'label[ngxFormLabel]' }]
|
|
504
506
|
}], propDecorators: { elementClass: [{
|
|
@@ -521,10 +523,10 @@ class NgxFormSelectDirective {
|
|
|
521
523
|
ngOnInit() {
|
|
522
524
|
this.elementRef.nativeElement.classList.add('form-select');
|
|
523
525
|
}
|
|
524
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
525
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1
|
|
526
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
527
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: NgxFormSelectDirective, isStandalone: true, selector: "select[ngxFormSelect]", inputs: { formInputInvalid: "formInputInvalid" }, ngImport: i0 }); }
|
|
526
528
|
}
|
|
527
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
529
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormSelectDirective, decorators: [{
|
|
528
530
|
type: Directive,
|
|
529
531
|
args: [{ selector: 'select[ngxFormSelect]' }]
|
|
530
532
|
}], propDecorators: { formInputInvalid: [{
|
|
@@ -550,10 +552,10 @@ class NgxIconButtonDirective {
|
|
|
550
552
|
ngOnInit() {
|
|
551
553
|
this.elementRef.nativeElement.classList.add('btn', 'icon-button');
|
|
552
554
|
}
|
|
553
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
554
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1
|
|
555
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxIconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
556
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: NgxIconButtonDirective, isStandalone: true, selector: "button[ngxIconButton]", inputs: { appIconButton: ["ngxIconButton", "appIconButton"], shadow: "shadow" }, ngImport: i0 }); }
|
|
555
557
|
}
|
|
556
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
558
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxIconButtonDirective, decorators: [{
|
|
557
559
|
type: Directive,
|
|
558
560
|
args: [{ selector: 'button[ngxIconButton]' }]
|
|
559
561
|
}], propDecorators: { appIconButton: [{
|
|
@@ -570,10 +572,10 @@ class NgxListGroupItemAvatarDirective {
|
|
|
570
572
|
ngOnInit() {
|
|
571
573
|
this.elementRef.nativeElement.classList.add('list-group-item-avatar');
|
|
572
574
|
}
|
|
573
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
574
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1
|
|
575
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxListGroupItemAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
576
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: NgxListGroupItemAvatarDirective, isStandalone: true, selector: "[ngxListGroupItemAvatar]", ngImport: i0 }); }
|
|
575
577
|
}
|
|
576
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
578
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxListGroupItemAvatarDirective, decorators: [{
|
|
577
579
|
type: Directive,
|
|
578
580
|
args: [{ selector: '[ngxListGroupItemAvatar]' }]
|
|
579
581
|
}] });
|
|
@@ -606,10 +608,10 @@ class NgxListGroupItemDirective {
|
|
|
606
608
|
}
|
|
607
609
|
});
|
|
608
610
|
}
|
|
609
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
610
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1
|
|
611
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxListGroupItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
612
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: NgxListGroupItemDirective, isStandalone: true, selector: "li[ngxListGroupItem]", inputs: { isActive: "isActive" }, outputs: { onOutsideClick: "onOutsideClick" }, ngImport: i0 }); }
|
|
611
613
|
}
|
|
612
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
614
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxListGroupItemDirective, decorators: [{
|
|
613
615
|
type: Directive,
|
|
614
616
|
args: [{ selector: 'li[ngxListGroupItem]' }]
|
|
615
617
|
}], propDecorators: { isActive: [{
|
|
@@ -626,10 +628,10 @@ class NgxListGroupDirective {
|
|
|
626
628
|
this.elementRef.nativeElement.classList.add('list-group');
|
|
627
629
|
this.elementRef.nativeElement.classList.add('list-group-flush');
|
|
628
630
|
}
|
|
629
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
630
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1
|
|
631
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxListGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
632
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: NgxListGroupDirective, isStandalone: true, selector: "ul[ngxListGroup]", ngImport: i0 }); }
|
|
631
633
|
}
|
|
632
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
634
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxListGroupDirective, decorators: [{
|
|
633
635
|
type: Directive,
|
|
634
636
|
args: [{ selector: 'ul[ngxListGroup]' }]
|
|
635
637
|
}] });
|
|
@@ -638,10 +640,10 @@ class NgxTooltipDirective {
|
|
|
638
640
|
constructor() {
|
|
639
641
|
this.placement = 'bottom-start';
|
|
640
642
|
}
|
|
641
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
642
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1
|
|
643
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
644
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: NgxTooltipDirective, isStandalone: true, selector: "[ngxTooltip]", inputs: { tooltip: ["ngxTooltip", "tooltip"], placement: "placement" }, ngImport: i0 }); }
|
|
643
645
|
}
|
|
644
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
646
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxTooltipDirective, decorators: [{
|
|
645
647
|
type: Directive,
|
|
646
648
|
args: [{ selector: '[ngxTooltip]' }]
|
|
647
649
|
}], propDecorators: { tooltip: [{
|
|
@@ -655,10 +657,10 @@ class NgxFormControlPipe {
|
|
|
655
657
|
transform(value) {
|
|
656
658
|
return value;
|
|
657
659
|
}
|
|
658
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
659
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1
|
|
660
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
661
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: NgxFormControlPipe, isStandalone: true, name: "ngxAsFormControl" }); }
|
|
660
662
|
}
|
|
661
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
663
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormControlPipe, decorators: [{
|
|
662
664
|
type: Pipe,
|
|
663
665
|
args: [{ name: 'ngxAsFormControl' }]
|
|
664
666
|
}] });
|
|
@@ -667,10 +669,10 @@ class AppIsFormControlPipe {
|
|
|
667
669
|
transform(value) {
|
|
668
670
|
return value;
|
|
669
671
|
}
|
|
670
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
671
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1
|
|
672
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: AppIsFormControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
673
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: AppIsFormControlPipe, isStandalone: true, name: "appIsFormControl" }); }
|
|
672
674
|
}
|
|
673
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
675
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: AppIsFormControlPipe, decorators: [{
|
|
674
676
|
type: Pipe,
|
|
675
677
|
args: [{ name: 'appIsFormControl' }]
|
|
676
678
|
}] });
|
|
@@ -679,10 +681,10 @@ class NgxIsFormGroupPipe {
|
|
|
679
681
|
transform(value) {
|
|
680
682
|
return value;
|
|
681
683
|
}
|
|
682
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
683
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1
|
|
684
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxIsFormGroupPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
685
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: NgxIsFormGroupPipe, isStandalone: true, name: "ngxIsFormGroup" }); }
|
|
684
686
|
}
|
|
685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
687
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxIsFormGroupPipe, decorators: [{
|
|
686
688
|
type: Pipe,
|
|
687
689
|
args: [{ name: 'ngxIsFormGroup' }]
|
|
688
690
|
}] });
|
|
@@ -704,10 +706,10 @@ class NgxFormComponent {
|
|
|
704
706
|
reset() {
|
|
705
707
|
this.formGroupDir()?.resetForm();
|
|
706
708
|
}
|
|
707
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
708
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1
|
|
709
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
710
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: NgxFormComponent, isStandalone: true, selector: "ngx-form", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onValidated: "onValidated" }, viewQueries: [{ propertyName: "formGroupDir", first: true, predicate: NgxFormGroupDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<form ngxFormGroup #formGroupDir=\"ngxFormGroup\" [formGroup]=\"formGroup()\">\n\t@for (control of formGroup().controls | keyvalue: keepOriginalOrder; track $index) {\n\t\t@if (isFormControl(control.value)) {\n\t\t\t<ng-container *ngTemplateOutlet=\"formField; context: { control: control }\" />\n\t\t} @else {\n\t\t\t<div ngxFormGroup [formGroup]=\"control.value | ngxIsFormGroup\" class=\"row\">\n\t\t\t\t@for (\n\t\t\t\t\tsubControl of (control.value | ngxIsFormGroup).controls | keyvalue: keepOriginalOrder;\n\t\t\t\t\ttrack $index\n\t\t\t\t) {\n\t\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"formField; context: { control: subControl }\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t}\n</form>\n\n<ng-template #formField let-control=\"control\">\n\t<div class=\"mb-3\">\n\t\t@switch ((control.value | appIsFormControl).customConfig?.type) {\n\t\t\t@case ('textarea') {\n\t\t\t\t<textarea\n\t\t\t\t\tngxFormInput\n\t\t\t\t\t[ngxAutofocus]=\"(control.value | appIsFormControl).customConfig?.autofocus || false\"\n\t\t\t\t\t[id]=\"control.key\"\n\t\t\t\t\t[formControl]=\"control.value | ngxAsFormControl\"\n\t\t\t\t\trows=\"3\">\n\t\t\t\t</textarea>\n\t\t\t}\n\n\t\t\t@case ('select') {\n\t\t\t\t<select\n\t\t\t\t\tngxFormInput\n\t\t\t\t\t[ngxAutofocus]=\"(control.value | appIsFormControl).customConfig?.autofocus || false\"\n\t\t\t\t\t[id]=\"control.key\"\n\t\t\t\t\t[formControl]=\"control.value | ngxAsFormControl\"\n\t\t\t\t\t(keydown.enter)=\"validate()\">\n\t\t\t\t\t<option value=\"\" disabled selected>Select your option</option>\n\t\t\t\t\t@for (\n\t\t\t\t\t\toption of (control.value | appIsFormControl).customConfig?.selectConfig?.options;\n\t\t\t\t\t\ttrack option.value\n\t\t\t\t\t) {\n\t\t\t\t\t\t<option [value]=\"option.value\" [disabled]=\"option.disabled\">\n\t\t\t\t\t\t\t{{ option.label }}\n\t\t\t\t\t\t</option>\n\t\t\t\t\t}\n\t\t\t\t</select>\n\t\t\t}\n\n\t\t\t@default {\n\t\t\t\t<input\n\t\t\t\t\tngxFormInput\n\t\t\t\t\t[ngxAutofocus]=\"(control.value | appIsFormControl).customConfig?.autofocus || false\"\n\t\t\t\t\t[id]=\"control.key\"\n\t\t\t\t\t[formControl]=\"control.value | ngxAsFormControl\"\n\t\t\t\t\t[type]=\"(control.value | appIsFormControl).customConfig?.type || 'text'\"\n\t\t\t\t\t[autocomplete]=\"\n\t\t\t\t\t\t(control.value | appIsFormControl).customConfig?.type === 'password'\n\t\t\t\t\t\t\t? 'new-password'\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\"\n\t\t\t\t\t(keydown.enter)=\"validate()\" />\n\t\t\t}\n\t\t}\n\n\t\t<label ngxFormLabel [attr.for]=\"control.key\">\n\t\t\t{{ (control.value | appIsFormControl).customConfig?.label }}\n\t\t</label>\n\n\t\t<ngx-form-errors [errors]=\"control.value.errors\" [isDirty]=\"control.value.dirty\" />\n\t</div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: NgxFormControlPipe, name: "ngxAsFormControl" }, { kind: "directive", type: NgxFormGroupDirective, selector: "[ngxFormGroup]", inputs: ["formGroup", "validateOnChange"], exportAs: ["ngxFormGroup"] }, { kind: "directive", type: NgxFormLabelDirective, selector: "label[ngxFormLabel]" }, { kind: "component", type: NgxFormErrorsComponent, selector: "ngx-form-errors", inputs: ["isDirty", "errors"] }, { kind: "directive", type: NgxFormInputDirective, selector: "[ngxFormInput]", inputs: ["ngxFormInput", "formControl", "id", "name", "type", "placeholder", "isFloatingLabel"] }, { kind: "pipe", type: AppIsFormControlPipe, name: "appIsFormControl" }, { kind: "pipe", type: NgxIsFormGroupPipe, name: "ngxIsFormGroup" }, { kind: "directive", type: NgxAutofocusDirective, selector: "[ngxAutofocus]", inputs: ["ngxAutofocus"] }] }); }
|
|
709
711
|
}
|
|
710
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
712
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxFormComponent, decorators: [{
|
|
711
713
|
type: Component,
|
|
712
714
|
args: [{ selector: 'ngx-form', imports: [
|
|
713
715
|
CommonModule,
|
|
@@ -719,26 +721,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
|
|
|
719
721
|
NgxFormInputDirective,
|
|
720
722
|
AppIsFormControlPipe,
|
|
721
723
|
NgxIsFormGroupPipe,
|
|
722
|
-
|
|
724
|
+
NgxAutofocusDirective,
|
|
725
|
+
], template: "<form ngxFormGroup #formGroupDir=\"ngxFormGroup\" [formGroup]=\"formGroup()\">\n\t@for (control of formGroup().controls | keyvalue: keepOriginalOrder; track $index) {\n\t\t@if (isFormControl(control.value)) {\n\t\t\t<ng-container *ngTemplateOutlet=\"formField; context: { control: control }\" />\n\t\t} @else {\n\t\t\t<div ngxFormGroup [formGroup]=\"control.value | ngxIsFormGroup\" class=\"row\">\n\t\t\t\t@for (\n\t\t\t\t\tsubControl of (control.value | ngxIsFormGroup).controls | keyvalue: keepOriginalOrder;\n\t\t\t\t\ttrack $index\n\t\t\t\t) {\n\t\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"formField; context: { control: subControl }\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t}\n</form>\n\n<ng-template #formField let-control=\"control\">\n\t<div class=\"mb-3\">\n\t\t@switch ((control.value | appIsFormControl).customConfig?.type) {\n\t\t\t@case ('textarea') {\n\t\t\t\t<textarea\n\t\t\t\t\tngxFormInput\n\t\t\t\t\t[ngxAutofocus]=\"(control.value | appIsFormControl).customConfig?.autofocus || false\"\n\t\t\t\t\t[id]=\"control.key\"\n\t\t\t\t\t[formControl]=\"control.value | ngxAsFormControl\"\n\t\t\t\t\trows=\"3\">\n\t\t\t\t</textarea>\n\t\t\t}\n\n\t\t\t@case ('select') {\n\t\t\t\t<select\n\t\t\t\t\tngxFormInput\n\t\t\t\t\t[ngxAutofocus]=\"(control.value | appIsFormControl).customConfig?.autofocus || false\"\n\t\t\t\t\t[id]=\"control.key\"\n\t\t\t\t\t[formControl]=\"control.value | ngxAsFormControl\"\n\t\t\t\t\t(keydown.enter)=\"validate()\">\n\t\t\t\t\t<option value=\"\" disabled selected>Select your option</option>\n\t\t\t\t\t@for (\n\t\t\t\t\t\toption of (control.value | appIsFormControl).customConfig?.selectConfig?.options;\n\t\t\t\t\t\ttrack option.value\n\t\t\t\t\t) {\n\t\t\t\t\t\t<option [value]=\"option.value\" [disabled]=\"option.disabled\">\n\t\t\t\t\t\t\t{{ option.label }}\n\t\t\t\t\t\t</option>\n\t\t\t\t\t}\n\t\t\t\t</select>\n\t\t\t}\n\n\t\t\t@default {\n\t\t\t\t<input\n\t\t\t\t\tngxFormInput\n\t\t\t\t\t[ngxAutofocus]=\"(control.value | appIsFormControl).customConfig?.autofocus || false\"\n\t\t\t\t\t[id]=\"control.key\"\n\t\t\t\t\t[formControl]=\"control.value | ngxAsFormControl\"\n\t\t\t\t\t[type]=\"(control.value | appIsFormControl).customConfig?.type || 'text'\"\n\t\t\t\t\t[autocomplete]=\"\n\t\t\t\t\t\t(control.value | appIsFormControl).customConfig?.type === 'password'\n\t\t\t\t\t\t\t? 'new-password'\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\"\n\t\t\t\t\t(keydown.enter)=\"validate()\" />\n\t\t\t}\n\t\t}\n\n\t\t<label ngxFormLabel [attr.for]=\"control.key\">\n\t\t\t{{ (control.value | appIsFormControl).customConfig?.label }}\n\t\t</label>\n\n\t\t<ngx-form-errors [errors]=\"control.value.errors\" [isDirty]=\"control.value.dirty\" />\n\t</div>\n</ng-template>\n" }]
|
|
723
726
|
}] });
|
|
724
727
|
|
|
725
728
|
class NgxLoadingIndicatorComponent {
|
|
726
729
|
constructor() {
|
|
727
730
|
this.faSpinner = faSpinner;
|
|
728
731
|
}
|
|
729
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
730
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1
|
|
732
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxLoadingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
733
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: NgxLoadingIndicatorComponent, isStandalone: true, selector: "ngx-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"] }] }); }
|
|
731
734
|
}
|
|
732
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
735
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxLoadingIndicatorComponent, decorators: [{
|
|
733
736
|
type: Component,
|
|
734
737
|
args: [{ selector: 'ngx-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"] }]
|
|
735
738
|
}] });
|
|
736
739
|
|
|
737
740
|
class BaseModalComponent {
|
|
738
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
739
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1
|
|
741
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BaseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
742
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: BaseModalComponent, isStandalone: true, selector: "ngx-base-modal", ngImport: i0, template: ``, isInline: true }); }
|
|
740
743
|
}
|
|
741
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
744
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BaseModalComponent, decorators: [{
|
|
742
745
|
type: Component,
|
|
743
746
|
args: [{
|
|
744
747
|
selector: 'ngx-base-modal',
|
|
@@ -750,7 +753,7 @@ class NgxModalComponent {
|
|
|
750
753
|
constructor() {
|
|
751
754
|
this.title = input('');
|
|
752
755
|
this.showClose = input(true);
|
|
753
|
-
this.fullScreen = input(
|
|
756
|
+
this.fullScreen = input(false);
|
|
754
757
|
this.onClose = output();
|
|
755
758
|
this.dialogCssClasses = [];
|
|
756
759
|
this.faTimes = faTimes;
|
|
@@ -769,12 +772,12 @@ class NgxModalComponent {
|
|
|
769
772
|
handleClickClose() {
|
|
770
773
|
this.onClose.emit();
|
|
771
774
|
}
|
|
772
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
773
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1
|
|
775
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
776
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: NgxModalComponent, isStandalone: true, selector: "ngx-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose" }, host: { listeners: { "document:keydown.escape": "handleKeyboardEvent($event)" } }, ngImport: i0, template: "<div class=\"modal d-flex justify-content-center align-items-center\" [ngxAutofocus]=\"true\" tabindex=\"0\">\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\n\t\t\t\t@if (showClose()) {\n\t\t\t\t\t<button ngxIconButton=\"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]\" />\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgxIconButtonDirective, selector: "button[ngxIconButton]", inputs: ["ngxIconButton", "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"] }, { kind: "directive", type: NgxAutofocusDirective, selector: "[ngxAutofocus]", inputs: ["ngxAutofocus"] }] }); }
|
|
774
777
|
}
|
|
775
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxModalComponent, decorators: [{
|
|
776
779
|
type: Component,
|
|
777
|
-
args: [{ selector: 'ngx-modal', imports: [CommonModule, NgxIconButtonDirective, FontAwesomeModule, NgxAutofocusDirective], template: "<div class=\"modal d-flex justify-content-center align-items-center\" ngxAutofocus tabindex=\"0\">\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\n\t\t\t\t@if (showClose()) {\n\t\t\t\t\t<button ngxIconButton=\"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]\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>\n" }]
|
|
780
|
+
args: [{ selector: 'ngx-modal', imports: [CommonModule, NgxIconButtonDirective, FontAwesomeModule, NgxAutofocusDirective], template: "<div class=\"modal d-flex justify-content-center align-items-center\" [ngxAutofocus]=\"true\" tabindex=\"0\">\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\n\t\t\t\t@if (showClose()) {\n\t\t\t\t\t<button ngxIconButton=\"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]\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n<div class=\"modal-backdrop fade show\"></div>\n" }]
|
|
778
781
|
}], ctorParameters: () => [], propDecorators: { handleKeyboardEvent: [{
|
|
779
782
|
type: HostListener,
|
|
780
783
|
args: ['document:keydown.escape', ['$event']]
|
|
@@ -789,10 +792,10 @@ class NgxOffCanvasComponent {
|
|
|
789
792
|
handleClickClose() {
|
|
790
793
|
this.onClose.emit();
|
|
791
794
|
}
|
|
792
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
793
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1
|
|
795
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxOffCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
796
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.1", type: NgxOffCanvasComponent, isStandalone: true, selector: "ngx-off-canvas", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, 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 ngxIconButton=\"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: NgxIconButtonDirective, selector: "button[ngxIconButton]", inputs: ["ngxIconButton", "shadow"] }] }); }
|
|
794
797
|
}
|
|
795
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
798
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxOffCanvasComponent, decorators: [{
|
|
796
799
|
type: Component,
|
|
797
800
|
args: [{ selector: 'ngx-off-canvas', imports: [FontAwesomeModule, NgxIconButtonDirective], 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 ngxIconButton=\"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"] }]
|
|
798
801
|
}] });
|
|
@@ -801,10 +804,10 @@ class NgxTabContentComponent {
|
|
|
801
804
|
constructor() {
|
|
802
805
|
this.isActive = model(false);
|
|
803
806
|
}
|
|
804
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
805
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1
|
|
807
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxTabContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
808
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.1", type: NgxTabContentComponent, isStandalone: true, selector: "ngx-tab-content", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isActive: "isActiveChange" }, ngImport: i0, template: "<div class=\"tab-content\" [ngClass]=\"{ active: isActive() }\">\n\t<ng-content />\n</div>\n", styles: [".tab-content{display:none;padding:20px}.tab-content.active{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
806
809
|
}
|
|
807
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
810
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxTabContentComponent, decorators: [{
|
|
808
811
|
type: Component,
|
|
809
812
|
args: [{ selector: 'ngx-tab-content', imports: [CommonModule], template: "<div class=\"tab-content\" [ngClass]=\"{ active: isActive() }\">\n\t<ng-content />\n</div>\n", styles: [".tab-content{display:none;padding:20px}.tab-content.active{display:block}\n"] }]
|
|
810
813
|
}] });
|
|
@@ -818,10 +821,10 @@ class NgxTabComponent {
|
|
|
818
821
|
onClick() {
|
|
819
822
|
this.onSelected.emit();
|
|
820
823
|
}
|
|
821
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
822
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1
|
|
824
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
825
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.1", type: NgxTabComponent, isStandalone: true, selector: "ngx-tab", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { isActive: "isActiveChange", onSelected: "onSelected" }, host: { listeners: { "click": "onClick($event.target)" } }, ngImport: i0, template: "<div class=\"tab\" [ngClass]=\"{ active: isActive() }\" tabindex=\"0\">\n\t<ng-content />\n</div>\n", styles: [":host{display:flex}.tab{color:var(--font-color);padding:16px 20px;border-bottom:3px solid var(--gray-80);flex-shrink:0}.tab.active{color:var(--primary);background:var(--body-bg-color);border-bottom:3px solid var(--primary)}.tab:focus{outline:0;z-index:1}.tab:hover{cursor:pointer;background-color:var(--tab-highlight)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
823
826
|
}
|
|
824
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
827
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxTabComponent, decorators: [{
|
|
825
828
|
type: Component,
|
|
826
829
|
args: [{ selector: 'ngx-tab', imports: [CommonModule], template: "<div class=\"tab\" [ngClass]=\"{ active: isActive() }\" tabindex=\"0\">\n\t<ng-content />\n</div>\n", styles: [":host{display:flex}.tab{color:var(--font-color);padding:16px 20px;border-bottom:3px solid var(--gray-80);flex-shrink:0}.tab.active{color:var(--primary);background:var(--body-bg-color);border-bottom:3px solid var(--primary)}.tab:focus{outline:0;z-index:1}.tab:hover{cursor:pointer;background-color:var(--tab-highlight)}\n"] }]
|
|
827
830
|
}], propDecorators: { onClick: [{
|
|
@@ -850,10 +853,10 @@ class NgxTabsComponent {
|
|
|
850
853
|
this.tabQueryList().forEach(tab => tab.isActive.update(() => tab === tabComponent));
|
|
851
854
|
this.tabContentQueryList().forEach(tabContent => tabContent.isActive.update(() => tabContent === tabComponent.target()));
|
|
852
855
|
}
|
|
853
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
854
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1
|
|
856
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
857
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.1", type: NgxTabsComponent, isStandalone: true, selector: "ngx-tabs", queries: [{ propertyName: "tabQueryList", predicate: NgxTabComponent, isSignal: true }, { propertyName: "tabContentQueryList", predicate: NgxTabContentComponent, isSignal: true }], ngImport: i0, template: "<div class=\"tabs\">\n\t<ng-content select=\"ngx-tab\" />\n</div>\n<div class=\"tab-contents\">\n\t<ng-content select=\"ngx-tab-content\" />\n</div>\n", styles: [".tabs{display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent;overflow-x:auto}\n"] }); }
|
|
855
858
|
}
|
|
856
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
859
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxTabsComponent, decorators: [{
|
|
857
860
|
type: Component,
|
|
858
861
|
args: [{ selector: 'ngx-tabs', template: "<div class=\"tabs\">\n\t<ng-content select=\"ngx-tab\" />\n</div>\n<div class=\"tab-contents\">\n\t<ng-content select=\"ngx-tab-content\" />\n</div>\n", styles: [".tabs{display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent;overflow-x:auto}\n"] }]
|
|
859
862
|
}] });
|
|
@@ -862,8 +865,8 @@ class NgxToastComponent {
|
|
|
862
865
|
constructor() {
|
|
863
866
|
this.onClose = output();
|
|
864
867
|
}
|
|
865
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
866
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1
|
|
868
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
869
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: NgxToastComponent, isStandalone: true, selector: "ngx-toast", inputs: { message: "message" }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
|
|
867
870
|
<div class="toast align-items-center text-bg-dark border-0 show">
|
|
868
871
|
<div class="d-flex">
|
|
869
872
|
<div class="toast-body" [innerHTML]="message"></div>
|
|
@@ -872,7 +875,7 @@ class NgxToastComponent {
|
|
|
872
875
|
</div>
|
|
873
876
|
`, isInline: true, styles: [":host{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1051}\n"] }); }
|
|
874
877
|
}
|
|
875
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
878
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxToastComponent, decorators: [{
|
|
876
879
|
type: Component,
|
|
877
880
|
args: [{ selector: 'ngx-toast', template: `
|
|
878
881
|
<div class="toast align-items-center text-bg-dark border-0 show">
|
|
@@ -957,10 +960,10 @@ class NgxImageService {
|
|
|
957
960
|
canvas.height = img.height;
|
|
958
961
|
context.drawImage(img, 0, 0, canvas.width, canvas.height);
|
|
959
962
|
}
|
|
960
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
961
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1
|
|
963
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
964
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxImageService, providedIn: 'root' }); }
|
|
962
965
|
}
|
|
963
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
966
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxImageService, decorators: [{
|
|
964
967
|
type: Injectable,
|
|
965
968
|
args: [{ providedIn: 'root' }]
|
|
966
969
|
}] });
|
|
@@ -970,65 +973,61 @@ class NgxLoadingIndicatorService {
|
|
|
970
973
|
this.show = new BehaviorSubject(undefined);
|
|
971
974
|
this.hide = new BehaviorSubject(undefined);
|
|
972
975
|
}
|
|
973
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
974
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1
|
|
976
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxLoadingIndicatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
977
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxLoadingIndicatorService, providedIn: 'root' }); }
|
|
975
978
|
}
|
|
976
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
979
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxLoadingIndicatorService, decorators: [{
|
|
977
980
|
type: Injectable,
|
|
978
981
|
args: [{ providedIn: 'root' }]
|
|
979
982
|
}] });
|
|
980
983
|
|
|
981
984
|
class NgxModalService {
|
|
982
|
-
init(
|
|
983
|
-
if (!
|
|
984
|
-
throw new Error('
|
|
985
|
+
init(viewContainerRef) {
|
|
986
|
+
if (!viewContainerRef) {
|
|
987
|
+
throw new Error('viewContainerRef needs to be defined!');
|
|
985
988
|
}
|
|
986
|
-
this.portalOutlet = portalOutlet;
|
|
987
989
|
this.viewContainerRef = viewContainerRef;
|
|
988
990
|
}
|
|
989
991
|
showTemplate(templateRef) {
|
|
990
|
-
if (this.
|
|
991
|
-
const newPortal = new TemplatePortal(templateRef, this.viewContainerRef);
|
|
992
|
-
this.portalOutlet.attach(newPortal);
|
|
993
|
-
}
|
|
994
|
-
else {
|
|
992
|
+
if (!this.viewContainerRef) {
|
|
995
993
|
throw Error('no viewcontainer ref is set');
|
|
996
994
|
}
|
|
995
|
+
return this.viewContainerRef.createEmbeddedView(templateRef);
|
|
997
996
|
}
|
|
998
997
|
createComponent(component) {
|
|
999
|
-
if (!this.
|
|
998
|
+
if (!this.viewContainerRef) {
|
|
1000
999
|
throw Error('no viewcontainer ref is set');
|
|
1001
1000
|
}
|
|
1002
|
-
|
|
1003
|
-
return this.portalOutlet.attachComponentPortal(componentPortal);
|
|
1001
|
+
return this.viewContainerRef.createComponent(component);
|
|
1004
1002
|
}
|
|
1005
1003
|
hide() {
|
|
1006
|
-
this.
|
|
1004
|
+
if (this.componentRef) {
|
|
1005
|
+
this.componentRef.destroy();
|
|
1006
|
+
}
|
|
1007
1007
|
}
|
|
1008
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
1009
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1
|
|
1008
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1009
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxModalService, providedIn: 'root' }); }
|
|
1010
1010
|
}
|
|
1011
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
1011
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxModalService, decorators: [{
|
|
1012
1012
|
type: Injectable,
|
|
1013
1013
|
args: [{ providedIn: 'root' }]
|
|
1014
1014
|
}] });
|
|
1015
1015
|
|
|
1016
1016
|
class NgxToastService {
|
|
1017
|
-
init(
|
|
1018
|
-
if (!
|
|
1019
|
-
throw new Error('
|
|
1017
|
+
init(viewContainer) {
|
|
1018
|
+
if (!viewContainer) {
|
|
1019
|
+
throw new Error('viewContainerRef needs to be defined!');
|
|
1020
1020
|
}
|
|
1021
|
-
this.
|
|
1021
|
+
this.viewContainerRef = viewContainer;
|
|
1022
1022
|
}
|
|
1023
1023
|
show(message, timeout = 1500) {
|
|
1024
|
-
if (this.
|
|
1025
|
-
if (this.
|
|
1024
|
+
if (this.viewContainerRef) {
|
|
1025
|
+
if (this.componentRef) {
|
|
1026
1026
|
this.hide();
|
|
1027
1027
|
}
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
componentRef.instance.
|
|
1031
|
-
componentRef.instance.onClose.subscribe(() => {
|
|
1028
|
+
this.componentRef = this.viewContainerRef.createComponent(NgxToastComponent);
|
|
1029
|
+
this.componentRef.instance.message = message;
|
|
1030
|
+
this.componentRef.instance.onClose.subscribe(() => {
|
|
1032
1031
|
this.hide();
|
|
1033
1032
|
});
|
|
1034
1033
|
this.interval = window.setTimeout(() => {
|
|
@@ -1036,19 +1035,21 @@ class NgxToastService {
|
|
|
1036
1035
|
}, timeout);
|
|
1037
1036
|
}
|
|
1038
1037
|
else {
|
|
1039
|
-
throw Error('no
|
|
1038
|
+
throw Error('no viewcontainer ref is set');
|
|
1040
1039
|
}
|
|
1041
1040
|
}
|
|
1042
1041
|
hide() {
|
|
1043
|
-
this.
|
|
1042
|
+
if (this.componentRef) {
|
|
1043
|
+
this.componentRef.destroy();
|
|
1044
|
+
}
|
|
1044
1045
|
if (this.interval) {
|
|
1045
1046
|
clearTimeout(this.interval);
|
|
1046
1047
|
}
|
|
1047
1048
|
}
|
|
1048
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1
|
|
1049
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1
|
|
1049
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1050
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxToastService, providedIn: 'root' }); }
|
|
1050
1051
|
}
|
|
1051
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1
|
|
1052
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgxToastService, decorators: [{
|
|
1052
1053
|
type: Injectable,
|
|
1053
1054
|
args: [{ providedIn: 'root' }]
|
|
1054
1055
|
}] });
|