ngx-gccb 0.27.1 → 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 +185 -178
- package/fesm2022/ngx-gccb.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ngx-gccb.d.ts +4 -3
package/fesm2022/ngx-gccb.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { trigger, transition, style, animate } from '@angular/animations';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { input, signal, computed, ChangeDetectionStrategy, Component, output, inject, ElementRef, Renderer2, ViewContainerRef, HostListener, Directive, effect, HostBinding, Input, Pipe, NgZone, viewChild, EventEmitter, Output, Injectable, TemplateRef,
|
|
3
|
+
import { input, signal, computed, ChangeDetectionStrategy, Component, output, inject, ElementRef, Renderer2, ViewContainerRef, HostListener, Directive, effect, HostBinding, Input, Pipe, NgZone, viewChild, EventEmitter, Output, model, Injectable, TemplateRef, contentChildren } from '@angular/core';
|
|
4
4
|
import dayjs from 'dayjs';
|
|
5
5
|
import isoWeek from 'dayjs/plugin/isoWeek';
|
|
6
6
|
import { createPopper } from '@popperjs/core';
|
|
@@ -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,26 +768,31 @@ const LibIcons = {
|
|
|
768
768
|
|
|
769
769
|
class NgxLoadingIndicatorComponent {
|
|
770
770
|
constructor() {
|
|
771
|
-
this.icon = input(LibIcons.faSpinner, ...(ngDevMode ?
|
|
772
|
-
this.spin =
|
|
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" } : {}) });
|
|
773
774
|
this.cssClass = computed(() => {
|
|
774
775
|
const cssClasses = [''];
|
|
775
776
|
if (this.spin()) {
|
|
776
777
|
cssClasses.push(`spin`);
|
|
777
778
|
}
|
|
778
779
|
return cssClasses.join(' ');
|
|
779
|
-
}, ...(ngDevMode ?
|
|
780
|
+
}, { ...(ngDevMode ? { debugName: "cssClass" } : {}) });
|
|
780
781
|
}
|
|
781
782
|
get hostClass() {
|
|
782
|
-
|
|
783
|
+
const cssClasses = [''];
|
|
784
|
+
if (this.float()) {
|
|
785
|
+
cssClasses.push(`float`);
|
|
786
|
+
}
|
|
787
|
+
return cssClasses.join(' ');
|
|
783
788
|
}
|
|
784
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
785
|
-
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 }); }
|
|
786
791
|
}
|
|
787
|
-
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: [{
|
|
788
793
|
type: Component,
|
|
789
|
-
args: [{ selector: 'ngx-loading-indicator', imports: [NgxIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ngx-icon [class]=\"cssClass()\" [svg]=\"icon()\" />\n", styles: [":host{
|
|
790
|
-
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], spin: [{ type: i0.Input, args: [{ isSignal: true, alias: "spin", required: false }] }], hostClass: [{
|
|
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
|
+
}], 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: [{
|
|
791
796
|
type: HostBinding,
|
|
792
797
|
args: ['class']
|
|
793
798
|
}] } });
|
|
@@ -805,6 +810,8 @@ class NgxLoadingIndicatorService {
|
|
|
805
810
|
this.hide();
|
|
806
811
|
}
|
|
807
812
|
this.componentRef = this.viewContainerRef.createComponent(NgxLoadingIndicatorComponent);
|
|
813
|
+
this.componentRef.instance.spin.set(true);
|
|
814
|
+
this.componentRef.instance.float.set(true);
|
|
808
815
|
}
|
|
809
816
|
else {
|
|
810
817
|
throw Error('no viewcontainer ref is set');
|
|
@@ -815,19 +822,19 @@ class NgxLoadingIndicatorService {
|
|
|
815
822
|
this.componentRef.destroy();
|
|
816
823
|
}
|
|
817
824
|
}
|
|
818
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
819
|
-
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' }); }
|
|
820
827
|
}
|
|
821
|
-
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: [{
|
|
822
829
|
type: Injectable,
|
|
823
830
|
args: [{ providedIn: 'root' }]
|
|
824
831
|
}] });
|
|
825
832
|
|
|
826
833
|
class BaseModalComponent {
|
|
827
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
828
|
-
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 }); }
|
|
829
836
|
}
|
|
830
|
-
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: [{
|
|
831
838
|
type: Component,
|
|
832
839
|
args: [{
|
|
833
840
|
selector: 'ngx-base-modal',
|
|
@@ -848,10 +855,10 @@ class NgxColDirective {
|
|
|
848
855
|
ngAfterViewInit() {
|
|
849
856
|
this.el.nativeElement.classList.add(this.span);
|
|
850
857
|
}
|
|
851
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
852
|
-
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 }); }
|
|
853
860
|
}
|
|
854
|
-
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: [{
|
|
855
862
|
type: Directive,
|
|
856
863
|
args: [{ selector: '[ngxCol]' }]
|
|
857
864
|
}], propDecorators: { col: [{
|
|
@@ -863,18 +870,18 @@ class NgxTooltipDirective {
|
|
|
863
870
|
this.elementRef = inject(ElementRef);
|
|
864
871
|
this.renderer = inject(Renderer2);
|
|
865
872
|
this.viewContainerRef = inject(ViewContainerRef);
|
|
866
|
-
this.ngxTooltip = input.required(...(ngDevMode ?
|
|
867
|
-
this.ngxTooltipClass = input('', ...(ngDevMode ?
|
|
868
|
-
this.ngxTooltipPlacement = input('top', ...(ngDevMode ?
|
|
869
|
-
this.ngxTooltipIsShow = input(false, ...(ngDevMode ?
|
|
870
|
-
this.ngxTooltipXOffset = input(0, ...(ngDevMode ?
|
|
871
|
-
this.ngxTooltipYOffset = input(8, ...(ngDevMode ?
|
|
872
|
-
this.ngxTooltipDelay = input(200, ...(ngDevMode ?
|
|
873
|
-
this.ngxTooltipTriggers = input(['hover'], ...(ngDevMode ?
|
|
874
|
-
this.ngxTooltipSize = input('sm', ...(ngDevMode ?
|
|
875
|
-
this.ngxTooltipZIndex = input(5, ...(ngDevMode ?
|
|
876
|
-
this.ngxTooltipAdaptivePosition = input(true, ...(ngDevMode ?
|
|
877
|
-
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" } : {}) });
|
|
878
885
|
this.isOpen = false;
|
|
879
886
|
effect(() => {
|
|
880
887
|
if (this.ngxTooltipIsShow()) {
|
|
@@ -1044,10 +1051,10 @@ class NgxTooltipDirective {
|
|
|
1044
1051
|
this.show();
|
|
1045
1052
|
}
|
|
1046
1053
|
}
|
|
1047
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1048
|
-
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 }); }
|
|
1049
1056
|
}
|
|
1050
|
-
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: [{
|
|
1051
1058
|
type: Directive,
|
|
1052
1059
|
args: [{ selector: '[ngxTooltip]', exportAs: 'ngxTooltip' }]
|
|
1053
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: [{
|
|
@@ -1078,13 +1085,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
|
|
|
1078
1085
|
|
|
1079
1086
|
class NgxModalComponent {
|
|
1080
1087
|
constructor() {
|
|
1081
|
-
this.title = input('', ...(ngDevMode ?
|
|
1082
|
-
this.showClose = input(true, ...(ngDevMode ?
|
|
1083
|
-
this.fullScreen = input(false, ...(ngDevMode ?
|
|
1084
|
-
this.scrollable = input(true, ...(ngDevMode ?
|
|
1085
|
-
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" } : {}) });
|
|
1086
1093
|
this.oldSize = 'md';
|
|
1087
|
-
this.size = input('md', ...(ngDevMode ?
|
|
1094
|
+
this.size = input('md', { ...(ngDevMode ? { debugName: "size" } : {}) });
|
|
1088
1095
|
this.onClose = output();
|
|
1089
1096
|
this.dialogCssClasses = computed(() => {
|
|
1090
1097
|
const classes = [];
|
|
@@ -1101,7 +1108,7 @@ class NgxModalComponent {
|
|
|
1101
1108
|
classes.push(`modal-${this.size()}`);
|
|
1102
1109
|
}
|
|
1103
1110
|
return classes;
|
|
1104
|
-
}, ...(ngDevMode ?
|
|
1111
|
+
}, { ...(ngDevMode ? { debugName: "dialogCssClasses" } : {}) });
|
|
1105
1112
|
this.LibIcons = LibIcons;
|
|
1106
1113
|
}
|
|
1107
1114
|
handleKeyboardEvent() {
|
|
@@ -1110,10 +1117,10 @@ class NgxModalComponent {
|
|
|
1110
1117
|
handleClickClose() {
|
|
1111
1118
|
this.onClose.emit();
|
|
1112
1119
|
}
|
|
1113
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1114
|
-
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 }); }
|
|
1115
1122
|
}
|
|
1116
|
-
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: [{
|
|
1117
1124
|
type: Component,
|
|
1118
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" }]
|
|
1119
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: [{
|
|
@@ -1145,56 +1152,56 @@ class NgxModalService {
|
|
|
1145
1152
|
this.componentRef.destroy();
|
|
1146
1153
|
}
|
|
1147
1154
|
}
|
|
1148
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1149
|
-
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' }); }
|
|
1150
1157
|
}
|
|
1151
|
-
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: [{
|
|
1152
1159
|
type: Injectable,
|
|
1153
1160
|
args: [{ providedIn: 'root' }]
|
|
1154
1161
|
}] });
|
|
1155
1162
|
|
|
1156
1163
|
class NgxOffCanvasComponent {
|
|
1157
1164
|
constructor() {
|
|
1158
|
-
this.title = input('', ...(ngDevMode ?
|
|
1165
|
+
this.title = input('', { ...(ngDevMode ? { debugName: "title" } : {}) });
|
|
1159
1166
|
this.onClose = output();
|
|
1160
1167
|
this.LibIcons = LibIcons;
|
|
1161
1168
|
}
|
|
1162
1169
|
handleClickClose() {
|
|
1163
1170
|
this.onClose.emit();
|
|
1164
1171
|
}
|
|
1165
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1166
|
-
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 }); }
|
|
1167
1174
|
}
|
|
1168
|
-
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: [{
|
|
1169
1176
|
type: Component,
|
|
1170
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"] }]
|
|
1171
1178
|
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }] } });
|
|
1172
1179
|
|
|
1173
1180
|
class NgxTabContentComponent {
|
|
1174
1181
|
constructor() {
|
|
1175
|
-
this.isActive = model(false, ...(ngDevMode ?
|
|
1182
|
+
this.isActive = model(false, { ...(ngDevMode ? { debugName: "isActive" } : {}) });
|
|
1176
1183
|
}
|
|
1177
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1178
|
-
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 }); }
|
|
1179
1186
|
}
|
|
1180
|
-
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: [{
|
|
1181
1188
|
type: Component,
|
|
1182
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"] }]
|
|
1183
1190
|
}], propDecorators: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }, { type: i0.Output, args: ["isActiveChange"] }] } });
|
|
1184
1191
|
|
|
1185
1192
|
class NgxTabComponent {
|
|
1186
1193
|
constructor() {
|
|
1187
|
-
this.isActive = model(false, ...(ngDevMode ?
|
|
1188
|
-
this.target = input.required(...(ngDevMode ?
|
|
1194
|
+
this.isActive = model(false, { ...(ngDevMode ? { debugName: "isActive" } : {}) });
|
|
1195
|
+
this.target = input.required({ ...(ngDevMode ? { debugName: "target" } : {}) });
|
|
1189
1196
|
this.onSelected = output();
|
|
1190
1197
|
}
|
|
1191
1198
|
onClick() {
|
|
1192
1199
|
this.onSelected.emit();
|
|
1193
1200
|
}
|
|
1194
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1195
|
-
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 }); }
|
|
1196
1203
|
}
|
|
1197
|
-
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: [{
|
|
1198
1205
|
type: Component,
|
|
1199
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"] }]
|
|
1200
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: [{
|
|
@@ -1204,8 +1211,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
|
|
|
1204
1211
|
|
|
1205
1212
|
class NgxTabsComponent {
|
|
1206
1213
|
constructor() {
|
|
1207
|
-
this.tabQueryList = contentChildren(NgxTabComponent, ...(ngDevMode ?
|
|
1208
|
-
this.tabContentQueryList = contentChildren(NgxTabContentComponent, ...(ngDevMode ?
|
|
1214
|
+
this.tabQueryList = contentChildren(NgxTabComponent, { ...(ngDevMode ? { debugName: "tabQueryList" } : {}) });
|
|
1215
|
+
this.tabContentQueryList = contentChildren(NgxTabContentComponent, { ...(ngDevMode ? { debugName: "tabContentQueryList" } : {}) });
|
|
1209
1216
|
}
|
|
1210
1217
|
ngAfterContentInit() {
|
|
1211
1218
|
this.tabQueryList().forEach(tab => {
|
|
@@ -1223,10 +1230,10 @@ class NgxTabsComponent {
|
|
|
1223
1230
|
this.tabQueryList().forEach(tab => tab.isActive.update(() => tab === tabComponent));
|
|
1224
1231
|
this.tabContentQueryList().forEach(tabContent => tabContent.isActive.update(() => tabContent === tabComponent.target()));
|
|
1225
1232
|
}
|
|
1226
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1227
|
-
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 }); }
|
|
1228
1235
|
}
|
|
1229
|
-
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: [{
|
|
1230
1237
|
type: Component,
|
|
1231
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"] }]
|
|
1232
1239
|
}], propDecorators: { tabQueryList: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgxTabComponent), { isSignal: true }] }], tabContentQueryList: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgxTabContentComponent), { isSignal: true }] }] } });
|
|
@@ -1235,8 +1242,8 @@ class NgxToastComponent {
|
|
|
1235
1242
|
constructor() {
|
|
1236
1243
|
this.onClose = output();
|
|
1237
1244
|
}
|
|
1238
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1239
|
-
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: `
|
|
1240
1247
|
<div class="toast align-items-center text-bg-dark border-0 show">
|
|
1241
1248
|
<div class="d-flex">
|
|
1242
1249
|
<div class="toast-body" [innerHTML]="message"></div>
|
|
@@ -1245,7 +1252,7 @@ class NgxToastComponent {
|
|
|
1245
1252
|
</div>
|
|
1246
1253
|
`, isInline: true, styles: [":host{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1051}\n"] }); }
|
|
1247
1254
|
}
|
|
1248
|
-
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: [{
|
|
1249
1256
|
type: Component,
|
|
1250
1257
|
args: [{ selector: 'ngx-toast', template: `
|
|
1251
1258
|
<div class="toast align-items-center text-bg-dark border-0 show">
|
|
@@ -1292,10 +1299,10 @@ class NgxToastService {
|
|
|
1292
1299
|
clearTimeout(this.interval);
|
|
1293
1300
|
}
|
|
1294
1301
|
}
|
|
1295
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1296
|
-
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' }); }
|
|
1297
1304
|
}
|
|
1298
|
-
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: [{
|
|
1299
1306
|
type: Injectable,
|
|
1300
1307
|
args: [{ providedIn: 'root' }]
|
|
1301
1308
|
}] });
|
|
@@ -1371,10 +1378,10 @@ class NgxImageService {
|
|
|
1371
1378
|
canvas.height = img.height;
|
|
1372
1379
|
context.drawImage(img, 0, 0, canvas.width, canvas.height);
|
|
1373
1380
|
}
|
|
1374
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1375
|
-
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' }); }
|
|
1376
1383
|
}
|
|
1377
|
-
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: [{
|
|
1378
1385
|
type: Injectable,
|
|
1379
1386
|
args: [{ providedIn: 'root' }]
|
|
1380
1387
|
}] });
|