ngx-gccb 0.27.2 → 0.27.3
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 +175 -175
- package/fesm2022/ngx-gccb.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/ngx-gccb.mjs
CHANGED
|
@@ -30,14 +30,14 @@ const NgxFadeAnimation = trigger('ngxFadeAnimation', [
|
|
|
30
30
|
// TODO - display block
|
|
31
31
|
class NgxButtonComponent {
|
|
32
32
|
constructor() {
|
|
33
|
-
this.cssClass = input('', ...(ngDevMode ?
|
|
34
|
-
this.type = input(...(ngDevMode ?
|
|
35
|
-
this.color = input('primary', ...(ngDevMode ?
|
|
36
|
-
this.size = input('sm', ...(ngDevMode ?
|
|
37
|
-
this.variant = input('contained', ...(ngDevMode ?
|
|
38
|
-
this.disabled = input(...(ngDevMode ?
|
|
39
|
-
this.shadow = input(...(ngDevMode ?
|
|
40
|
-
this.focused = signal(false, ...(ngDevMode ?
|
|
33
|
+
this.cssClass = input('', { ...(ngDevMode ? { debugName: "cssClass" } : {}) });
|
|
34
|
+
this.type = input(undefined, { ...(ngDevMode ? { debugName: "type" } : {}) });
|
|
35
|
+
this.color = input('primary', { ...(ngDevMode ? { debugName: "color" } : {}) });
|
|
36
|
+
this.size = input('sm', { ...(ngDevMode ? { debugName: "size" } : {}) });
|
|
37
|
+
this.variant = input('contained', { ...(ngDevMode ? { debugName: "variant" } : {}) });
|
|
38
|
+
this.disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : {}) });
|
|
39
|
+
this.shadow = input(undefined, { ...(ngDevMode ? { debugName: "shadow" } : {}) });
|
|
40
|
+
this.focused = signal(false, { ...(ngDevMode ? { debugName: "focused" } : {}) });
|
|
41
41
|
this.getCssClass = computed(() => {
|
|
42
42
|
const cssClasses = ['btn'];
|
|
43
43
|
if (this.variant() === 'outline' || this.variant() === 'text') {
|
|
@@ -56,12 +56,12 @@ class NgxButtonComponent {
|
|
|
56
56
|
cssClasses.push('flex-shrink-0');
|
|
57
57
|
cssClasses.push(this.cssClass());
|
|
58
58
|
return cssClasses.join(' ');
|
|
59
|
-
}, ...(ngDevMode ?
|
|
59
|
+
}, { ...(ngDevMode ? { debugName: "getCssClass" } : {}) });
|
|
60
60
|
}
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
62
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
62
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.1", type: NgxButtonComponent, isStandalone: true, selector: "ngx-button", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "d-inline-flex align-items-center" }, ngImport: i0, template: "<button\n\t#buttonEl\n\t[className]=\"getCssClass()\"\n\t[attr.type]=\"type()\"\n\t[attr.disabled]=\"disabled()\"\n\t(focus)=\"focused.set(true)\"\n\t(blur)=\"focused.set(false)\">\n\t<ng-content />\n</button>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
63
63
|
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxButtonComponent, decorators: [{
|
|
65
65
|
type: Component,
|
|
66
66
|
args: [{ selector: 'ngx-button', host: { class: 'd-inline-flex align-items-center' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n\t#buttonEl\n\t[className]=\"getCssClass()\"\n\t[attr.type]=\"type()\"\n\t[attr.disabled]=\"disabled()\"\n\t(focus)=\"focused.set(true)\"\n\t(blur)=\"focused.set(false)\">\n\t<ng-content />\n</button>\n" }]
|
|
67
67
|
}], propDecorators: { cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cssClass", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], shadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "shadow", required: false }] }] } });
|
|
@@ -118,28 +118,28 @@ class CalendarComponent {
|
|
|
118
118
|
isSelected(day) {
|
|
119
119
|
return this.selectedDay?.isSame(day, 'day') || false;
|
|
120
120
|
}
|
|
121
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
122
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
121
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
122
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: CalendarComponent, isStandalone: true, selector: "ngx-calendar", outputs: { onDaySelected: "onDaySelected" }, ngImport: i0, template: "<div class=\"d-flex justify-content-between align-items-center mb-3\">\n\t<ngx-button variant=\"outline\" (click)=\"previousMonth()\">\u00AB</ngx-button>\n\t<h4 class=\"m-0\">\n\t\t{{ currentMonth.format('MMMM YYYY') }}\n\t</h4>\n\t<ngx-button variant=\"outline\" (click)=\"nextMonth()\">\u00BB</ngx-button>\n</div>\n\n<div class=\"table-responsive\">\n\t<table class=\"table table-bordered text-center\">\n\t\t<thead>\n\t\t\t<tr>\n\t\t\t\t@for (weekdayHeader of weekdayHeaders; track weekdayHeader) {\n\t\t\t\t\t<th>{{ weekdayHeader }}</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<tbody>\n\t\t\t@for (week of weeks; track $index) {\n\t\t\t\t<tr>\n\t\t\t\t\t@for (day of week; track day.date()) {\n\t\t\t\t\t\t<td\n\t\t\t\t\t\t\tclass=\"day\"\n\t\t\t\t\t\t\t[class.bg-light]=\"!isCurrentMonth(day)\"\n\t\t\t\t\t\t\t[class.bg-primary]=\"isSelected(day) || day === hoveredDay\"\n\t\t\t\t\t\t\t[class.text-white]=\"isSelected(day) || day === hoveredDay\"\n\t\t\t\t\t\t\t[class.bg-dark-subtle]=\"isToday(day)\"\n\t\t\t\t\t\t\t(click)=\"onSelectDay(day)\"\n\t\t\t\t\t\t\t(mouseover)=\"hoveredDay = day\"\n\t\t\t\t\t\t\t(mouseout)=\"hoveredDay = null\">\n\t\t\t\t\t\t\t{{ day.date() }}\n\t\t\t\t\t\t</td>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</tbody>\n\t</table>\n</div>\n", styles: [".day:hover{cursor:pointer}\n"], dependencies: [{ kind: "component", type: NgxButtonComponent, selector: "ngx-button", inputs: ["cssClass", "type", "color", "size", "variant", "disabled", "shadow"] }] }); }
|
|
123
123
|
}
|
|
124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
125
125
|
type: Component,
|
|
126
126
|
args: [{ selector: 'ngx-calendar', imports: [NgxButtonComponent], template: "<div class=\"d-flex justify-content-between align-items-center mb-3\">\n\t<ngx-button variant=\"outline\" (click)=\"previousMonth()\">\u00AB</ngx-button>\n\t<h4 class=\"m-0\">\n\t\t{{ currentMonth.format('MMMM YYYY') }}\n\t</h4>\n\t<ngx-button variant=\"outline\" (click)=\"nextMonth()\">\u00BB</ngx-button>\n</div>\n\n<div class=\"table-responsive\">\n\t<table class=\"table table-bordered text-center\">\n\t\t<thead>\n\t\t\t<tr>\n\t\t\t\t@for (weekdayHeader of weekdayHeaders; track weekdayHeader) {\n\t\t\t\t\t<th>{{ weekdayHeader }}</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<tbody>\n\t\t\t@for (week of weeks; track $index) {\n\t\t\t\t<tr>\n\t\t\t\t\t@for (day of week; track day.date()) {\n\t\t\t\t\t\t<td\n\t\t\t\t\t\t\tclass=\"day\"\n\t\t\t\t\t\t\t[class.bg-light]=\"!isCurrentMonth(day)\"\n\t\t\t\t\t\t\t[class.bg-primary]=\"isSelected(day) || day === hoveredDay\"\n\t\t\t\t\t\t\t[class.text-white]=\"isSelected(day) || day === hoveredDay\"\n\t\t\t\t\t\t\t[class.bg-dark-subtle]=\"isToday(day)\"\n\t\t\t\t\t\t\t(click)=\"onSelectDay(day)\"\n\t\t\t\t\t\t\t(mouseover)=\"hoveredDay = day\"\n\t\t\t\t\t\t\t(mouseout)=\"hoveredDay = null\">\n\t\t\t\t\t\t\t{{ day.date() }}\n\t\t\t\t\t\t</td>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</tbody>\n\t</table>\n</div>\n", styles: [".day:hover{cursor:pointer}\n"] }]
|
|
127
127
|
}], propDecorators: { onDaySelected: [{ type: i0.Output, args: ["onDaySelected"] }] } });
|
|
128
128
|
|
|
129
129
|
class NgxCardBodyComponent {
|
|
130
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
131
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
130
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxCardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
131
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: NgxCardBodyComponent, isStandalone: true, selector: "ngx-card-body", ngImport: i0, template: "<div class=\"card-body\"><ng-content /></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
132
132
|
}
|
|
133
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxCardBodyComponent, decorators: [{
|
|
134
134
|
type: Component,
|
|
135
135
|
args: [{ selector: 'ngx-card-body', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-body\"><ng-content /></div>\n" }]
|
|
136
136
|
}] });
|
|
137
137
|
|
|
138
138
|
class NgxCardTitleComponent {
|
|
139
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
140
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
139
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
140
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: NgxCardTitleComponent, isStandalone: true, selector: "ngx-card-title", ngImport: i0, template: "<h5 class=\"card-title\"><ng-content /></h5>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
141
141
|
}
|
|
142
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxCardTitleComponent, decorators: [{
|
|
143
143
|
type: Component,
|
|
144
144
|
args: [{ selector: 'ngx-card-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h5 class=\"card-title\"><ng-content /></h5>\n" }]
|
|
145
145
|
}] });
|
|
@@ -151,10 +151,10 @@ class NgxCardComponent {
|
|
|
151
151
|
ngOnInit() {
|
|
152
152
|
this.elementRef.nativeElement.classList.add('card');
|
|
153
153
|
}
|
|
154
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
155
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
154
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
155
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: NgxCardComponent, isStandalone: true, selector: "ngx-card", ngImport: i0, template: "<div class=\"card\"><ng-content /></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
156
156
|
}
|
|
157
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
157
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxCardComponent, decorators: [{
|
|
158
158
|
type: Component,
|
|
159
159
|
args: [{ selector: 'ngx-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card\"><ng-content /></div>\n" }]
|
|
160
160
|
}] });
|
|
@@ -164,8 +164,8 @@ class NgxDropdownDirective {
|
|
|
164
164
|
this.elementRef = inject(ElementRef);
|
|
165
165
|
this.renderer = inject(Renderer2);
|
|
166
166
|
this.viewContainerRef = inject(ViewContainerRef);
|
|
167
|
-
this.ngxDropdown = input.required(...(ngDevMode ?
|
|
168
|
-
this.placement = input('bottom-start', ...(ngDevMode ?
|
|
167
|
+
this.ngxDropdown = input.required({ ...(ngDevMode ? { debugName: "ngxDropdown" } : {}) });
|
|
168
|
+
this.placement = input('bottom-start', { ...(ngDevMode ? { debugName: "placement" } : {}) });
|
|
169
169
|
// adaptivePosition: InputSignal<boolean> = input(true);
|
|
170
170
|
// fallbackPlacements: InputSignal<Placement[]> = input<Placement[]>(['top-end', 'bottom-end', 'right', 'left']);
|
|
171
171
|
this.dropdownElement = null;
|
|
@@ -264,10 +264,10 @@ class NgxDropdownDirective {
|
|
|
264
264
|
});
|
|
265
265
|
});
|
|
266
266
|
}
|
|
267
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
268
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.
|
|
267
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxDropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
268
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.1", type: NgxDropdownDirective, isStandalone: true, selector: "[ngxDropdown]", inputs: { ngxDropdown: { classPropertyName: "ngxDropdown", publicName: "ngxDropdown", isSignal: true, isRequired: true, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "toggleDropdown()", "document:click": "onDocumentClick($event)", "document:keydown.escape": "handleKeyboardEvent()" } }, exportAs: ["ngxDropdown"], ngImport: i0 }); }
|
|
269
269
|
}
|
|
270
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
270
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxDropdownDirective, decorators: [{
|
|
271
271
|
type: Directive,
|
|
272
272
|
args: [{ selector: '[ngxDropdown]', exportAs: 'ngxDropdown' }]
|
|
273
273
|
}], propDecorators: { ngxDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxDropdown", required: true }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], toggleDropdown: [{
|
|
@@ -283,8 +283,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
|
|
|
283
283
|
|
|
284
284
|
class NgxFormErrorsComponent {
|
|
285
285
|
constructor() {
|
|
286
|
-
this.isDirty = input(false, ...(ngDevMode ?
|
|
287
|
-
this.errors = input(null, ...(ngDevMode ?
|
|
286
|
+
this.isDirty = input(false, { ...(ngDevMode ? { debugName: "isDirty" } : {}) });
|
|
287
|
+
this.errors = input(null, { ...(ngDevMode ? { debugName: "errors" } : {}) });
|
|
288
288
|
this.errorMessages = computed(() => {
|
|
289
289
|
const result = [];
|
|
290
290
|
if (this.isDirty() && this.errors()) {
|
|
@@ -295,7 +295,7 @@ class NgxFormErrorsComponent {
|
|
|
295
295
|
}
|
|
296
296
|
}
|
|
297
297
|
return result;
|
|
298
|
-
}, ...(ngDevMode ?
|
|
298
|
+
}, { ...(ngDevMode ? { debugName: "errorMessages" } : {}) });
|
|
299
299
|
this.errorMessageDictionary = {
|
|
300
300
|
required: () => 'Field is required',
|
|
301
301
|
requiredTrue: () => 'Field is required',
|
|
@@ -310,8 +310,8 @@ class NgxFormErrorsComponent {
|
|
|
310
310
|
timeAfterError: (errors) => `The time must be after ${errors?.['timeAfterError']}`,
|
|
311
311
|
};
|
|
312
312
|
}
|
|
313
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
314
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
313
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
314
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.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: `
|
|
315
315
|
@if (errorMessages()) {
|
|
316
316
|
<div class="invalid-feedback d-block">
|
|
317
317
|
@for (errorMessage of errorMessages(); track $index) {
|
|
@@ -321,7 +321,7 @@ class NgxFormErrorsComponent {
|
|
|
321
321
|
}
|
|
322
322
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
323
323
|
}
|
|
324
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
324
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormErrorsComponent, decorators: [{
|
|
325
325
|
type: Component,
|
|
326
326
|
args: [{
|
|
327
327
|
selector: 'ngx-form-errors',
|
|
@@ -355,8 +355,8 @@ class NgxFormControl extends UntypedFormControl {
|
|
|
355
355
|
|
|
356
356
|
class NgxFormGroupDirective {
|
|
357
357
|
constructor() {
|
|
358
|
-
this.formGroup = input.required(...(ngDevMode ?
|
|
359
|
-
this.validateOnChange = input(true, ...(ngDevMode ?
|
|
358
|
+
this.formGroup = input.required({ ...(ngDevMode ? { debugName: "formGroup" } : {}) });
|
|
359
|
+
this.validateOnChange = input(true, { ...(ngDevMode ? { debugName: "validateOnChange" } : {}) });
|
|
360
360
|
}
|
|
361
361
|
validateForm() {
|
|
362
362
|
Object.keys(this.formGroup().controls).forEach(key => {
|
|
@@ -382,10 +382,10 @@ class NgxFormGroupDirective {
|
|
|
382
382
|
this.formGroup().get(key)?.markAsUntouched({ onlySelf: true });
|
|
383
383
|
});
|
|
384
384
|
}
|
|
385
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
386
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.
|
|
385
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
386
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.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 }); }
|
|
387
387
|
}
|
|
388
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
388
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormGroupDirective, decorators: [{
|
|
389
389
|
type: Directive,
|
|
390
390
|
args: [{
|
|
391
391
|
selector: '[ngxFormGroup]',
|
|
@@ -397,13 +397,13 @@ class NgxFormInputDirective {
|
|
|
397
397
|
constructor() {
|
|
398
398
|
this.elementRef = inject((ElementRef));
|
|
399
399
|
this.renderer2 = inject(Renderer2);
|
|
400
|
-
this.ngxFormInput = input.required(...(ngDevMode ?
|
|
401
|
-
this.formControl = input(...(ngDevMode ?
|
|
402
|
-
this.id = input(...(ngDevMode ?
|
|
403
|
-
this.name = input(...(ngDevMode ?
|
|
404
|
-
this.type = input(...(ngDevMode ?
|
|
405
|
-
this.placeholder = input(...(ngDevMode ?
|
|
406
|
-
this.isFloatingLabel = input(true, ...(ngDevMode ?
|
|
400
|
+
this.ngxFormInput = input.required({ ...(ngDevMode ? { debugName: "ngxFormInput" } : {}) });
|
|
401
|
+
this.formControl = input(undefined, { ...(ngDevMode ? { debugName: "formControl" } : {}) });
|
|
402
|
+
this.id = input(undefined, { ...(ngDevMode ? { debugName: "id" } : {}) });
|
|
403
|
+
this.name = input(undefined, { ...(ngDevMode ? { debugName: "name" } : {}) });
|
|
404
|
+
this.type = input(undefined, { ...(ngDevMode ? { debugName: "type" } : {}) });
|
|
405
|
+
this.placeholder = input(undefined, { ...(ngDevMode ? { debugName: "placeholder" } : {}) });
|
|
406
|
+
this.isFloatingLabel = input(true, { ...(ngDevMode ? { debugName: "isFloatingLabel" } : {}) });
|
|
407
407
|
effect(() => {
|
|
408
408
|
const fc = this.formControl();
|
|
409
409
|
if (fc && this.type() === 'checkbox') {
|
|
@@ -453,10 +453,10 @@ class NgxFormInputDirective {
|
|
|
453
453
|
this.elementRef.nativeElement.classList.remove('is-invalid');
|
|
454
454
|
}
|
|
455
455
|
}
|
|
456
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
457
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.
|
|
456
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
457
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.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 }); }
|
|
458
458
|
}
|
|
459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormInputDirective, decorators: [{
|
|
460
460
|
type: Directive,
|
|
461
461
|
args: [{ selector: '[ngxFormInput]' }]
|
|
462
462
|
}], ctorParameters: () => [], propDecorators: { ngxFormInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxFormInput", required: true }] }], formControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "formControl", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], isFloatingLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFloatingLabel", required: false }] }] } });
|
|
@@ -465,10 +465,10 @@ class NgxFormLabelDirective {
|
|
|
465
465
|
constructor() {
|
|
466
466
|
this.elementClass = 'form-label';
|
|
467
467
|
}
|
|
468
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
469
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
468
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
469
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: NgxFormLabelDirective, isStandalone: true, selector: "label[ngxFormLabel]", host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
|
|
470
470
|
}
|
|
471
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
471
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormLabelDirective, decorators: [{
|
|
472
472
|
type: Directive,
|
|
473
473
|
args: [{ selector: 'label[ngxFormLabel]' }]
|
|
474
474
|
}], propDecorators: { elementClass: [{
|
|
@@ -491,10 +491,10 @@ class NgxFormSelectDirective {
|
|
|
491
491
|
ngOnInit() {
|
|
492
492
|
this.elementRef.nativeElement.classList.add('form-select');
|
|
493
493
|
}
|
|
494
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
495
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
494
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
495
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: NgxFormSelectDirective, isStandalone: true, selector: "select[ngxFormSelect]", inputs: { formInputInvalid: "formInputInvalid" }, ngImport: i0 }); }
|
|
496
496
|
}
|
|
497
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
497
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormSelectDirective, decorators: [{
|
|
498
498
|
type: Directive,
|
|
499
499
|
args: [{ selector: 'select[ngxFormSelect]' }]
|
|
500
500
|
}], propDecorators: { formInputInvalid: [{
|
|
@@ -505,10 +505,10 @@ class NgxFormControlPipe {
|
|
|
505
505
|
transform(value) {
|
|
506
506
|
return value;
|
|
507
507
|
}
|
|
508
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
509
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.
|
|
508
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
509
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: NgxFormControlPipe, isStandalone: true, name: "ngxAsFormControl" }); }
|
|
510
510
|
}
|
|
511
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
511
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormControlPipe, decorators: [{
|
|
512
512
|
type: Pipe,
|
|
513
513
|
args: [{ name: 'ngxAsFormControl' }]
|
|
514
514
|
}] });
|
|
@@ -517,7 +517,7 @@ class NgxAutofocusDirective {
|
|
|
517
517
|
constructor() {
|
|
518
518
|
this.ngZone = inject(NgZone);
|
|
519
519
|
this.el = inject(ElementRef);
|
|
520
|
-
this.ngxAutofocus = input(false, ...(ngDevMode ?
|
|
520
|
+
this.ngxAutofocus = input(false, { ...(ngDevMode ? { debugName: "ngxAutofocus" } : {}) });
|
|
521
521
|
}
|
|
522
522
|
ngAfterViewInit() {
|
|
523
523
|
if (this.ngxAutofocus()) {
|
|
@@ -528,10 +528,10 @@ class NgxAutofocusDirective {
|
|
|
528
528
|
});
|
|
529
529
|
}
|
|
530
530
|
}
|
|
531
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
532
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.
|
|
531
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxAutofocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
532
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.1", type: NgxAutofocusDirective, isStandalone: true, selector: "[ngxAutofocus]", inputs: { ngxAutofocus: { classPropertyName: "ngxAutofocus", publicName: "ngxAutofocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
533
533
|
}
|
|
534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
534
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxAutofocusDirective, decorators: [{
|
|
535
535
|
type: Directive,
|
|
536
536
|
args: [{ selector: '[ngxAutofocus]' }]
|
|
537
537
|
}], propDecorators: { ngxAutofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxAutofocus", required: false }] }] } });
|
|
@@ -540,10 +540,10 @@ class AppIsFormControlPipe {
|
|
|
540
540
|
transform(value) {
|
|
541
541
|
return value;
|
|
542
542
|
}
|
|
543
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
544
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.
|
|
543
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: AppIsFormControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
544
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: AppIsFormControlPipe, isStandalone: true, name: "appIsFormControl" }); }
|
|
545
545
|
}
|
|
546
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: AppIsFormControlPipe, decorators: [{
|
|
547
547
|
type: Pipe,
|
|
548
548
|
args: [{ name: 'appIsFormControl' }]
|
|
549
549
|
}] });
|
|
@@ -552,18 +552,18 @@ class NgxIsFormGroupPipe {
|
|
|
552
552
|
transform(value) {
|
|
553
553
|
return value;
|
|
554
554
|
}
|
|
555
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
556
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.
|
|
555
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxIsFormGroupPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
556
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: NgxIsFormGroupPipe, isStandalone: true, name: "ngxIsFormGroup" }); }
|
|
557
557
|
}
|
|
558
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
558
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxIsFormGroupPipe, decorators: [{
|
|
559
559
|
type: Pipe,
|
|
560
560
|
args: [{ name: 'ngxIsFormGroup' }]
|
|
561
561
|
}] });
|
|
562
562
|
|
|
563
563
|
class NgxFormComponent {
|
|
564
564
|
constructor() {
|
|
565
|
-
this.formGroup = input.required(...(ngDevMode ?
|
|
566
|
-
this.formGroupDirective = viewChild(NgxFormGroupDirective, ...(ngDevMode ?
|
|
565
|
+
this.formGroup = input.required({ ...(ngDevMode ? { debugName: "formGroup" } : {}) });
|
|
566
|
+
this.formGroupDirective = viewChild(NgxFormGroupDirective, { ...(ngDevMode ? { debugName: "formGroupDirective" } : {}) });
|
|
567
567
|
this.onValidated = output();
|
|
568
568
|
this.keepOriginalOrder = () => 0;
|
|
569
569
|
}
|
|
@@ -577,10 +577,10 @@ class NgxFormComponent {
|
|
|
577
577
|
reset() {
|
|
578
578
|
this.formGroupDirective()?.resetForm();
|
|
579
579
|
}
|
|
580
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
581
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
580
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
581
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.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: "formGroupDirective", first: true, predicate: NgxFormGroupDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<form ngxFormGroup #formGroupDirective=\"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 (subControl of (control.value | ngxIsFormGroup).controls | keyvalue: keepOriginalOrder; track $index) {\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@if (control.value | appIsFormControl; as typedControl) {\n\t\t<div class=\"mb-3\">\n\t\t\t<!-- <label ngxFormLabel [attr.for]=\"control.key\">\n\t\t\t{{ typedControl.customConfig?.label }}\n\t\t</label> -->\n\n\t\t\t@switch (typedControl.config?.type) {\n\t\t\t\t@case ('textarea') {\n\t\t\t\t\t<textarea\n\t\t\t\t\t\tngxFormInput\n\t\t\t\t\t\ttype=\"textarea\"\n\t\t\t\t\t\t[ngxAutofocus]=\"typedControl.config?.autofocus || false\"\n\t\t\t\t\t\t[id]=\"control.key\"\n\t\t\t\t\t\t[placeholder]=\"typedControl.config?.placeholder\"\n\t\t\t\t\t\t[formControl]=\"typedControl\"\n\t\t\t\t\t\t[rows]=\"typedControl.config?.textareaConfig?.rows || 4\">\n\t\t\t\t\t</textarea>\n\t\t\t\t}\n\n\t\t\t\t@case ('select') {\n\t\t\t\t\t<select\n\t\t\t\t\t\tngxFormInput\n\t\t\t\t\t\ttype=\"select\"\n\t\t\t\t\t\t[ngxAutofocus]=\"typedControl.config?.autofocus || false\"\n\t\t\t\t\t\t[id]=\"control.key\"\n\t\t\t\t\t\t[formControl]=\"typedControl\"\n\t\t\t\t\t\t(keydown.enter)=\"validate()\">\n\t\t\t\t\t\t<option value=\"\" disabled selected>Select your option</option>\n\t\t\t\t\t\t@for (option of typedControl.config?.selectConfig?.options; track option.value) {\n\t\t\t\t\t\t\t<option [value]=\"option.value\" [disabled]=\"option.disabled\">\n\t\t\t\t\t\t\t\t{{ option.label }}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t}\n\t\t\t\t\t</select>\n\t\t\t\t}\n\n\t\t\t\t@case ('checkbox') {\n\t\t\t\t\t<input\n\t\t\t\t\t\tngxFormInput\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t[ngxAutofocus]=\"typedControl.config?.autofocus || false\"\n\t\t\t\t\t\t[id]=\"control.key\"\n\t\t\t\t\t\t[formControl]=\"typedControl\"\n\t\t\t\t\t\t(keydown.enter)=\"validate()\" />\n\t\t\t\t}\n\n\t\t\t\t@default {\n\t\t\t\t\t<input\n\t\t\t\t\t\tngxFormInput\n\t\t\t\t\t\t[type]=\"typedControl.config?.type || 'text'\"\n\t\t\t\t\t\t[ngxAutofocus]=\"typedControl.config?.autofocus || false\"\n\t\t\t\t\t\t[id]=\"control.key\"\n\t\t\t\t\t\t[placeholder]=\"typedControl.config?.placeholder\"\n\t\t\t\t\t\t[formControl]=\"typedControl\"\n\t\t\t\t\t\t[autocomplete]=\"typedControl.config?.type === 'password' ? 'new-password' : undefined\"\n\t\t\t\t\t\t(keydown.enter)=\"validate()\" />\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<label ngxFormLabel [attr.for]=\"control.key\">\n\t\t\t\t{{ typedControl.config?.label }}\n\t\t\t</label>\n\n\t\t\t@if (typedControl.config?.hint) {\n\t\t\t\t<small class=\"text-muted\">\n\t\t\t\t\t{{ typedControl.config?.hint }}\n\t\t\t\t</small>\n\t\t\t}\n\n\t\t\t<ngx-form-errors [errors]=\"control.value.errors\" [isDirty]=\"control.value.dirty\" />\n\t\t</div>\n\t}\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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],[formArray],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: "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: "directive", type: NgxAutofocusDirective, selector: "[ngxAutofocus]", inputs: ["ngxAutofocus"] }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: AppIsFormControlPipe, name: "appIsFormControl" }, { kind: "pipe", type: NgxIsFormGroupPipe, name: "ngxIsFormGroup" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
582
582
|
}
|
|
583
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxFormComponent, decorators: [{
|
|
584
584
|
type: Component,
|
|
585
585
|
args: [{ selector: 'ngx-form', imports: [
|
|
586
586
|
CommonModule,
|
|
@@ -598,14 +598,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
|
|
|
598
598
|
class NgxIconComponent {
|
|
599
599
|
constructor() {
|
|
600
600
|
this.sanitizer = inject(DomSanitizer);
|
|
601
|
-
this.svg = input.required(...(ngDevMode ?
|
|
602
|
-
this.size = input('1.25em', ...(ngDevMode ?
|
|
603
|
-
this.title = input(...(ngDevMode ?
|
|
604
|
-
this.ariaHidden = input(true, ...(ngDevMode ?
|
|
605
|
-
this.class = input(...(ngDevMode ?
|
|
601
|
+
this.svg = input.required({ ...(ngDevMode ? { debugName: "svg" } : {}) });
|
|
602
|
+
this.size = input('1.25em', { ...(ngDevMode ? { debugName: "size" } : {}) });
|
|
603
|
+
this.title = input(undefined, { ...(ngDevMode ? { debugName: "title" } : {}) });
|
|
604
|
+
this.ariaHidden = input(true, { ...(ngDevMode ? { debugName: "ariaHidden" } : {}) });
|
|
605
|
+
this.class = input(undefined, { ...(ngDevMode ? { debugName: "class" } : {}) });
|
|
606
606
|
this.svgHtml = computed(() => {
|
|
607
607
|
return this.svg() ? this.sanitizer.bypassSecurityTrustHtml(this.fixFill(this.svg())) : '';
|
|
608
|
-
}, ...(ngDevMode ?
|
|
608
|
+
}, { ...(ngDevMode ? { debugName: "svgHtml" } : {}) });
|
|
609
609
|
}
|
|
610
610
|
get hostSize() {
|
|
611
611
|
const size = this.size();
|
|
@@ -623,8 +623,8 @@ class NgxIconComponent {
|
|
|
623
623
|
}
|
|
624
624
|
return svg.replace(/^<svg/i, '<svg fill="currentColor"');
|
|
625
625
|
}
|
|
626
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
627
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
626
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
627
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.1", type: NgxIconComponent, isStandalone: true, selector: "ngx-icon", inputs: { svg: { classPropertyName: "svg", publicName: "svg", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaHidden: { classPropertyName: "ariaHidden", publicName: "ariaHidden", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--ngx-icon-size": "this.hostSize", "class": "this.hostClass" } }, ngImport: i0, template: `
|
|
628
628
|
<span
|
|
629
629
|
class="ngx-icon"
|
|
630
630
|
[attr.aria-hidden]="ariaHidden() ? 'true' : null"
|
|
@@ -634,7 +634,7 @@ class NgxIconComponent {
|
|
|
634
634
|
</span>
|
|
635
635
|
`, isInline: true, styles: [":host{display:inline-flex;line-height:0;vertical-align:middle}.ngx-icon{display:inline-flex;width:var(--ngx-icon-size, 1.5em);height:var(--ngx-icon-size, 1.5em)}.ngx-icon svg{width:100%;height:100%;display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
636
636
|
}
|
|
637
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
637
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxIconComponent, decorators: [{
|
|
638
638
|
type: Component,
|
|
639
639
|
args: [{ selector: 'ngx-icon', standalone: true, imports: [CommonModule], template: `
|
|
640
640
|
<span
|
|
@@ -655,14 +655,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
|
|
|
655
655
|
|
|
656
656
|
class NgxIconButtonComponent {
|
|
657
657
|
constructor() {
|
|
658
|
-
this.svg = input.required(...(ngDevMode ?
|
|
659
|
-
this.type = input(...(ngDevMode ?
|
|
660
|
-
this.color = input('primary', ...(ngDevMode ?
|
|
661
|
-
this.size = input('sm', ...(ngDevMode ?
|
|
662
|
-
this.variant = input('contained', ...(ngDevMode ?
|
|
663
|
-
this.disabled = input(...(ngDevMode ?
|
|
664
|
-
this.shadow = input(...(ngDevMode ?
|
|
665
|
-
this.focused = signal(false, ...(ngDevMode ?
|
|
658
|
+
this.svg = input.required({ ...(ngDevMode ? { debugName: "svg" } : {}) });
|
|
659
|
+
this.type = input(undefined, { ...(ngDevMode ? { debugName: "type" } : {}) });
|
|
660
|
+
this.color = input('primary', { ...(ngDevMode ? { debugName: "color" } : {}) });
|
|
661
|
+
this.size = input('sm', { ...(ngDevMode ? { debugName: "size" } : {}) });
|
|
662
|
+
this.variant = input('contained', { ...(ngDevMode ? { debugName: "variant" } : {}) });
|
|
663
|
+
this.disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : {}) });
|
|
664
|
+
this.shadow = input(undefined, { ...(ngDevMode ? { debugName: "shadow" } : {}) });
|
|
665
|
+
this.focused = signal(false, { ...(ngDevMode ? { debugName: "focused" } : {}) });
|
|
666
666
|
this.cssClass = computed(() => {
|
|
667
667
|
const cssClasses = ['btn', 'icon-btn', `icon-btn-${this.color()}`];
|
|
668
668
|
if (this.focused()) {
|
|
@@ -674,12 +674,12 @@ class NgxIconButtonComponent {
|
|
|
674
674
|
cssClasses.push(`btn-${this.size() || 'sm'}`);
|
|
675
675
|
cssClasses.push('flex-shrink-0');
|
|
676
676
|
return cssClasses.join(' ');
|
|
677
|
-
}, ...(ngDevMode ?
|
|
677
|
+
}, { ...(ngDevMode ? { debugName: "cssClass" } : {}) });
|
|
678
678
|
}
|
|
679
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
680
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
679
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
680
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.1", type: NgxIconButtonComponent, isStandalone: true, selector: "ngx-icon-button", inputs: { svg: { classPropertyName: "svg", publicName: "svg", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "d-inline-flex align-items-center" }, ngImport: i0, template: "<button\n\t#buttonEl\n\t[className]=\"cssClass()\"\n\t[attr.type]=\"type()\"\n\t[attr.disabled]=\"disabled()\"\n\t(focus)=\"focused.set(true)\"\n\t(blur)=\"focused.set(false)\">\n\t<ngx-icon [svg]=\"svg()\" [class]=\"'text-' + color()\" />\n</button>\n", styles: [".icon-btn{display:flex;align-items:center;justify-content:center;min-width:40px;width:40px;height:40px;border-radius:100%;background-color:transparent;border-color:transparent}.icon-btn:focus{outline:0;box-shadow:0 0 0 .15rem gray}.icon-btn svg{max-width:20px;max-height:20px}\n"], dependencies: [{ kind: "component", type: NgxIconComponent, selector: "ngx-icon", inputs: ["svg", "size", "title", "ariaHidden", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
681
681
|
}
|
|
682
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
682
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxIconButtonComponent, decorators: [{
|
|
683
683
|
type: Component,
|
|
684
684
|
args: [{ selector: 'ngx-icon-button', host: { class: 'd-inline-flex align-items-center' }, imports: [NgxIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n\t#buttonEl\n\t[className]=\"cssClass()\"\n\t[attr.type]=\"type()\"\n\t[attr.disabled]=\"disabled()\"\n\t(focus)=\"focused.set(true)\"\n\t(blur)=\"focused.set(false)\">\n\t<ngx-icon [svg]=\"svg()\" [class]=\"'text-' + color()\" />\n</button>\n", styles: [".icon-btn{display:flex;align-items:center;justify-content:center;min-width:40px;width:40px;height:40px;border-radius:100%;background-color:transparent;border-color:transparent}.icon-btn:focus{outline:0;box-shadow:0 0 0 .15rem gray}.icon-btn svg{max-width:20px;max-height:20px}\n"] }]
|
|
685
685
|
}], propDecorators: { svg: [{ type: i0.Input, args: [{ isSignal: true, alias: "svg", required: true }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], shadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "shadow", required: false }] }] } });
|
|
@@ -691,10 +691,10 @@ class NgxListGroupItemAvatarDirective {
|
|
|
691
691
|
ngOnInit() {
|
|
692
692
|
this.elementRef.nativeElement.classList.add('list-group-item-avatar');
|
|
693
693
|
}
|
|
694
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
695
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
694
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxListGroupItemAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
695
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: NgxListGroupItemAvatarDirective, isStandalone: true, selector: "[ngxListGroupItemAvatar]", ngImport: i0 }); }
|
|
696
696
|
}
|
|
697
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
697
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxListGroupItemAvatarDirective, decorators: [{
|
|
698
698
|
type: Directive,
|
|
699
699
|
args: [{
|
|
700
700
|
selector: '[ngxListGroupItemAvatar]',
|
|
@@ -729,10 +729,10 @@ class NgxListGroupItemDirective {
|
|
|
729
729
|
}
|
|
730
730
|
});
|
|
731
731
|
}
|
|
732
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
733
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
732
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxListGroupItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
733
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: NgxListGroupItemDirective, isStandalone: true, selector: "li[ngxListGroupItem]", inputs: { isActive: "isActive" }, outputs: { onOutsideClick: "onOutsideClick" }, ngImport: i0 }); }
|
|
734
734
|
}
|
|
735
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
735
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxListGroupItemDirective, decorators: [{
|
|
736
736
|
type: Directive,
|
|
737
737
|
args: [{
|
|
738
738
|
selector: 'li[ngxListGroupItem]',
|
|
@@ -751,10 +751,10 @@ class NgxListGroupDirective {
|
|
|
751
751
|
this.elementRef.nativeElement.classList.add('list-group');
|
|
752
752
|
this.elementRef.nativeElement.classList.add('list-group-flush');
|
|
753
753
|
}
|
|
754
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
755
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
754
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxListGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
755
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: NgxListGroupDirective, isStandalone: true, selector: "ul[ngxListGroup]", ngImport: i0 }); }
|
|
756
756
|
}
|
|
757
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
757
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxListGroupDirective, decorators: [{
|
|
758
758
|
type: Directive,
|
|
759
759
|
args: [{
|
|
760
760
|
selector: 'ul[ngxListGroup]',
|
|
@@ -768,16 +768,16 @@ const LibIcons = {
|
|
|
768
768
|
|
|
769
769
|
class NgxLoadingIndicatorComponent {
|
|
770
770
|
constructor() {
|
|
771
|
-
this.icon = input(LibIcons.faSpinner, ...(ngDevMode ?
|
|
772
|
-
this.spin = model(false, ...(ngDevMode ?
|
|
773
|
-
this.float = model(false, ...(ngDevMode ?
|
|
771
|
+
this.icon = input(LibIcons.faSpinner, { ...(ngDevMode ? { debugName: "icon" } : {}) });
|
|
772
|
+
this.spin = model(false, { ...(ngDevMode ? { debugName: "spin" } : {}) });
|
|
773
|
+
this.float = model(false, { ...(ngDevMode ? { debugName: "float" } : {}) });
|
|
774
774
|
this.cssClass = computed(() => {
|
|
775
775
|
const cssClasses = [''];
|
|
776
776
|
if (this.spin()) {
|
|
777
777
|
cssClasses.push(`spin`);
|
|
778
778
|
}
|
|
779
779
|
return cssClasses.join(' ');
|
|
780
|
-
}, ...(ngDevMode ?
|
|
780
|
+
}, { ...(ngDevMode ? { debugName: "cssClass" } : {}) });
|
|
781
781
|
}
|
|
782
782
|
get hostClass() {
|
|
783
783
|
const cssClasses = [''];
|
|
@@ -786,10 +786,10 @@ class NgxLoadingIndicatorComponent {
|
|
|
786
786
|
}
|
|
787
787
|
return cssClasses.join(' ');
|
|
788
788
|
}
|
|
789
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
790
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
789
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxLoadingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
790
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.1", type: NgxLoadingIndicatorComponent, isStandalone: true, selector: "ngx-loading-indicator", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, spin: { classPropertyName: "spin", publicName: "spin", isSignal: true, isRequired: false, transformFunction: null }, float: { classPropertyName: "float", publicName: "float", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { spin: "spinChange", float: "floatChange" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ngx-icon [class]=\"cssClass()\" [svg]=\"icon()\" />\n", styles: [":host{color:#495057}:host.float{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}\n"], dependencies: [{ kind: "component", type: NgxIconComponent, selector: "ngx-icon", inputs: ["svg", "size", "title", "ariaHidden", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
791
791
|
}
|
|
792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
792
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxLoadingIndicatorComponent, decorators: [{
|
|
793
793
|
type: Component,
|
|
794
794
|
args: [{ selector: 'ngx-loading-indicator', imports: [NgxIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ngx-icon [class]=\"cssClass()\" [svg]=\"icon()\" />\n", styles: [":host{color:#495057}:host.float{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
|
|
795
795
|
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], spin: [{ type: i0.Input, args: [{ isSignal: true, alias: "spin", required: false }] }, { type: i0.Output, args: ["spinChange"] }], float: [{ type: i0.Input, args: [{ isSignal: true, alias: "float", required: false }] }, { type: i0.Output, args: ["floatChange"] }], hostClass: [{
|
|
@@ -822,19 +822,19 @@ class NgxLoadingIndicatorService {
|
|
|
822
822
|
this.componentRef.destroy();
|
|
823
823
|
}
|
|
824
824
|
}
|
|
825
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
826
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.
|
|
825
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxLoadingIndicatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
826
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxLoadingIndicatorService, providedIn: 'root' }); }
|
|
827
827
|
}
|
|
828
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
828
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxLoadingIndicatorService, decorators: [{
|
|
829
829
|
type: Injectable,
|
|
830
830
|
args: [{ providedIn: 'root' }]
|
|
831
831
|
}] });
|
|
832
832
|
|
|
833
833
|
class BaseModalComponent {
|
|
834
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
835
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
834
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: BaseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
835
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: BaseModalComponent, isStandalone: true, selector: "ngx-base-modal", ngImport: i0, template: ``, isInline: true }); }
|
|
836
836
|
}
|
|
837
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
837
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: BaseModalComponent, decorators: [{
|
|
838
838
|
type: Component,
|
|
839
839
|
args: [{
|
|
840
840
|
selector: 'ngx-base-modal',
|
|
@@ -855,10 +855,10 @@ class NgxColDirective {
|
|
|
855
855
|
ngAfterViewInit() {
|
|
856
856
|
this.el.nativeElement.classList.add(this.span);
|
|
857
857
|
}
|
|
858
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
859
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
858
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxColDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
859
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: NgxColDirective, isStandalone: true, selector: "[ngxCol]", inputs: { col: "col" }, ngImport: i0 }); }
|
|
860
860
|
}
|
|
861
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
861
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxColDirective, decorators: [{
|
|
862
862
|
type: Directive,
|
|
863
863
|
args: [{ selector: '[ngxCol]' }]
|
|
864
864
|
}], propDecorators: { col: [{
|
|
@@ -870,18 +870,18 @@ class NgxTooltipDirective {
|
|
|
870
870
|
this.elementRef = inject(ElementRef);
|
|
871
871
|
this.renderer = inject(Renderer2);
|
|
872
872
|
this.viewContainerRef = inject(ViewContainerRef);
|
|
873
|
-
this.ngxTooltip = input.required(...(ngDevMode ?
|
|
874
|
-
this.ngxTooltipClass = input('', ...(ngDevMode ?
|
|
875
|
-
this.ngxTooltipPlacement = input('top', ...(ngDevMode ?
|
|
876
|
-
this.ngxTooltipIsShow = input(false, ...(ngDevMode ?
|
|
877
|
-
this.ngxTooltipXOffset = input(0, ...(ngDevMode ?
|
|
878
|
-
this.ngxTooltipYOffset = input(8, ...(ngDevMode ?
|
|
879
|
-
this.ngxTooltipDelay = input(200, ...(ngDevMode ?
|
|
880
|
-
this.ngxTooltipTriggers = input(['hover'], ...(ngDevMode ?
|
|
881
|
-
this.ngxTooltipSize = input('sm', ...(ngDevMode ?
|
|
882
|
-
this.ngxTooltipZIndex = input(5, ...(ngDevMode ?
|
|
883
|
-
this.ngxTooltipAdaptivePosition = input(true, ...(ngDevMode ?
|
|
884
|
-
this.ngxTooltipFallbackPlacements = input(['top', 'bottom', 'right', 'left'], ...(ngDevMode ?
|
|
873
|
+
this.ngxTooltip = input.required({ ...(ngDevMode ? { debugName: "ngxTooltip" } : {}) });
|
|
874
|
+
this.ngxTooltipClass = input('', { ...(ngDevMode ? { debugName: "ngxTooltipClass" } : {}) });
|
|
875
|
+
this.ngxTooltipPlacement = input('top', { ...(ngDevMode ? { debugName: "ngxTooltipPlacement" } : {}) });
|
|
876
|
+
this.ngxTooltipIsShow = input(false, { ...(ngDevMode ? { debugName: "ngxTooltipIsShow" } : {}) });
|
|
877
|
+
this.ngxTooltipXOffset = input(0, { ...(ngDevMode ? { debugName: "ngxTooltipXOffset" } : {}) });
|
|
878
|
+
this.ngxTooltipYOffset = input(8, { ...(ngDevMode ? { debugName: "ngxTooltipYOffset" } : {}) });
|
|
879
|
+
this.ngxTooltipDelay = input(200, { ...(ngDevMode ? { debugName: "ngxTooltipDelay" } : {}) });
|
|
880
|
+
this.ngxTooltipTriggers = input(['hover'], { ...(ngDevMode ? { debugName: "ngxTooltipTriggers" } : {}) });
|
|
881
|
+
this.ngxTooltipSize = input('sm', { ...(ngDevMode ? { debugName: "ngxTooltipSize" } : {}) });
|
|
882
|
+
this.ngxTooltipZIndex = input(5, { ...(ngDevMode ? { debugName: "ngxTooltipZIndex" } : {}) });
|
|
883
|
+
this.ngxTooltipAdaptivePosition = input(true, { ...(ngDevMode ? { debugName: "ngxTooltipAdaptivePosition" } : {}) });
|
|
884
|
+
this.ngxTooltipFallbackPlacements = input(['top', 'bottom', 'right', 'left'], { ...(ngDevMode ? { debugName: "ngxTooltipFallbackPlacements" } : {}) });
|
|
885
885
|
this.isOpen = false;
|
|
886
886
|
effect(() => {
|
|
887
887
|
if (this.ngxTooltipIsShow()) {
|
|
@@ -1051,10 +1051,10 @@ class NgxTooltipDirective {
|
|
|
1051
1051
|
this.show();
|
|
1052
1052
|
}
|
|
1053
1053
|
}
|
|
1054
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1055
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.
|
|
1054
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1055
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.1", type: NgxTooltipDirective, isStandalone: true, selector: "[ngxTooltip]", inputs: { ngxTooltip: { classPropertyName: "ngxTooltip", publicName: "ngxTooltip", isSignal: true, isRequired: true, transformFunction: null }, ngxTooltipClass: { classPropertyName: "ngxTooltipClass", publicName: "ngxTooltipClass", isSignal: true, isRequired: false, transformFunction: null }, ngxTooltipPlacement: { classPropertyName: "ngxTooltipPlacement", publicName: "ngxTooltipPlacement", isSignal: true, isRequired: false, transformFunction: null }, ngxTooltipIsShow: { classPropertyName: "ngxTooltipIsShow", publicName: "ngxTooltipIsShow", isSignal: true, isRequired: false, transformFunction: null }, ngxTooltipXOffset: { classPropertyName: "ngxTooltipXOffset", publicName: "ngxTooltipXOffset", isSignal: true, isRequired: false, transformFunction: null }, ngxTooltipYOffset: { classPropertyName: "ngxTooltipYOffset", publicName: "ngxTooltipYOffset", isSignal: true, isRequired: false, transformFunction: null }, ngxTooltipDelay: { classPropertyName: "ngxTooltipDelay", publicName: "ngxTooltipDelay", isSignal: true, isRequired: false, transformFunction: null }, ngxTooltipTriggers: { classPropertyName: "ngxTooltipTriggers", publicName: "ngxTooltipTriggers", isSignal: true, isRequired: false, transformFunction: null }, ngxTooltipSize: { classPropertyName: "ngxTooltipSize", publicName: "ngxTooltipSize", isSignal: true, isRequired: false, transformFunction: null }, ngxTooltipZIndex: { classPropertyName: "ngxTooltipZIndex", publicName: "ngxTooltipZIndex", isSignal: true, isRequired: false, transformFunction: null }, ngxTooltipAdaptivePosition: { classPropertyName: "ngxTooltipAdaptivePosition", publicName: "ngxTooltipAdaptivePosition", isSignal: true, isRequired: false, transformFunction: null }, ngxTooltipFallbackPlacements: { classPropertyName: "ngxTooltipFallbackPlacements", publicName: "ngxTooltipFallbackPlacements", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onHover()", "mouseleave": "onLeave()", "pointerenter": "onPointerEnter()", "pointerout": "onPointerOut()", "focusin": "onFocusIn()", "focusout": "onFocusOut()", "click": "onClick()", "document:click": "onDocumentClick($event)" } }, exportAs: ["ngxTooltip"], ngImport: i0 }); }
|
|
1056
1056
|
}
|
|
1057
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1057
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxTooltipDirective, decorators: [{
|
|
1058
1058
|
type: Directive,
|
|
1059
1059
|
args: [{ selector: '[ngxTooltip]', exportAs: 'ngxTooltip' }]
|
|
1060
1060
|
}], ctorParameters: () => [], propDecorators: { ngxTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxTooltip", required: true }] }], ngxTooltipClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxTooltipClass", required: false }] }], ngxTooltipPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxTooltipPlacement", required: false }] }], ngxTooltipIsShow: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxTooltipIsShow", required: false }] }], ngxTooltipXOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxTooltipXOffset", required: false }] }], ngxTooltipYOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxTooltipYOffset", required: false }] }], ngxTooltipDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxTooltipDelay", required: false }] }], ngxTooltipTriggers: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxTooltipTriggers", required: false }] }], ngxTooltipSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxTooltipSize", required: false }] }], ngxTooltipZIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxTooltipZIndex", required: false }] }], ngxTooltipAdaptivePosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxTooltipAdaptivePosition", required: false }] }], ngxTooltipFallbackPlacements: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxTooltipFallbackPlacements", required: false }] }], onHover: [{
|
|
@@ -1085,13 +1085,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
|
|
|
1085
1085
|
|
|
1086
1086
|
class NgxModalComponent {
|
|
1087
1087
|
constructor() {
|
|
1088
|
-
this.title = input('', ...(ngDevMode ?
|
|
1089
|
-
this.showClose = input(true, ...(ngDevMode ?
|
|
1090
|
-
this.fullScreen = input(false, ...(ngDevMode ?
|
|
1091
|
-
this.scrollable = input(true, ...(ngDevMode ?
|
|
1092
|
-
this.centered = input(true, ...(ngDevMode ?
|
|
1088
|
+
this.title = input('', { ...(ngDevMode ? { debugName: "title" } : {}) });
|
|
1089
|
+
this.showClose = input(true, { ...(ngDevMode ? { debugName: "showClose" } : {}) });
|
|
1090
|
+
this.fullScreen = input(false, { ...(ngDevMode ? { debugName: "fullScreen" } : {}) });
|
|
1091
|
+
this.scrollable = input(true, { ...(ngDevMode ? { debugName: "scrollable" } : {}) });
|
|
1092
|
+
this.centered = input(true, { ...(ngDevMode ? { debugName: "centered" } : {}) });
|
|
1093
1093
|
this.oldSize = 'md';
|
|
1094
|
-
this.size = input('md', ...(ngDevMode ?
|
|
1094
|
+
this.size = input('md', { ...(ngDevMode ? { debugName: "size" } : {}) });
|
|
1095
1095
|
this.onClose = output();
|
|
1096
1096
|
this.dialogCssClasses = computed(() => {
|
|
1097
1097
|
const classes = [];
|
|
@@ -1108,7 +1108,7 @@ class NgxModalComponent {
|
|
|
1108
1108
|
classes.push(`modal-${this.size()}`);
|
|
1109
1109
|
}
|
|
1110
1110
|
return classes;
|
|
1111
|
-
}, ...(ngDevMode ?
|
|
1111
|
+
}, { ...(ngDevMode ? { debugName: "dialogCssClasses" } : {}) });
|
|
1112
1112
|
this.LibIcons = LibIcons;
|
|
1113
1113
|
}
|
|
1114
1114
|
handleKeyboardEvent() {
|
|
@@ -1117,10 +1117,10 @@ class NgxModalComponent {
|
|
|
1117
1117
|
handleClickClose() {
|
|
1118
1118
|
this.onClose.emit();
|
|
1119
1119
|
}
|
|
1120
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1121
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
1120
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1121
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.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 }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, centered: { classPropertyName: "centered", publicName: "centered", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose" }, host: { listeners: { "document:keydown.escape": "handleKeyboardEvent()" } }, ngImport: i0, template: "<div class=\"modal d-flex justify-content-center align-items-center\" [ngxAutofocus]=\"true\" tabindex=\"0\">\n\t<div class=\"modal-dialog w-100\" [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<ngx-icon-button\n\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\tngxTooltip=\"close\"\n\t\t\t\t\t\t[ngxTooltipZIndex]=\"1055\"\n\t\t\t\t\t\tclass=\"ms-2\"\n\t\t\t\t\t\t(click)=\"handleClickClose()\"\n\t\t\t\t\t\t[svg]=\"LibIcons.faXmark\" />\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: NgxTooltipDirective, selector: "[ngxTooltip]", inputs: ["ngxTooltip", "ngxTooltipClass", "ngxTooltipPlacement", "ngxTooltipIsShow", "ngxTooltipXOffset", "ngxTooltipYOffset", "ngxTooltipDelay", "ngxTooltipTriggers", "ngxTooltipSize", "ngxTooltipZIndex", "ngxTooltipAdaptivePosition", "ngxTooltipFallbackPlacements"], exportAs: ["ngxTooltip"] }, { kind: "component", type: NgxIconButtonComponent, selector: "ngx-icon-button", inputs: ["svg", "type", "color", "size", "variant", "disabled", "shadow"] }, { kind: "directive", type: NgxAutofocusDirective, selector: "[ngxAutofocus]", inputs: ["ngxAutofocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1122
1122
|
}
|
|
1123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxModalComponent, decorators: [{
|
|
1124
1124
|
type: Component,
|
|
1125
1125
|
args: [{ selector: 'ngx-modal', imports: [CommonModule, NgxTooltipDirective, NgxIconButtonComponent, NgxAutofocusDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"modal d-flex justify-content-center align-items-center\" [ngxAutofocus]=\"true\" tabindex=\"0\">\n\t<div class=\"modal-dialog w-100\" [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<ngx-icon-button\n\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\tngxTooltip=\"close\"\n\t\t\t\t\t\t[ngxTooltipZIndex]=\"1055\"\n\t\t\t\t\t\tclass=\"ms-2\"\n\t\t\t\t\t\t(click)=\"handleClickClose()\"\n\t\t\t\t\t\t[svg]=\"LibIcons.faXmark\" />\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" }]
|
|
1126
1126
|
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], showClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClose", required: false }] }], fullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullScreen", required: false }] }], scrollable: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollable", required: false }] }], centered: [{ type: i0.Input, args: [{ isSignal: true, alias: "centered", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }], handleKeyboardEvent: [{
|
|
@@ -1152,56 +1152,56 @@ class NgxModalService {
|
|
|
1152
1152
|
this.componentRef.destroy();
|
|
1153
1153
|
}
|
|
1154
1154
|
}
|
|
1155
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1156
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.
|
|
1155
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1156
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxModalService, providedIn: 'root' }); }
|
|
1157
1157
|
}
|
|
1158
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1158
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxModalService, decorators: [{
|
|
1159
1159
|
type: Injectable,
|
|
1160
1160
|
args: [{ providedIn: 'root' }]
|
|
1161
1161
|
}] });
|
|
1162
1162
|
|
|
1163
1163
|
class NgxOffCanvasComponent {
|
|
1164
1164
|
constructor() {
|
|
1165
|
-
this.title = input('', ...(ngDevMode ?
|
|
1165
|
+
this.title = input('', { ...(ngDevMode ? { debugName: "title" } : {}) });
|
|
1166
1166
|
this.onClose = output();
|
|
1167
1167
|
this.LibIcons = LibIcons;
|
|
1168
1168
|
}
|
|
1169
1169
|
handleClickClose() {
|
|
1170
1170
|
this.onClose.emit();
|
|
1171
1171
|
}
|
|
1172
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1173
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
1172
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxOffCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1173
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.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<ngx-icon-button color=\"secondary\" class=\"ml-auto\" (click)=\"handleClickClose()\" [svg]=\"LibIcons.faXmark\" />\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: "component", type: NgxIconButtonComponent, selector: "ngx-icon-button", inputs: ["svg", "type", "color", "size", "variant", "disabled", "shadow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1174
1174
|
}
|
|
1175
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxOffCanvasComponent, decorators: [{
|
|
1176
1176
|
type: Component,
|
|
1177
1177
|
args: [{ selector: 'ngx-off-canvas', imports: [NgxIconButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, 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<ngx-icon-button color=\"secondary\" class=\"ml-auto\" (click)=\"handleClickClose()\" [svg]=\"LibIcons.faXmark\" />\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"] }]
|
|
1178
1178
|
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }] } });
|
|
1179
1179
|
|
|
1180
1180
|
class NgxTabContentComponent {
|
|
1181
1181
|
constructor() {
|
|
1182
|
-
this.isActive = model(false, ...(ngDevMode ?
|
|
1182
|
+
this.isActive = model(false, { ...(ngDevMode ? { debugName: "isActive" } : {}) });
|
|
1183
1183
|
}
|
|
1184
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1185
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
1184
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxTabContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1185
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1186
1186
|
}
|
|
1187
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxTabContentComponent, decorators: [{
|
|
1188
1188
|
type: Component,
|
|
1189
1189
|
args: [{ selector: 'ngx-tab-content', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
1190
1190
|
}], propDecorators: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }, { type: i0.Output, args: ["isActiveChange"] }] } });
|
|
1191
1191
|
|
|
1192
1192
|
class NgxTabComponent {
|
|
1193
1193
|
constructor() {
|
|
1194
|
-
this.isActive = model(false, ...(ngDevMode ?
|
|
1195
|
-
this.target = input.required(...(ngDevMode ?
|
|
1194
|
+
this.isActive = model(false, { ...(ngDevMode ? { debugName: "isActive" } : {}) });
|
|
1195
|
+
this.target = input.required({ ...(ngDevMode ? { debugName: "target" } : {}) });
|
|
1196
1196
|
this.onSelected = output();
|
|
1197
1197
|
}
|
|
1198
1198
|
onClick() {
|
|
1199
1199
|
this.onSelected.emit();
|
|
1200
1200
|
}
|
|
1201
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1202
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
1201
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1202
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.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()" } }, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1203
1203
|
}
|
|
1204
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1204
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxTabComponent, decorators: [{
|
|
1205
1205
|
type: Component,
|
|
1206
1206
|
args: [{ selector: 'ngx-tab', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
1207
1207
|
}], propDecorators: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }, { type: i0.Output, args: ["isActiveChange"] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: true }] }], onSelected: [{ type: i0.Output, args: ["onSelected"] }], onClick: [{
|
|
@@ -1211,8 +1211,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
|
|
|
1211
1211
|
|
|
1212
1212
|
class NgxTabsComponent {
|
|
1213
1213
|
constructor() {
|
|
1214
|
-
this.tabQueryList = contentChildren(NgxTabComponent, ...(ngDevMode ?
|
|
1215
|
-
this.tabContentQueryList = contentChildren(NgxTabContentComponent, ...(ngDevMode ?
|
|
1214
|
+
this.tabQueryList = contentChildren(NgxTabComponent, { ...(ngDevMode ? { debugName: "tabQueryList" } : {}) });
|
|
1215
|
+
this.tabContentQueryList = contentChildren(NgxTabContentComponent, { ...(ngDevMode ? { debugName: "tabContentQueryList" } : {}) });
|
|
1216
1216
|
}
|
|
1217
1217
|
ngAfterContentInit() {
|
|
1218
1218
|
this.tabQueryList().forEach(tab => {
|
|
@@ -1230,10 +1230,10 @@ class NgxTabsComponent {
|
|
|
1230
1230
|
this.tabQueryList().forEach(tab => tab.isActive.update(() => tab === tabComponent));
|
|
1231
1231
|
this.tabContentQueryList().forEach(tabContent => tabContent.isActive.update(() => tabContent === tabComponent.target()));
|
|
1232
1232
|
}
|
|
1233
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1234
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.
|
|
1233
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1234
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.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"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1235
1235
|
}
|
|
1236
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1236
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxTabsComponent, decorators: [{
|
|
1237
1237
|
type: Component,
|
|
1238
1238
|
args: [{ selector: 'ngx-tabs', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
1239
1239
|
}], propDecorators: { tabQueryList: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgxTabComponent), { isSignal: true }] }], tabContentQueryList: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgxTabContentComponent), { isSignal: true }] }] } });
|
|
@@ -1242,8 +1242,8 @@ class NgxToastComponent {
|
|
|
1242
1242
|
constructor() {
|
|
1243
1243
|
this.onClose = output();
|
|
1244
1244
|
}
|
|
1245
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1246
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
1245
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1246
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: NgxToastComponent, isStandalone: true, selector: "ngx-toast", inputs: { message: "message" }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
|
|
1247
1247
|
<div class="toast align-items-center text-bg-dark border-0 show">
|
|
1248
1248
|
<div class="d-flex">
|
|
1249
1249
|
<div class="toast-body" [innerHTML]="message"></div>
|
|
@@ -1252,7 +1252,7 @@ class NgxToastComponent {
|
|
|
1252
1252
|
</div>
|
|
1253
1253
|
`, isInline: true, styles: [":host{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1051}\n"] }); }
|
|
1254
1254
|
}
|
|
1255
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1255
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxToastComponent, decorators: [{
|
|
1256
1256
|
type: Component,
|
|
1257
1257
|
args: [{ selector: 'ngx-toast', template: `
|
|
1258
1258
|
<div class="toast align-items-center text-bg-dark border-0 show">
|
|
@@ -1299,10 +1299,10 @@ class NgxToastService {
|
|
|
1299
1299
|
clearTimeout(this.interval);
|
|
1300
1300
|
}
|
|
1301
1301
|
}
|
|
1302
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1303
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.
|
|
1302
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1303
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxToastService, providedIn: 'root' }); }
|
|
1304
1304
|
}
|
|
1305
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1305
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxToastService, decorators: [{
|
|
1306
1306
|
type: Injectable,
|
|
1307
1307
|
args: [{ providedIn: 'root' }]
|
|
1308
1308
|
}] });
|
|
@@ -1378,10 +1378,10 @@ class NgxImageService {
|
|
|
1378
1378
|
canvas.height = img.height;
|
|
1379
1379
|
context.drawImage(img, 0, 0, canvas.width, canvas.height);
|
|
1380
1380
|
}
|
|
1381
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1382
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.
|
|
1381
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1382
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxImageService, providedIn: 'root' }); }
|
|
1383
1383
|
}
|
|
1384
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1384
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NgxImageService, decorators: [{
|
|
1385
1385
|
type: Injectable,
|
|
1386
1386
|
args: [{ providedIn: 'root' }]
|
|
1387
1387
|
}] });
|