ngx-gccb 0.28.1 → 0.29.0
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 +228 -186
- package/fesm2022/ngx-gccb.mjs.map +1 -1
- package/package.json +2 -1
- package/types/ngx-gccb.d.ts +12 -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,
|
|
3
|
+
import { input, output, computed, ChangeDetectionStrategy, Component, 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';
|
|
@@ -10,6 +10,8 @@ import { debounceTime } from 'rxjs';
|
|
|
10
10
|
import * as i1 from '@angular/common';
|
|
11
11
|
import { CommonModule } from '@angular/common';
|
|
12
12
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
13
|
+
import * as i1$1 from '@angular/cdk/a11y';
|
|
14
|
+
import { A11yModule } from '@angular/cdk/a11y';
|
|
13
15
|
|
|
14
16
|
const NgxFadeRightAnimation = trigger('ngxFadeRightAnimation', [
|
|
15
17
|
transition(':enter', [
|
|
@@ -30,14 +32,13 @@ const NgxFadeAnimation = trigger('ngxFadeAnimation', [
|
|
|
30
32
|
// TODO - display block
|
|
31
33
|
class NgxButtonComponent {
|
|
32
34
|
constructor() {
|
|
33
|
-
this.cssClass = input('',
|
|
34
|
-
this.type = input(
|
|
35
|
-
this.color = input('primary',
|
|
36
|
-
this.size = input('sm',
|
|
37
|
-
this.variant = input('contained',
|
|
38
|
-
this.disabled = input(
|
|
39
|
-
this.shadow = input(
|
|
40
|
-
this.focused = signal(false, { ...(ngDevMode ? { debugName: "focused" } : {}) });
|
|
35
|
+
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
36
|
+
this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
|
|
37
|
+
this.color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
|
|
38
|
+
this.size = input('sm', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
39
|
+
this.variant = input('contained', ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
40
|
+
this.disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
41
|
+
this.shadow = input(...(ngDevMode ? [undefined, { debugName: "shadow" }] : []));
|
|
41
42
|
this.onClick = output();
|
|
42
43
|
this.onFocus = output();
|
|
43
44
|
this.onBlur = output();
|
|
@@ -59,12 +60,12 @@ class NgxButtonComponent {
|
|
|
59
60
|
cssClasses.push('flex-shrink-0');
|
|
60
61
|
cssClasses.push(this.cssClass());
|
|
61
62
|
return cssClasses.join(' ');
|
|
62
|
-
},
|
|
63
|
+
}, ...(ngDevMode ? [{ debugName: "getCssClass" }] : []));
|
|
63
64
|
}
|
|
64
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
65
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
65
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
66
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", 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 } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, host: { classAttribute: "d-inline-flex align-items-center" }, ngImport: i0, template: "<button\n\t[class]=\"getCssClass()\"\n\t[attr.type]=\"type()\"\n\t[disabled]=\"disabled()\"\n\t(click)=\"onClick.emit($event)\"\n\t(focus)=\"onFocus.emit($event)\"\n\t(blur)=\"onBlur.emit($event)\">\n\t<ng-content />\n</button>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
66
67
|
}
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxButtonComponent, decorators: [{
|
|
68
69
|
type: Component,
|
|
69
70
|
args: [{ selector: 'ngx-button', host: { class: 'd-inline-flex align-items-center' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n\t[class]=\"getCssClass()\"\n\t[attr.type]=\"type()\"\n\t[disabled]=\"disabled()\"\n\t(click)=\"onClick.emit($event)\"\n\t(focus)=\"onFocus.emit($event)\"\n\t(blur)=\"onBlur.emit($event)\">\n\t<ng-content />\n</button>\n" }]
|
|
70
71
|
}], 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 }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], onFocus: [{ type: i0.Output, args: ["onFocus"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }] } });
|
|
@@ -121,61 +122,61 @@ class CalendarComponent {
|
|
|
121
122
|
isSelected(day) {
|
|
122
123
|
return this.selectedDay?.isSame(day, 'day') || false;
|
|
123
124
|
}
|
|
124
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
125
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
125
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
126
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", 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"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
|
|
126
127
|
}
|
|
127
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
128
129
|
type: Component,
|
|
129
130
|
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"] }]
|
|
130
131
|
}], propDecorators: { onDaySelected: [{ type: i0.Output, args: ["onDaySelected"] }] } });
|
|
131
132
|
|
|
132
133
|
class NgxCardBodyComponent {
|
|
133
134
|
constructor() {
|
|
134
|
-
this.cssClass = input('',
|
|
135
|
+
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
135
136
|
this.getCssClass = computed(() => {
|
|
136
137
|
const cssClasses = ['card-body'];
|
|
137
138
|
cssClasses.push(this.cssClass());
|
|
138
139
|
return cssClasses.join(' ');
|
|
139
|
-
},
|
|
140
|
+
}, ...(ngDevMode ? [{ debugName: "getCssClass" }] : []));
|
|
140
141
|
}
|
|
141
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
142
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
142
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxCardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
143
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: NgxCardBodyComponent, isStandalone: true, selector: "ngx-card-body", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"getCssClass()\"><ng-content /></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
143
144
|
}
|
|
144
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
145
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxCardBodyComponent, decorators: [{
|
|
145
146
|
type: Component,
|
|
146
147
|
args: [{ selector: 'ngx-card-body', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"getCssClass()\"><ng-content /></div>\n" }]
|
|
147
148
|
}], propDecorators: { cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cssClass", required: false }] }] } });
|
|
148
149
|
|
|
149
150
|
class NgxCardTitleComponent {
|
|
150
151
|
constructor() {
|
|
151
|
-
this.cssClass = input('',
|
|
152
|
+
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
152
153
|
this.getCssClass = computed(() => {
|
|
153
154
|
const cssClasses = ['card-title'];
|
|
154
155
|
cssClasses.push(this.cssClass());
|
|
155
156
|
return cssClasses.join(' ');
|
|
156
|
-
},
|
|
157
|
+
}, ...(ngDevMode ? [{ debugName: "getCssClass" }] : []));
|
|
157
158
|
}
|
|
158
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
159
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
159
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
160
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: NgxCardTitleComponent, isStandalone: true, selector: "ngx-card-title", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<h5 [class]=\"getCssClass()\"><ng-content /></h5>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
160
161
|
}
|
|
161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxCardTitleComponent, decorators: [{
|
|
162
163
|
type: Component,
|
|
163
164
|
args: [{ selector: 'ngx-card-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h5 [class]=\"getCssClass()\"><ng-content /></h5>\n" }]
|
|
164
165
|
}], propDecorators: { cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cssClass", required: false }] }] } });
|
|
165
166
|
|
|
166
167
|
class NgxCardComponent {
|
|
167
168
|
constructor() {
|
|
168
|
-
this.cssClass = input('',
|
|
169
|
+
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
169
170
|
this.getCssClass = computed(() => {
|
|
170
171
|
const cssClasses = ['card'];
|
|
171
172
|
cssClasses.push(this.cssClass());
|
|
172
173
|
return cssClasses.join(' ');
|
|
173
|
-
},
|
|
174
|
+
}, ...(ngDevMode ? [{ debugName: "getCssClass" }] : []));
|
|
174
175
|
}
|
|
175
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
176
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
176
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
177
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: NgxCardComponent, isStandalone: true, selector: "ngx-card", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"getCssClass()\"><ng-content /></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
177
178
|
}
|
|
178
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
179
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxCardComponent, decorators: [{
|
|
179
180
|
type: Component,
|
|
180
181
|
args: [{ selector: 'ngx-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"getCssClass()\"><ng-content /></div>\n" }]
|
|
181
182
|
}], propDecorators: { cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cssClass", required: false }] }] } });
|
|
@@ -185,8 +186,8 @@ class NgxDropdownDirective {
|
|
|
185
186
|
this.elementRef = inject(ElementRef);
|
|
186
187
|
this.renderer = inject(Renderer2);
|
|
187
188
|
this.viewContainerRef = inject(ViewContainerRef);
|
|
188
|
-
this.ngxDropdown = input.required(
|
|
189
|
-
this.placement = input('bottom-start',
|
|
189
|
+
this.ngxDropdown = input.required(...(ngDevMode ? [{ debugName: "ngxDropdown" }] : []));
|
|
190
|
+
this.placement = input('bottom-start', ...(ngDevMode ? [{ debugName: "placement" }] : []));
|
|
190
191
|
// adaptivePosition: InputSignal<boolean> = input(true);
|
|
191
192
|
// fallbackPlacements: InputSignal<Placement[]> = input<Placement[]>(['top-end', 'bottom-end', 'right', 'left']);
|
|
192
193
|
this.dropdownElement = null;
|
|
@@ -285,10 +286,10 @@ class NgxDropdownDirective {
|
|
|
285
286
|
});
|
|
286
287
|
});
|
|
287
288
|
}
|
|
288
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
289
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.
|
|
289
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxDropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
290
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.3", 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 }); }
|
|
290
291
|
}
|
|
291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
292
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxDropdownDirective, decorators: [{
|
|
292
293
|
type: Directive,
|
|
293
294
|
args: [{ selector: '[ngxDropdown]', exportAs: 'ngxDropdown' }]
|
|
294
295
|
}], propDecorators: { ngxDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxDropdown", required: true }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], toggleDropdown: [{
|
|
@@ -304,8 +305,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
304
305
|
|
|
305
306
|
class NgxFormErrorsComponent {
|
|
306
307
|
constructor() {
|
|
307
|
-
this.isDirty = input(false,
|
|
308
|
-
this.errors = input(null,
|
|
308
|
+
this.isDirty = input(false, ...(ngDevMode ? [{ debugName: "isDirty" }] : []));
|
|
309
|
+
this.errors = input(null, ...(ngDevMode ? [{ debugName: "errors" }] : []));
|
|
309
310
|
this.errorMessages = computed(() => {
|
|
310
311
|
const result = [];
|
|
311
312
|
if (this.isDirty() && this.errors()) {
|
|
@@ -316,7 +317,7 @@ class NgxFormErrorsComponent {
|
|
|
316
317
|
}
|
|
317
318
|
}
|
|
318
319
|
return result;
|
|
319
|
-
},
|
|
320
|
+
}, ...(ngDevMode ? [{ debugName: "errorMessages" }] : []));
|
|
320
321
|
this.errorMessageDictionary = {
|
|
321
322
|
required: () => 'Field is required',
|
|
322
323
|
requiredTrue: () => 'Field is required',
|
|
@@ -331,8 +332,8 @@ class NgxFormErrorsComponent {
|
|
|
331
332
|
timeAfterError: (errors) => `The time must be after ${errors?.['timeAfterError']}`,
|
|
332
333
|
};
|
|
333
334
|
}
|
|
334
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
335
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
335
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
336
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", 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: `
|
|
336
337
|
@if (errorMessages()) {
|
|
337
338
|
<div class="invalid-feedback d-block">
|
|
338
339
|
@for (errorMessage of errorMessages(); track $index) {
|
|
@@ -342,7 +343,7 @@ class NgxFormErrorsComponent {
|
|
|
342
343
|
}
|
|
343
344
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
344
345
|
}
|
|
345
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
346
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormErrorsComponent, decorators: [{
|
|
346
347
|
type: Component,
|
|
347
348
|
args: [{
|
|
348
349
|
selector: 'ngx-form-errors',
|
|
@@ -376,8 +377,8 @@ class NgxFormControl extends UntypedFormControl {
|
|
|
376
377
|
|
|
377
378
|
class NgxFormGroupDirective {
|
|
378
379
|
constructor() {
|
|
379
|
-
this.formGroup = input.required(
|
|
380
|
-
this.validateOnChange = input(true,
|
|
380
|
+
this.formGroup = input.required(...(ngDevMode ? [{ debugName: "formGroup" }] : []));
|
|
381
|
+
this.validateOnChange = input(true, ...(ngDevMode ? [{ debugName: "validateOnChange" }] : []));
|
|
381
382
|
}
|
|
382
383
|
validateForm() {
|
|
383
384
|
Object.keys(this.formGroup().controls).forEach(key => {
|
|
@@ -403,10 +404,10 @@ class NgxFormGroupDirective {
|
|
|
403
404
|
this.formGroup().get(key)?.markAsUntouched({ onlySelf: true });
|
|
404
405
|
});
|
|
405
406
|
}
|
|
406
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
407
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.
|
|
407
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
408
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.3", 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 }); }
|
|
408
409
|
}
|
|
409
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
410
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormGroupDirective, decorators: [{
|
|
410
411
|
type: Directive,
|
|
411
412
|
args: [{
|
|
412
413
|
selector: '[ngxFormGroup]',
|
|
@@ -418,13 +419,13 @@ class NgxFormInputDirective {
|
|
|
418
419
|
constructor() {
|
|
419
420
|
this.elementRef = inject((ElementRef));
|
|
420
421
|
this.renderer2 = inject(Renderer2);
|
|
421
|
-
this.ngxFormInput = input.required(
|
|
422
|
-
this.formControl = input(
|
|
423
|
-
this.id = input(
|
|
424
|
-
this.name = input(
|
|
425
|
-
this.type = input(
|
|
426
|
-
this.placeholder = input(
|
|
427
|
-
this.isFloatingLabel = input(true,
|
|
422
|
+
this.ngxFormInput = input.required(...(ngDevMode ? [{ debugName: "ngxFormInput" }] : []));
|
|
423
|
+
this.formControl = input(...(ngDevMode ? [undefined, { debugName: "formControl" }] : []));
|
|
424
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
425
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
426
|
+
this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
|
|
427
|
+
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
|
|
428
|
+
this.isFloatingLabel = input(true, ...(ngDevMode ? [{ debugName: "isFloatingLabel" }] : []));
|
|
428
429
|
effect(() => {
|
|
429
430
|
const fc = this.formControl();
|
|
430
431
|
if (fc && this.type() === 'checkbox') {
|
|
@@ -474,10 +475,10 @@ class NgxFormInputDirective {
|
|
|
474
475
|
this.elementRef.nativeElement.classList.remove('is-invalid');
|
|
475
476
|
}
|
|
476
477
|
}
|
|
477
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
478
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.
|
|
478
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
479
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.3", 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 }); }
|
|
479
480
|
}
|
|
480
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
481
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormInputDirective, decorators: [{
|
|
481
482
|
type: Directive,
|
|
482
483
|
args: [{ selector: '[ngxFormInput]' }]
|
|
483
484
|
}], 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 }] }] } });
|
|
@@ -486,10 +487,10 @@ class NgxFormLabelDirective {
|
|
|
486
487
|
constructor() {
|
|
487
488
|
this.elementClass = 'form-label';
|
|
488
489
|
}
|
|
489
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
490
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
490
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
491
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: NgxFormLabelDirective, isStandalone: true, selector: "label[ngxFormLabel]", host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
|
|
491
492
|
}
|
|
492
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
493
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormLabelDirective, decorators: [{
|
|
493
494
|
type: Directive,
|
|
494
495
|
args: [{ selector: 'label[ngxFormLabel]' }]
|
|
495
496
|
}], propDecorators: { elementClass: [{
|
|
@@ -512,10 +513,10 @@ class NgxFormSelectDirective {
|
|
|
512
513
|
ngOnInit() {
|
|
513
514
|
this.elementRef.nativeElement.classList.add('form-select');
|
|
514
515
|
}
|
|
515
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
516
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
516
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
517
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: NgxFormSelectDirective, isStandalone: true, selector: "select[ngxFormSelect]", inputs: { formInputInvalid: "formInputInvalid" }, ngImport: i0 }); }
|
|
517
518
|
}
|
|
518
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
519
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormSelectDirective, decorators: [{
|
|
519
520
|
type: Directive,
|
|
520
521
|
args: [{ selector: 'select[ngxFormSelect]' }]
|
|
521
522
|
}], propDecorators: { formInputInvalid: [{
|
|
@@ -526,10 +527,10 @@ class NgxFormControlPipe {
|
|
|
526
527
|
transform(value) {
|
|
527
528
|
return value;
|
|
528
529
|
}
|
|
529
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
530
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.
|
|
530
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
531
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.3", ngImport: i0, type: NgxFormControlPipe, isStandalone: true, name: "ngxAsFormControl" }); }
|
|
531
532
|
}
|
|
532
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormControlPipe, decorators: [{
|
|
533
534
|
type: Pipe,
|
|
534
535
|
args: [{ name: 'ngxAsFormControl' }]
|
|
535
536
|
}] });
|
|
@@ -538,7 +539,7 @@ class NgxAutofocusDirective {
|
|
|
538
539
|
constructor() {
|
|
539
540
|
this.ngZone = inject(NgZone);
|
|
540
541
|
this.el = inject(ElementRef);
|
|
541
|
-
this.ngxAutofocus = input(false,
|
|
542
|
+
this.ngxAutofocus = input(false, ...(ngDevMode ? [{ debugName: "ngxAutofocus" }] : []));
|
|
542
543
|
}
|
|
543
544
|
ngAfterViewInit() {
|
|
544
545
|
if (this.ngxAutofocus()) {
|
|
@@ -549,10 +550,10 @@ class NgxAutofocusDirective {
|
|
|
549
550
|
});
|
|
550
551
|
}
|
|
551
552
|
}
|
|
552
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
553
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.
|
|
553
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxAutofocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
554
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.3", type: NgxAutofocusDirective, isStandalone: true, selector: "[ngxAutofocus]", inputs: { ngxAutofocus: { classPropertyName: "ngxAutofocus", publicName: "ngxAutofocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
554
555
|
}
|
|
555
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
556
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxAutofocusDirective, decorators: [{
|
|
556
557
|
type: Directive,
|
|
557
558
|
args: [{ selector: '[ngxAutofocus]' }]
|
|
558
559
|
}], propDecorators: { ngxAutofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxAutofocus", required: false }] }] } });
|
|
@@ -561,10 +562,10 @@ class AppIsFormControlPipe {
|
|
|
561
562
|
transform(value) {
|
|
562
563
|
return value;
|
|
563
564
|
}
|
|
564
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
565
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.
|
|
565
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AppIsFormControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
566
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.3", ngImport: i0, type: AppIsFormControlPipe, isStandalone: true, name: "appIsFormControl" }); }
|
|
566
567
|
}
|
|
567
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
568
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AppIsFormControlPipe, decorators: [{
|
|
568
569
|
type: Pipe,
|
|
569
570
|
args: [{ name: 'appIsFormControl' }]
|
|
570
571
|
}] });
|
|
@@ -573,24 +574,24 @@ class NgxIsFormGroupPipe {
|
|
|
573
574
|
transform(value) {
|
|
574
575
|
return value;
|
|
575
576
|
}
|
|
576
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
577
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.
|
|
577
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxIsFormGroupPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
578
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.3", ngImport: i0, type: NgxIsFormGroupPipe, isStandalone: true, name: "ngxIsFormGroup" }); }
|
|
578
579
|
}
|
|
579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
580
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxIsFormGroupPipe, decorators: [{
|
|
580
581
|
type: Pipe,
|
|
581
582
|
args: [{ name: 'ngxIsFormGroup' }]
|
|
582
583
|
}] });
|
|
583
584
|
|
|
584
585
|
class NgxFormComponent {
|
|
585
586
|
constructor() {
|
|
586
|
-
this.formGroup = input.required(
|
|
587
|
-
this.cssClass = input('',
|
|
587
|
+
this.formGroup = input.required(...(ngDevMode ? [{ debugName: "formGroup" }] : []));
|
|
588
|
+
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
588
589
|
this.getCssClass = computed(() => {
|
|
589
590
|
const cssClasses = [''];
|
|
590
591
|
cssClasses.push(this.cssClass());
|
|
591
592
|
return cssClasses.join(' ');
|
|
592
|
-
},
|
|
593
|
-
this.formGroupDirective = viewChild(NgxFormGroupDirective,
|
|
593
|
+
}, ...(ngDevMode ? [{ debugName: "getCssClass" }] : []));
|
|
594
|
+
this.formGroupDirective = viewChild(NgxFormGroupDirective, ...(ngDevMode ? [{ debugName: "formGroupDirective" }] : []));
|
|
594
595
|
this.onValidated = output();
|
|
595
596
|
this.keepOriginalOrder = () => 0;
|
|
596
597
|
}
|
|
@@ -604,10 +605,10 @@ class NgxFormComponent {
|
|
|
604
605
|
reset() {
|
|
605
606
|
this.formGroupDirective()?.resetForm();
|
|
606
607
|
}
|
|
607
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
608
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
608
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
609
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: NgxFormComponent, isStandalone: true, selector: "ngx-form", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValidated: "onValidated" }, viewQueries: [{ propertyName: "formGroupDirective", first: true, predicate: NgxFormGroupDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<form [class]=\"getCssClass()\" 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 }); }
|
|
609
610
|
}
|
|
610
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
611
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxFormComponent, decorators: [{
|
|
611
612
|
type: Component,
|
|
612
613
|
args: [{ selector: 'ngx-form', imports: [
|
|
613
614
|
CommonModule,
|
|
@@ -625,14 +626,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
625
626
|
class NgxIconComponent {
|
|
626
627
|
constructor() {
|
|
627
628
|
this.sanitizer = inject(DomSanitizer);
|
|
628
|
-
this.svg = input.required(
|
|
629
|
-
this.size = input('1.25em',
|
|
630
|
-
this.title = input(
|
|
631
|
-
this.ariaHidden = input(true,
|
|
632
|
-
this.class = input(
|
|
629
|
+
this.svg = input.required(...(ngDevMode ? [{ debugName: "svg" }] : []));
|
|
630
|
+
this.size = input('1.25em', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
631
|
+
this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
|
|
632
|
+
this.ariaHidden = input(true, ...(ngDevMode ? [{ debugName: "ariaHidden" }] : []));
|
|
633
|
+
this.class = input(...(ngDevMode ? [undefined, { debugName: "class" }] : []));
|
|
633
634
|
this.svgHtml = computed(() => {
|
|
634
635
|
return this.svg() ? this.sanitizer.bypassSecurityTrustHtml(this.fixFill(this.svg())) : '';
|
|
635
|
-
},
|
|
636
|
+
}, ...(ngDevMode ? [{ debugName: "svgHtml" }] : []));
|
|
636
637
|
}
|
|
637
638
|
get hostSize() {
|
|
638
639
|
const size = this.size();
|
|
@@ -650,8 +651,8 @@ class NgxIconComponent {
|
|
|
650
651
|
}
|
|
651
652
|
return svg.replace(/^<svg/i, '<svg fill="currentColor"');
|
|
652
653
|
}
|
|
653
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
654
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
654
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
655
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", 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: `
|
|
655
656
|
<span
|
|
656
657
|
class="ngx-icon"
|
|
657
658
|
[attr.aria-hidden]="ariaHidden() ? 'true' : null"
|
|
@@ -661,7 +662,7 @@ class NgxIconComponent {
|
|
|
661
662
|
</span>
|
|
662
663
|
`, 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 }); }
|
|
663
664
|
}
|
|
664
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
665
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxIconComponent, decorators: [{
|
|
665
666
|
type: Component,
|
|
666
667
|
args: [{ selector: 'ngx-icon', standalone: true, imports: [CommonModule], template: `
|
|
667
668
|
<span
|
|
@@ -682,13 +683,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
682
683
|
|
|
683
684
|
class NgxIconButtonComponent {
|
|
684
685
|
constructor() {
|
|
685
|
-
this.svg = input.required(
|
|
686
|
-
this.type = input(
|
|
687
|
-
this.color = input('primary',
|
|
688
|
-
this.size = input('sm',
|
|
689
|
-
this.variant = input('contained',
|
|
690
|
-
this.disabled = input(
|
|
691
|
-
this.shadow = input(
|
|
686
|
+
this.svg = input.required(...(ngDevMode ? [{ debugName: "svg" }] : []));
|
|
687
|
+
this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
|
|
688
|
+
this.color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
|
|
689
|
+
this.size = input('sm', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
690
|
+
this.variant = input('contained', ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
691
|
+
this.disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
|
|
692
|
+
this.shadow = input(...(ngDevMode ? [undefined, { debugName: "shadow" }] : []));
|
|
692
693
|
this.onClick = output();
|
|
693
694
|
this.onFocus = output();
|
|
694
695
|
this.onBlur = output();
|
|
@@ -700,12 +701,12 @@ class NgxIconButtonComponent {
|
|
|
700
701
|
cssClasses.push(`btn-${this.size() || 'sm'}`);
|
|
701
702
|
cssClasses.push('flex-shrink-0');
|
|
702
703
|
return cssClasses.join(' ');
|
|
703
|
-
},
|
|
704
|
+
}, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
704
705
|
}
|
|
705
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
706
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
706
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
707
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", 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 } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, host: { classAttribute: "d-inline-flex align-items-center" }, ngImport: i0, template: "<button\n\t[class]=\"cssClass()\"\n\t[attr.type]=\"type()\"\n\t[disabled]=\"disabled()\"\n\t(click)=\"onClick.emit($event)\"\n\t(focus)=\"onFocus.emit($event)\"\n\t(blur)=\"onBlur.emit($event)\">\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 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 }); }
|
|
707
708
|
}
|
|
708
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
709
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxIconButtonComponent, decorators: [{
|
|
709
710
|
type: Component,
|
|
710
711
|
args: [{ selector: 'ngx-icon-button', host: { class: 'd-inline-flex align-items-center' }, imports: [NgxIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n\t[class]=\"cssClass()\"\n\t[attr.type]=\"type()\"\n\t[disabled]=\"disabled()\"\n\t(click)=\"onClick.emit($event)\"\n\t(focus)=\"onFocus.emit($event)\"\n\t(blur)=\"onBlur.emit($event)\">\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 svg{max-width:20px;max-height:20px}\n"] }]
|
|
711
712
|
}], 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 }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], onFocus: [{ type: i0.Output, args: ["onFocus"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }] } });
|
|
@@ -717,10 +718,10 @@ class NgxListGroupItemAvatarDirective {
|
|
|
717
718
|
ngOnInit() {
|
|
718
719
|
this.elementRef.nativeElement.classList.add('list-group-item-avatar');
|
|
719
720
|
}
|
|
720
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
721
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
721
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxListGroupItemAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
722
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: NgxListGroupItemAvatarDirective, isStandalone: true, selector: "[ngxListGroupItemAvatar]", ngImport: i0 }); }
|
|
722
723
|
}
|
|
723
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
724
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxListGroupItemAvatarDirective, decorators: [{
|
|
724
725
|
type: Directive,
|
|
725
726
|
args: [{
|
|
726
727
|
selector: '[ngxListGroupItemAvatar]',
|
|
@@ -755,10 +756,10 @@ class NgxListGroupItemDirective {
|
|
|
755
756
|
}
|
|
756
757
|
});
|
|
757
758
|
}
|
|
758
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
759
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
759
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxListGroupItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
760
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: NgxListGroupItemDirective, isStandalone: true, selector: "li[ngxListGroupItem]", inputs: { isActive: "isActive" }, outputs: { onOutsideClick: "onOutsideClick" }, ngImport: i0 }); }
|
|
760
761
|
}
|
|
761
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
762
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxListGroupItemDirective, decorators: [{
|
|
762
763
|
type: Directive,
|
|
763
764
|
args: [{
|
|
764
765
|
selector: 'li[ngxListGroupItem]',
|
|
@@ -777,10 +778,10 @@ class NgxListGroupDirective {
|
|
|
777
778
|
this.elementRef.nativeElement.classList.add('list-group');
|
|
778
779
|
this.elementRef.nativeElement.classList.add('list-group-flush');
|
|
779
780
|
}
|
|
780
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
781
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
781
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxListGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
782
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: NgxListGroupDirective, isStandalone: true, selector: "ul[ngxListGroup]", ngImport: i0 }); }
|
|
782
783
|
}
|
|
783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
784
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxListGroupDirective, decorators: [{
|
|
784
785
|
type: Directive,
|
|
785
786
|
args: [{
|
|
786
787
|
selector: 'ul[ngxListGroup]',
|
|
@@ -794,16 +795,16 @@ const LibIcons = {
|
|
|
794
795
|
|
|
795
796
|
class NgxLoadingIndicatorComponent {
|
|
796
797
|
constructor() {
|
|
797
|
-
this.icon = input(LibIcons.faSpinner,
|
|
798
|
-
this.spin = model(false,
|
|
799
|
-
this.float = model(false,
|
|
798
|
+
this.icon = input(LibIcons.faSpinner, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
799
|
+
this.spin = model(false, ...(ngDevMode ? [{ debugName: "spin" }] : []));
|
|
800
|
+
this.float = model(false, ...(ngDevMode ? [{ debugName: "float" }] : []));
|
|
800
801
|
this.cssClass = computed(() => {
|
|
801
802
|
const cssClasses = [''];
|
|
802
803
|
if (this.spin()) {
|
|
803
804
|
cssClasses.push(`spin`);
|
|
804
805
|
}
|
|
805
806
|
return cssClasses.join(' ');
|
|
806
|
-
},
|
|
807
|
+
}, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
807
808
|
}
|
|
808
809
|
get hostClass() {
|
|
809
810
|
const cssClasses = [''];
|
|
@@ -812,10 +813,10 @@ class NgxLoadingIndicatorComponent {
|
|
|
812
813
|
}
|
|
813
814
|
return cssClasses.join(' ');
|
|
814
815
|
}
|
|
815
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
816
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
816
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxLoadingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
817
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", 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 }); }
|
|
817
818
|
}
|
|
818
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
819
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxLoadingIndicatorComponent, decorators: [{
|
|
819
820
|
type: Component,
|
|
820
821
|
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"] }]
|
|
821
822
|
}], 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: [{
|
|
@@ -848,19 +849,19 @@ class NgxLoadingIndicatorService {
|
|
|
848
849
|
this.componentRef.destroy();
|
|
849
850
|
}
|
|
850
851
|
}
|
|
851
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
852
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.
|
|
852
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxLoadingIndicatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
853
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxLoadingIndicatorService, providedIn: 'root' }); }
|
|
853
854
|
}
|
|
854
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
855
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxLoadingIndicatorService, decorators: [{
|
|
855
856
|
type: Injectable,
|
|
856
857
|
args: [{ providedIn: 'root' }]
|
|
857
858
|
}] });
|
|
858
859
|
|
|
859
860
|
class BaseModalComponent {
|
|
860
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
861
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
861
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: BaseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
862
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: BaseModalComponent, isStandalone: true, selector: "ngx-base-modal", ngImport: i0, template: ``, isInline: true }); }
|
|
862
863
|
}
|
|
863
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
864
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: BaseModalComponent, decorators: [{
|
|
864
865
|
type: Component,
|
|
865
866
|
args: [{
|
|
866
867
|
selector: 'ngx-base-modal',
|
|
@@ -881,10 +882,10 @@ class NgxColDirective {
|
|
|
881
882
|
ngAfterViewInit() {
|
|
882
883
|
this.el.nativeElement.classList.add(this.span);
|
|
883
884
|
}
|
|
884
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
885
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
885
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxColDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
886
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: NgxColDirective, isStandalone: true, selector: "[ngxCol]", inputs: { col: "col" }, ngImport: i0 }); }
|
|
886
887
|
}
|
|
887
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
888
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxColDirective, decorators: [{
|
|
888
889
|
type: Directive,
|
|
889
890
|
args: [{ selector: '[ngxCol]' }]
|
|
890
891
|
}], propDecorators: { col: [{
|
|
@@ -896,18 +897,18 @@ class NgxTooltipDirective {
|
|
|
896
897
|
this.elementRef = inject(ElementRef);
|
|
897
898
|
this.renderer = inject(Renderer2);
|
|
898
899
|
this.viewContainerRef = inject(ViewContainerRef);
|
|
899
|
-
this.ngxTooltip = input.required(
|
|
900
|
-
this.ngxTooltipClass = input('',
|
|
901
|
-
this.ngxTooltipPlacement = input('top',
|
|
902
|
-
this.ngxTooltipIsShow = input(false,
|
|
903
|
-
this.ngxTooltipXOffset = input(0,
|
|
904
|
-
this.ngxTooltipYOffset = input(8,
|
|
905
|
-
this.ngxTooltipDelay = input(200,
|
|
906
|
-
this.ngxTooltipTriggers = input(['hover'],
|
|
907
|
-
this.ngxTooltipSize = input('sm',
|
|
908
|
-
this.ngxTooltipZIndex = input(5,
|
|
909
|
-
this.ngxTooltipAdaptivePosition = input(true,
|
|
910
|
-
this.ngxTooltipFallbackPlacements = input(['top', 'bottom', 'right', 'left'],
|
|
900
|
+
this.ngxTooltip = input.required(...(ngDevMode ? [{ debugName: "ngxTooltip" }] : []));
|
|
901
|
+
this.ngxTooltipClass = input('', ...(ngDevMode ? [{ debugName: "ngxTooltipClass" }] : []));
|
|
902
|
+
this.ngxTooltipPlacement = input('top', ...(ngDevMode ? [{ debugName: "ngxTooltipPlacement" }] : []));
|
|
903
|
+
this.ngxTooltipIsShow = input(false, ...(ngDevMode ? [{ debugName: "ngxTooltipIsShow" }] : []));
|
|
904
|
+
this.ngxTooltipXOffset = input(0, ...(ngDevMode ? [{ debugName: "ngxTooltipXOffset" }] : []));
|
|
905
|
+
this.ngxTooltipYOffset = input(8, ...(ngDevMode ? [{ debugName: "ngxTooltipYOffset" }] : []));
|
|
906
|
+
this.ngxTooltipDelay = input(200, ...(ngDevMode ? [{ debugName: "ngxTooltipDelay" }] : []));
|
|
907
|
+
this.ngxTooltipTriggers = input(['hover'], ...(ngDevMode ? [{ debugName: "ngxTooltipTriggers" }] : []));
|
|
908
|
+
this.ngxTooltipSize = input('sm', ...(ngDevMode ? [{ debugName: "ngxTooltipSize" }] : []));
|
|
909
|
+
this.ngxTooltipZIndex = input(5, ...(ngDevMode ? [{ debugName: "ngxTooltipZIndex" }] : []));
|
|
910
|
+
this.ngxTooltipAdaptivePosition = input(true, ...(ngDevMode ? [{ debugName: "ngxTooltipAdaptivePosition" }] : []));
|
|
911
|
+
this.ngxTooltipFallbackPlacements = input(['top', 'bottom', 'right', 'left'], ...(ngDevMode ? [{ debugName: "ngxTooltipFallbackPlacements" }] : []));
|
|
911
912
|
this.isOpen = false;
|
|
912
913
|
effect(() => {
|
|
913
914
|
if (this.ngxTooltipIsShow()) {
|
|
@@ -1077,10 +1078,10 @@ class NgxTooltipDirective {
|
|
|
1077
1078
|
this.show();
|
|
1078
1079
|
}
|
|
1079
1080
|
}
|
|
1080
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1081
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.
|
|
1081
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1082
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.3", 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 }); }
|
|
1082
1083
|
}
|
|
1083
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1084
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxTooltipDirective, decorators: [{
|
|
1084
1085
|
type: Directive,
|
|
1085
1086
|
args: [{ selector: '[ngxTooltip]', exportAs: 'ngxTooltip' }]
|
|
1086
1087
|
}], 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: [{
|
|
@@ -1111,13 +1112,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
1111
1112
|
|
|
1112
1113
|
class NgxModalComponent {
|
|
1113
1114
|
constructor() {
|
|
1114
|
-
this.title = input('',
|
|
1115
|
-
this.showClose = input(true,
|
|
1116
|
-
this.fullScreen = input(false,
|
|
1117
|
-
this.scrollable = input(true,
|
|
1118
|
-
this.centered = input(true,
|
|
1115
|
+
this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
1116
|
+
this.showClose = input(true, ...(ngDevMode ? [{ debugName: "showClose" }] : []));
|
|
1117
|
+
this.fullScreen = input(false, ...(ngDevMode ? [{ debugName: "fullScreen" }] : []));
|
|
1118
|
+
this.scrollable = input(true, ...(ngDevMode ? [{ debugName: "scrollable" }] : []));
|
|
1119
|
+
this.centered = input(true, ...(ngDevMode ? [{ debugName: "centered" }] : []));
|
|
1119
1120
|
this.oldSize = 'md';
|
|
1120
|
-
this.size = input('md',
|
|
1121
|
+
this.size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
1121
1122
|
this.onClose = output();
|
|
1122
1123
|
this.dialogCssClasses = computed(() => {
|
|
1123
1124
|
const classes = [];
|
|
@@ -1134,7 +1135,7 @@ class NgxModalComponent {
|
|
|
1134
1135
|
classes.push(`modal-${this.size()}`);
|
|
1135
1136
|
}
|
|
1136
1137
|
return classes;
|
|
1137
|
-
},
|
|
1138
|
+
}, ...(ngDevMode ? [{ debugName: "dialogCssClasses" }] : []));
|
|
1138
1139
|
this.LibIcons = LibIcons;
|
|
1139
1140
|
}
|
|
1140
1141
|
handleKeyboardEvent() {
|
|
@@ -1143,12 +1144,12 @@ class NgxModalComponent {
|
|
|
1143
1144
|
handleClickClose() {
|
|
1144
1145
|
this.onClose.emit();
|
|
1145
1146
|
}
|
|
1146
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1147
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
1147
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1148
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", 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\n\tclass=\"modal d-flex justify-content-center align-items-center\"\n\t[ngxAutofocus]=\"true\"\n\ttabindex=\"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(onClick)=\"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"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: NgxAutofocusDirective, selector: "[ngxAutofocus]", inputs: ["ngxAutofocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1148
1149
|
}
|
|
1149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1150
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxModalComponent, decorators: [{
|
|
1150
1151
|
type: Component,
|
|
1151
|
-
args: [{ selector: 'ngx-modal', imports: [CommonModule, NgxTooltipDirective, NgxIconButtonComponent, NgxAutofocusDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div
|
|
1152
|
+
args: [{ selector: 'ngx-modal', imports: [CommonModule, NgxTooltipDirective, NgxIconButtonComponent, NgxAutofocusDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n\tclass=\"modal d-flex justify-content-center align-items-center\"\n\t[ngxAutofocus]=\"true\"\n\ttabindex=\"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(onClick)=\"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" }]
|
|
1152
1153
|
}], 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: [{
|
|
1153
1154
|
type: HostListener,
|
|
1154
1155
|
args: ['document:keydown.escape']
|
|
@@ -1178,56 +1179,97 @@ class NgxModalService {
|
|
|
1178
1179
|
this.componentRef.destroy();
|
|
1179
1180
|
}
|
|
1180
1181
|
}
|
|
1181
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1182
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.
|
|
1182
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1183
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxModalService, providedIn: 'root' }); }
|
|
1183
1184
|
}
|
|
1184
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1185
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxModalService, decorators: [{
|
|
1185
1186
|
type: Injectable,
|
|
1186
1187
|
args: [{ providedIn: 'root' }]
|
|
1187
1188
|
}] });
|
|
1188
1189
|
|
|
1189
1190
|
class NgxOffCanvasComponent {
|
|
1190
1191
|
constructor() {
|
|
1191
|
-
this.
|
|
1192
|
+
this.el = inject(ElementRef);
|
|
1193
|
+
// private readonly renderer: Renderer2 = inject(Renderer2);
|
|
1194
|
+
this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
1192
1195
|
this.onClose = output();
|
|
1196
|
+
this.onKeyDown = output();
|
|
1193
1197
|
this.LibIcons = LibIcons;
|
|
1198
|
+
this.tabIndex = -1;
|
|
1199
|
+
this.role = 'dialog';
|
|
1200
|
+
this.ariaModal = 'true';
|
|
1201
|
+
this.ariaLabelledBy = 'ngx-offcanvas-title';
|
|
1202
|
+
this.previousFocusedElement = null;
|
|
1203
|
+
}
|
|
1204
|
+
handleKeyDown($event) {
|
|
1205
|
+
this.onKeyDown.emit($event);
|
|
1194
1206
|
}
|
|
1195
1207
|
handleClickClose() {
|
|
1196
1208
|
this.onClose.emit();
|
|
1197
1209
|
}
|
|
1198
|
-
|
|
1199
|
-
|
|
1210
|
+
ngAfterViewInit() {
|
|
1211
|
+
this.previousFocusedElement = document.activeElement;
|
|
1212
|
+
try {
|
|
1213
|
+
this.el.nativeElement.focus({ preventScroll: true });
|
|
1214
|
+
}
|
|
1215
|
+
catch {
|
|
1216
|
+
this.el.nativeElement.focus();
|
|
1217
|
+
}
|
|
1218
|
+
}
|
|
1219
|
+
ngOnDestroy() {
|
|
1220
|
+
if (this.previousFocusedElement &&
|
|
1221
|
+
typeof this.previousFocusedElement.focus === 'function') {
|
|
1222
|
+
this.previousFocusedElement.focus();
|
|
1223
|
+
}
|
|
1224
|
+
}
|
|
1225
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxOffCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1226
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: NgxOffCanvasComponent, isStandalone: true, selector: "ngx-off-canvas", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose", onKeyDown: "onKeyDown" }, host: { listeners: { "keydown": "handleKeyDown($event)" }, properties: { "tabIndex": "this.tabIndex", "attr.role": "this.role", "attr.aria-modal": "this.ariaModal", "attr.aria-labelledby": "this.ariaLabelledBy" } }, ngImport: i0, template: "<div\n\tclass=\"offcanvas offcanvas-start show\"\n\ttabindex=\"-1\"\n\tid=\"offcanvas\"\n\tstyle=\"z-index: 1051\"\n\tcdkTrapFocus\n\t[cdkTrapFocusAutoCapture]=\"true\">\n\t<div class=\"offcanvas-header justify-content-between\">\n\t\t<h5 class=\"offcanvas-title\" id=\"ngx-offcanvas-title\">{{ title() }}</h5>\n\t\t<ngx-icon-button\n\t\t\tcolor=\"secondary\"\n\t\t\tclass=\"ml-auto\"\n\t\t\t(onClick)=\"handleClickClose()\"\n\t\t\t[svg]=\"LibIcons.faXmark\"\n\t\t\tngxTooltip=\"close menu\"\n\t\t\t[ngxTooltipZIndex]=\"1052\" />\n\t</div>\n\t<div class=\"offcanvas-body\">\n\t\t<ng-content />\n\t</div>\n</div>\n\n<div class=\"modal-backdrop fade show\" (click)=\"handleClickClose()\"></div>\n", styles: [":host{z-index:9999;display:block;outline:none}\n"], dependencies: [{ kind: "component", type: NgxIconButtonComponent, selector: "ngx-icon-button", inputs: ["svg", "type", "color", "size", "variant", "disabled", "shadow"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: NgxTooltipDirective, selector: "[ngxTooltip]", inputs: ["ngxTooltip", "ngxTooltipClass", "ngxTooltipPlacement", "ngxTooltipIsShow", "ngxTooltipXOffset", "ngxTooltipYOffset", "ngxTooltipDelay", "ngxTooltipTriggers", "ngxTooltipSize", "ngxTooltipZIndex", "ngxTooltipAdaptivePosition", "ngxTooltipFallbackPlacements"], exportAs: ["ngxTooltip"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1200
1227
|
}
|
|
1201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1228
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxOffCanvasComponent, decorators: [{
|
|
1202
1229
|
type: Component,
|
|
1203
|
-
args: [{ selector: 'ngx-off-canvas', imports: [NgxIconButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div
|
|
1204
|
-
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }] }
|
|
1230
|
+
args: [{ selector: 'ngx-off-canvas', imports: [NgxIconButtonComponent, NgxTooltipDirective, A11yModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n\tclass=\"offcanvas offcanvas-start show\"\n\ttabindex=\"-1\"\n\tid=\"offcanvas\"\n\tstyle=\"z-index: 1051\"\n\tcdkTrapFocus\n\t[cdkTrapFocusAutoCapture]=\"true\">\n\t<div class=\"offcanvas-header justify-content-between\">\n\t\t<h5 class=\"offcanvas-title\" id=\"ngx-offcanvas-title\">{{ title() }}</h5>\n\t\t<ngx-icon-button\n\t\t\tcolor=\"secondary\"\n\t\t\tclass=\"ml-auto\"\n\t\t\t(onClick)=\"handleClickClose()\"\n\t\t\t[svg]=\"LibIcons.faXmark\"\n\t\t\tngxTooltip=\"close menu\"\n\t\t\t[ngxTooltipZIndex]=\"1052\" />\n\t</div>\n\t<div class=\"offcanvas-body\">\n\t\t<ng-content />\n\t</div>\n</div>\n\n<div class=\"modal-backdrop fade show\" (click)=\"handleClickClose()\"></div>\n", styles: [":host{z-index:9999;display:block;outline:none}\n"] }]
|
|
1231
|
+
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }], onKeyDown: [{ type: i0.Output, args: ["onKeyDown"] }], tabIndex: [{
|
|
1232
|
+
type: HostBinding,
|
|
1233
|
+
args: ['tabIndex']
|
|
1234
|
+
}], role: [{
|
|
1235
|
+
type: HostBinding,
|
|
1236
|
+
args: ['attr.role']
|
|
1237
|
+
}], ariaModal: [{
|
|
1238
|
+
type: HostBinding,
|
|
1239
|
+
args: ['attr.aria-modal']
|
|
1240
|
+
}], ariaLabelledBy: [{
|
|
1241
|
+
type: HostBinding,
|
|
1242
|
+
args: ['attr.aria-labelledby']
|
|
1243
|
+
}], handleKeyDown: [{
|
|
1244
|
+
type: HostListener,
|
|
1245
|
+
args: ['keydown', ['$event']]
|
|
1246
|
+
}] } });
|
|
1205
1247
|
|
|
1206
1248
|
class NgxTabContentComponent {
|
|
1207
1249
|
constructor() {
|
|
1208
|
-
this.isActive = model(false,
|
|
1250
|
+
this.isActive = model(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
|
|
1209
1251
|
}
|
|
1210
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1211
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
1252
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxTabContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1253
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", 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 }); }
|
|
1212
1254
|
}
|
|
1213
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1255
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxTabContentComponent, decorators: [{
|
|
1214
1256
|
type: Component,
|
|
1215
1257
|
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"] }]
|
|
1216
1258
|
}], propDecorators: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }, { type: i0.Output, args: ["isActiveChange"] }] } });
|
|
1217
1259
|
|
|
1218
1260
|
class NgxTabComponent {
|
|
1219
1261
|
constructor() {
|
|
1220
|
-
this.isActive = model(false,
|
|
1221
|
-
this.target = input.required(
|
|
1262
|
+
this.isActive = model(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
|
|
1263
|
+
this.target = input.required(...(ngDevMode ? [{ debugName: "target" }] : []));
|
|
1222
1264
|
this.onSelected = output();
|
|
1223
1265
|
}
|
|
1224
1266
|
onClick() {
|
|
1225
1267
|
this.onSelected.emit();
|
|
1226
1268
|
}
|
|
1227
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1228
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
1269
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1270
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", 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 }); }
|
|
1229
1271
|
}
|
|
1230
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1272
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxTabComponent, decorators: [{
|
|
1231
1273
|
type: Component,
|
|
1232
1274
|
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"] }]
|
|
1233
1275
|
}], 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: [{
|
|
@@ -1237,8 +1279,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
1237
1279
|
|
|
1238
1280
|
class NgxTabsComponent {
|
|
1239
1281
|
constructor() {
|
|
1240
|
-
this.tabQueryList = contentChildren(NgxTabComponent,
|
|
1241
|
-
this.tabContentQueryList = contentChildren(NgxTabContentComponent,
|
|
1282
|
+
this.tabQueryList = contentChildren(NgxTabComponent, ...(ngDevMode ? [{ debugName: "tabQueryList" }] : []));
|
|
1283
|
+
this.tabContentQueryList = contentChildren(NgxTabContentComponent, ...(ngDevMode ? [{ debugName: "tabContentQueryList" }] : []));
|
|
1242
1284
|
}
|
|
1243
1285
|
ngAfterContentInit() {
|
|
1244
1286
|
this.tabQueryList().forEach(tab => {
|
|
@@ -1256,10 +1298,10 @@ class NgxTabsComponent {
|
|
|
1256
1298
|
this.tabQueryList().forEach(tab => tab.isActive.update(() => tab === tabComponent));
|
|
1257
1299
|
this.tabContentQueryList().forEach(tabContent => tabContent.isActive.update(() => tabContent === tabComponent.target()));
|
|
1258
1300
|
}
|
|
1259
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1260
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.
|
|
1301
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1302
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.3", 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 }); }
|
|
1261
1303
|
}
|
|
1262
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxTabsComponent, decorators: [{
|
|
1263
1305
|
type: Component,
|
|
1264
1306
|
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"] }]
|
|
1265
1307
|
}], propDecorators: { tabQueryList: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgxTabComponent), { isSignal: true }] }], tabContentQueryList: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgxTabContentComponent), { isSignal: true }] }] } });
|
|
@@ -1268,8 +1310,8 @@ class NgxToastComponent {
|
|
|
1268
1310
|
constructor() {
|
|
1269
1311
|
this.onClose = output();
|
|
1270
1312
|
}
|
|
1271
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1272
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
1313
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1314
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: NgxToastComponent, isStandalone: true, selector: "ngx-toast", inputs: { message: "message" }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
|
|
1273
1315
|
<div class="toast align-items-center text-bg-dark border-0 show">
|
|
1274
1316
|
<div class="d-flex">
|
|
1275
1317
|
<div class="toast-body" [innerHTML]="message"></div>
|
|
@@ -1278,7 +1320,7 @@ class NgxToastComponent {
|
|
|
1278
1320
|
</div>
|
|
1279
1321
|
`, isInline: true, styles: [":host{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1051}\n"] }); }
|
|
1280
1322
|
}
|
|
1281
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1323
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxToastComponent, decorators: [{
|
|
1282
1324
|
type: Component,
|
|
1283
1325
|
args: [{ selector: 'ngx-toast', template: `
|
|
1284
1326
|
<div class="toast align-items-center text-bg-dark border-0 show">
|
|
@@ -1325,10 +1367,10 @@ class NgxToastService {
|
|
|
1325
1367
|
clearTimeout(this.interval);
|
|
1326
1368
|
}
|
|
1327
1369
|
}
|
|
1328
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1329
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.
|
|
1370
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1371
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxToastService, providedIn: 'root' }); }
|
|
1330
1372
|
}
|
|
1331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxToastService, decorators: [{
|
|
1332
1374
|
type: Injectable,
|
|
1333
1375
|
args: [{ providedIn: 'root' }]
|
|
1334
1376
|
}] });
|
|
@@ -1404,10 +1446,10 @@ class NgxImageService {
|
|
|
1404
1446
|
canvas.height = img.height;
|
|
1405
1447
|
context.drawImage(img, 0, 0, canvas.width, canvas.height);
|
|
1406
1448
|
}
|
|
1407
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
1408
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.
|
|
1449
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1450
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxImageService, providedIn: 'root' }); }
|
|
1409
1451
|
}
|
|
1410
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
1452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxImageService, decorators: [{
|
|
1411
1453
|
type: Injectable,
|
|
1412
1454
|
args: [{ providedIn: 'root' }]
|
|
1413
1455
|
}] });
|