ngx-gccb 0.41.1 → 0.43.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 +193 -195
- package/fesm2022/ngx-gccb.mjs.map +1 -1
- package/package.json +3 -2
- package/types/ngx-gccb.d.ts +45 -46
package/fesm2022/ngx-gccb.mjs
CHANGED
|
@@ -40,13 +40,13 @@ const HOST_COMPONENT_PROVIDER = {
|
|
|
40
40
|
class NgxButtonComponent {
|
|
41
41
|
constructor() {
|
|
42
42
|
this.elementRef = inject(ElementRef);
|
|
43
|
-
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
44
|
-
this.type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : []));
|
|
45
|
-
this.color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
|
|
46
|
-
this.size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
47
|
-
this.variant = input('contained', ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
48
|
-
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
49
|
-
this.shadow = input(...(ngDevMode ? [undefined, { debugName: "shadow" }] : []));
|
|
43
|
+
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
|
|
44
|
+
this.type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
45
|
+
this.color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
46
|
+
this.size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
47
|
+
this.variant = input('contained', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
48
|
+
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
49
|
+
this.shadow = input(...(ngDevMode ? [undefined, { debugName: "shadow" }] : /* istanbul ignore next */ []));
|
|
50
50
|
this.onClick = output();
|
|
51
51
|
this.onFocus = output();
|
|
52
52
|
this.onBlur = output();
|
|
@@ -72,7 +72,7 @@ class NgxButtonComponent {
|
|
|
72
72
|
cssClasses.push(this.cssClass());
|
|
73
73
|
}
|
|
74
74
|
return cssClasses.join(' ');
|
|
75
|
-
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : []));
|
|
75
|
+
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : /* istanbul ignore next */ []));
|
|
76
76
|
}
|
|
77
77
|
focus() {
|
|
78
78
|
const nativeButton = this.elementRef.nativeElement.querySelector('button');
|
|
@@ -83,10 +83,10 @@ class NgxButtonComponent {
|
|
|
83
83
|
this.elementRef.nativeElement.focus();
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
87
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
86
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
87
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", 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" }, providers: [HOST_COMPONENT_PROVIDER], ngImport: i0, template: "<button\n\t[ngClass]=\"getCssClasses()\"\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", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
88
88
|
}
|
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxButtonComponent, decorators: [{
|
|
90
90
|
type: Component,
|
|
91
91
|
args: [{ selector: 'ngx-button', host: { class: 'd-inline-flex align-items-center' }, changeDetection: ChangeDetectionStrategy.OnPush, providers: [HOST_COMPONENT_PROVIDER], imports: [NgClass], template: "<button\n\t[ngClass]=\"getCssClasses()\"\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" }]
|
|
92
92
|
}], 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"] }] } });
|
|
@@ -101,14 +101,14 @@ const LibIcons = {
|
|
|
101
101
|
class NgxIconComponent {
|
|
102
102
|
constructor() {
|
|
103
103
|
this.sanitizer = inject(DomSanitizer);
|
|
104
|
-
this.svg = input.required(...(ngDevMode ? [{ debugName: "svg" }] : []));
|
|
105
|
-
this.size = input('1.25em', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
106
|
-
this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
|
|
107
|
-
this.ariaHidden = input(true, ...(ngDevMode ? [{ debugName: "ariaHidden" }] : []));
|
|
108
|
-
this.cssClass = input(...(ngDevMode ? [undefined, { debugName: "cssClass" }] : []));
|
|
104
|
+
this.svg = input.required(...(ngDevMode ? [{ debugName: "svg" }] : /* istanbul ignore next */ []));
|
|
105
|
+
this.size = input('1.25em', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
106
|
+
this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
|
|
107
|
+
this.ariaHidden = input(true, ...(ngDevMode ? [{ debugName: "ariaHidden" }] : /* istanbul ignore next */ []));
|
|
108
|
+
this.cssClass = input(...(ngDevMode ? [undefined, { debugName: "cssClass" }] : /* istanbul ignore next */ []));
|
|
109
109
|
this.svgHtml = computed(() => {
|
|
110
110
|
return this.svg() ? this.sanitizer.bypassSecurityTrustHtml(this.fixFill(this.svg())) : '';
|
|
111
|
-
}, ...(ngDevMode ? [{ debugName: "svgHtml" }] : []));
|
|
111
|
+
}, ...(ngDevMode ? [{ debugName: "svgHtml" }] : /* istanbul ignore next */ []));
|
|
112
112
|
}
|
|
113
113
|
get hostSize() {
|
|
114
114
|
const size = this.size();
|
|
@@ -126,8 +126,8 @@ class NgxIconComponent {
|
|
|
126
126
|
}
|
|
127
127
|
return svg.replace(/^<svg/i, '<svg fill="currentColor"');
|
|
128
128
|
}
|
|
129
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
130
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
129
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
130
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", 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 }, cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--ngx-icon-size": "this.hostSize", "class": "this.hostClass" } }, ngImport: i0, template: `
|
|
131
131
|
<span
|
|
132
132
|
class="ngx-icon"
|
|
133
133
|
[attr.aria-hidden]="ariaHidden() ? 'true' : null"
|
|
@@ -137,7 +137,7 @@ class NgxIconComponent {
|
|
|
137
137
|
</span>
|
|
138
138
|
`, 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 }); }
|
|
139
139
|
}
|
|
140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxIconComponent, decorators: [{
|
|
141
141
|
type: Component,
|
|
142
142
|
args: [{ selector: 'ngx-icon', standalone: true, imports: [CommonModule], template: `
|
|
143
143
|
<span
|
|
@@ -159,14 +159,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
159
159
|
class NgxIconButtonComponent {
|
|
160
160
|
constructor() {
|
|
161
161
|
this.elementRef = inject(ElementRef);
|
|
162
|
-
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
163
|
-
this.svg = input.required(...(ngDevMode ? [{ debugName: "svg" }] : []));
|
|
164
|
-
this.type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : []));
|
|
165
|
-
this.color = input('secondary', ...(ngDevMode ? [{ debugName: "color" }] : []));
|
|
166
|
-
this.size = input('sm', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
167
|
-
this.variant = input('ghost', ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
168
|
-
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
169
|
-
this.shadow = input(...(ngDevMode ? [undefined, { debugName: "shadow" }] : []));
|
|
162
|
+
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
|
|
163
|
+
this.svg = input.required(...(ngDevMode ? [{ debugName: "svg" }] : /* istanbul ignore next */ []));
|
|
164
|
+
this.type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
165
|
+
this.color = input('secondary', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
166
|
+
this.size = input('sm', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
167
|
+
this.variant = input('ghost', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
168
|
+
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
169
|
+
this.shadow = input(...(ngDevMode ? [undefined, { debugName: "shadow" }] : /* istanbul ignore next */ []));
|
|
170
170
|
this.onClick = output();
|
|
171
171
|
this.onFocus = output();
|
|
172
172
|
this.onBlur = output();
|
|
@@ -194,7 +194,7 @@ class NgxIconButtonComponent {
|
|
|
194
194
|
cssClasses.push(this.cssClass());
|
|
195
195
|
}
|
|
196
196
|
return cssClasses.join(' ');
|
|
197
|
-
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : []));
|
|
197
|
+
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : /* istanbul ignore next */ []));
|
|
198
198
|
}
|
|
199
199
|
focus() {
|
|
200
200
|
const nativeButton = this.elementRef.nativeElement.querySelector('button');
|
|
@@ -205,15 +205,15 @@ class NgxIconButtonComponent {
|
|
|
205
205
|
this.elementRef.nativeElement.focus();
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
209
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
208
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
209
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: NgxIconButtonComponent, isStandalone: true, selector: "ngx-icon-button", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null }, 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" }, providers: [
|
|
210
210
|
{
|
|
211
211
|
provide: FocusableHost,
|
|
212
212
|
useExisting: forwardRef(() => NgxIconButtonComponent),
|
|
213
213
|
},
|
|
214
214
|
], ngImport: i0, template: "<button\n\t[ngClass]=\"getCssClasses()\"\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\tstyle=\"width: 40px; height: 40px\">\n\t<ngx-icon [svg]=\"svg()\" />\n</button>\n", dependencies: [{ kind: "component", type: NgxIconComponent, selector: "ngx-icon", inputs: ["svg", "size", "title", "ariaHidden", "cssClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
215
215
|
}
|
|
216
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxIconButtonComponent, decorators: [{
|
|
217
217
|
type: Component,
|
|
218
218
|
args: [{ selector: 'ngx-icon-button', host: { class: 'd-inline-flex align-items-center' }, imports: [NgxIconComponent, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
219
219
|
{
|
|
@@ -228,7 +228,7 @@ class CalendarComponent {
|
|
|
228
228
|
constructor() {
|
|
229
229
|
this.LibIcons = LibIcons;
|
|
230
230
|
this.onDaySelected = output();
|
|
231
|
-
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
231
|
+
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
|
|
232
232
|
this.weekdayHeaders = [];
|
|
233
233
|
this.currentMonth = dayjs();
|
|
234
234
|
this.weeks = [];
|
|
@@ -243,7 +243,7 @@ class CalendarComponent {
|
|
|
243
243
|
];
|
|
244
244
|
cssClasses.push(this.cssClass());
|
|
245
245
|
return cssClasses.join(' ');
|
|
246
|
-
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : []));
|
|
246
|
+
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : /* istanbul ignore next */ []));
|
|
247
247
|
}
|
|
248
248
|
ngOnInit() {
|
|
249
249
|
this.init();
|
|
@@ -287,61 +287,61 @@ class CalendarComponent {
|
|
|
287
287
|
isSelected(day) {
|
|
288
288
|
return this.selectedDay?.isSame(day, 'day') || false;
|
|
289
289
|
}
|
|
290
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
291
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
290
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
291
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: CalendarComponent, isStandalone: true, selector: "ngx-calendar", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDaySelected: "onDaySelected" }, ngImport: i0, template: "<div [ngClass]=\"getCssClasses()\">\n\t<ngx-icon-button\n\t\tcolor=\"secondary\"\n\t\tvariant=\"ghost\"\n\t\t[svg]=\"LibIcons.faChevronLeft\"\n\t\t(onClick)=\"previousMonth()\" />\n\t<h4 class=\"m-0\">\n\t\t{{ currentMonth.format('MMMM YYYY') }}\n\t</h4>\n\t<ngx-icon-button\n\t\tcolor=\"secondary\"\n\t\tvariant=\"ghost\"\n\t\t(onClick)=\"nextMonth()\"\n\t\t[svg]=\"LibIcons.faChevronRight\" />\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-body-tertiary]=\"!isCurrentMonth(day)\"\n\t\t\t\t\t\t\t[class.bg-info-subtle]=\"\n\t\t\t\t\t\t\t\tisToday(day) && !(isSelected(day) || day === hoveredDay)\n\t\t\t\t\t\t\t\"\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(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: NgxIconButtonComponent, selector: "ngx-icon-button", inputs: ["cssClass", "svg", "type", "color", "size", "variant", "disabled", "shadow"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
292
292
|
}
|
|
293
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
293
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
294
294
|
type: Component,
|
|
295
295
|
args: [{ selector: 'ngx-calendar', imports: [NgxIconButtonComponent, NgClass], template: "<div [ngClass]=\"getCssClasses()\">\n\t<ngx-icon-button\n\t\tcolor=\"secondary\"\n\t\tvariant=\"ghost\"\n\t\t[svg]=\"LibIcons.faChevronLeft\"\n\t\t(onClick)=\"previousMonth()\" />\n\t<h4 class=\"m-0\">\n\t\t{{ currentMonth.format('MMMM YYYY') }}\n\t</h4>\n\t<ngx-icon-button\n\t\tcolor=\"secondary\"\n\t\tvariant=\"ghost\"\n\t\t(onClick)=\"nextMonth()\"\n\t\t[svg]=\"LibIcons.faChevronRight\" />\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-body-tertiary]=\"!isCurrentMonth(day)\"\n\t\t\t\t\t\t\t[class.bg-info-subtle]=\"\n\t\t\t\t\t\t\t\tisToday(day) && !(isSelected(day) || day === hoveredDay)\n\t\t\t\t\t\t\t\"\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(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"] }]
|
|
296
296
|
}], propDecorators: { onDaySelected: [{ type: i0.Output, args: ["onDaySelected"] }], cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cssClass", required: false }] }] } });
|
|
297
297
|
|
|
298
298
|
class NgxCardBodyComponent {
|
|
299
299
|
constructor() {
|
|
300
|
-
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
300
|
+
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
|
|
301
301
|
this.getCssClasses = computed(() => {
|
|
302
302
|
const cssClasses = ['card-body'];
|
|
303
303
|
cssClasses.push(this.cssClass());
|
|
304
304
|
return cssClasses.join(' ');
|
|
305
|
-
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : []));
|
|
305
|
+
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : /* istanbul ignore next */ []));
|
|
306
306
|
}
|
|
307
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
308
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
307
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxCardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
308
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: NgxCardBodyComponent, isStandalone: true, selector: "ngx-card-body", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [ngClass]=\"getCssClasses()\"><ng-content /></div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
309
309
|
}
|
|
310
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
310
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxCardBodyComponent, decorators: [{
|
|
311
311
|
type: Component,
|
|
312
312
|
args: [{ selector: 'ngx-card-body', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass], template: "<div [ngClass]=\"getCssClasses()\"><ng-content /></div>\n" }]
|
|
313
313
|
}], propDecorators: { cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cssClass", required: false }] }] } });
|
|
314
314
|
|
|
315
315
|
class NgxCardTitleComponent {
|
|
316
316
|
constructor() {
|
|
317
|
-
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
317
|
+
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
|
|
318
318
|
this.getCssClasses = computed(() => {
|
|
319
319
|
const cssClasses = ['card-title'];
|
|
320
320
|
cssClasses.push(this.cssClass());
|
|
321
321
|
return cssClasses.join(' ');
|
|
322
|
-
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : []));
|
|
322
|
+
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : /* istanbul ignore next */ []));
|
|
323
323
|
}
|
|
324
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
325
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
324
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
325
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: NgxCardTitleComponent, isStandalone: true, selector: "ngx-card-title", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<h5 [ngClass]=\"getCssClasses()\"><ng-content /></h5>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
326
326
|
}
|
|
327
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
327
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxCardTitleComponent, decorators: [{
|
|
328
328
|
type: Component,
|
|
329
329
|
args: [{ selector: 'ngx-card-title', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass], template: "<h5 [ngClass]=\"getCssClasses()\"><ng-content /></h5>\n" }]
|
|
330
330
|
}], propDecorators: { cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cssClass", required: false }] }] } });
|
|
331
331
|
|
|
332
332
|
class NgxCardComponent {
|
|
333
333
|
constructor() {
|
|
334
|
-
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
334
|
+
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
|
|
335
335
|
this.getCssClasses = computed(() => {
|
|
336
336
|
const cssClasses = ['card'];
|
|
337
337
|
cssClasses.push(this.cssClass());
|
|
338
338
|
return cssClasses.join(' ');
|
|
339
|
-
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : []));
|
|
339
|
+
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : /* istanbul ignore next */ []));
|
|
340
340
|
}
|
|
341
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
342
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
341
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
342
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: NgxCardComponent, isStandalone: true, selector: "ngx-card", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [ngClass]=\"getCssClasses()\"><ng-content /></div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
343
343
|
}
|
|
344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxCardComponent, decorators: [{
|
|
345
345
|
type: Component,
|
|
346
346
|
args: [{ selector: 'ngx-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass], template: "<div [ngClass]=\"getCssClasses()\"><ng-content /></div>\n" }]
|
|
347
347
|
}], propDecorators: { cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cssClass", required: false }] }] } });
|
|
@@ -356,9 +356,9 @@ class NgxDropdownDirective {
|
|
|
356
356
|
optional: true,
|
|
357
357
|
});
|
|
358
358
|
this.injector = inject(Injector);
|
|
359
|
-
this.ngxDropdown = input.required(...(ngDevMode ? [{ debugName: "ngxDropdown" }] : []));
|
|
359
|
+
this.ngxDropdown = input.required(...(ngDevMode ? [{ debugName: "ngxDropdown" }] : /* istanbul ignore next */ []));
|
|
360
360
|
this.ngxDropdownItemSelected = output();
|
|
361
|
-
this.placement = input('bottom-start', ...(ngDevMode ? [{ debugName: "placement" }] : []));
|
|
361
|
+
this.placement = input('bottom-start', ...(ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []));
|
|
362
362
|
this.dropdownElement = null;
|
|
363
363
|
this.dropdownMenuContentElement = null;
|
|
364
364
|
this.isDropdownVisible = false;
|
|
@@ -474,10 +474,10 @@ class NgxDropdownDirective {
|
|
|
474
474
|
}
|
|
475
475
|
this.isDropdownVisible = false;
|
|
476
476
|
}
|
|
477
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
478
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
477
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxDropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
478
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.11", 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 } }, outputs: { ngxDropdownItemSelected: "ngxDropdownItemSelected" }, host: { listeners: { "keydown.enter": "toggleDropdown($event)", "click": "toggleDropdown($event)", "document:click": "onDocumentClick($event)", "document:keydown.escape": "handleKeyboardEvent()" } }, exportAs: ["ngxDropdown"], ngImport: i0 }); }
|
|
479
479
|
}
|
|
480
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
480
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxDropdownDirective, decorators: [{
|
|
481
481
|
type: Directive,
|
|
482
482
|
args: [{ selector: '[ngxDropdown]', exportAs: 'ngxDropdown' }]
|
|
483
483
|
}], propDecorators: { ngxDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxDropdown", required: true }] }], ngxDropdownItemSelected: [{ type: i0.Output, args: ["ngxDropdownItemSelected"] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], toggleDropdown: [{
|
|
@@ -497,7 +497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
497
497
|
class NgxDropdownItemDirective {
|
|
498
498
|
constructor() {
|
|
499
499
|
this.dropdown = inject(NgxDropdownDirective);
|
|
500
|
-
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
500
|
+
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
|
|
501
501
|
}
|
|
502
502
|
onClick(event) {
|
|
503
503
|
event.stopPropagation();
|
|
@@ -507,10 +507,10 @@ class NgxDropdownItemDirective {
|
|
|
507
507
|
event.preventDefault();
|
|
508
508
|
this.dropdown.handleSelection(this.value());
|
|
509
509
|
}
|
|
510
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
511
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
510
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxDropdownItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
511
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.11", type: NgxDropdownItemDirective, isStandalone: true, selector: "[ngxDropdownItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "0", "role": "menuitem" }, listeners: { "click": "onClick($event)", "keydown.enter": "onKeyDown($event)" } }, ngImport: i0 }); }
|
|
512
512
|
}
|
|
513
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
513
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxDropdownItemDirective, decorators: [{
|
|
514
514
|
type: Directive,
|
|
515
515
|
args: [{
|
|
516
516
|
selector: '[ngxDropdownItem]',
|
|
@@ -530,8 +530,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
530
530
|
|
|
531
531
|
class NgxFormErrorsComponent {
|
|
532
532
|
constructor() {
|
|
533
|
-
this.isDirty = input(false, ...(ngDevMode ? [{ debugName: "isDirty" }] : []));
|
|
534
|
-
this.errors = input(null, ...(ngDevMode ? [{ debugName: "errors" }] : []));
|
|
533
|
+
this.isDirty = input(false, ...(ngDevMode ? [{ debugName: "isDirty" }] : /* istanbul ignore next */ []));
|
|
534
|
+
this.errors = input(null, ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
|
|
535
535
|
this.errorMessages = computed(() => {
|
|
536
536
|
const result = [];
|
|
537
537
|
if (this.isDirty() && this.errors()) {
|
|
@@ -542,7 +542,7 @@ class NgxFormErrorsComponent {
|
|
|
542
542
|
}
|
|
543
543
|
}
|
|
544
544
|
return result;
|
|
545
|
-
}, ...(ngDevMode ? [{ debugName: "errorMessages" }] : []));
|
|
545
|
+
}, ...(ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []));
|
|
546
546
|
this.errorMessageDictionary = {
|
|
547
547
|
required: () => 'Field is required',
|
|
548
548
|
requiredTrue: () => 'Field is required',
|
|
@@ -557,8 +557,8 @@ class NgxFormErrorsComponent {
|
|
|
557
557
|
timeAfterError: (errors) => `The time must be after ${errors?.['timeAfterError']}`,
|
|
558
558
|
};
|
|
559
559
|
}
|
|
560
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
561
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
560
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
561
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", 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: `
|
|
562
562
|
@if (errorMessages()) {
|
|
563
563
|
<div class="invalid-feedback d-block">
|
|
564
564
|
@for (errorMessage of errorMessages(); track $index) {
|
|
@@ -568,7 +568,7 @@ class NgxFormErrorsComponent {
|
|
|
568
568
|
}
|
|
569
569
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
570
570
|
}
|
|
571
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
571
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormErrorsComponent, decorators: [{
|
|
572
572
|
type: Component,
|
|
573
573
|
args: [{
|
|
574
574
|
selector: 'ngx-form-errors',
|
|
@@ -602,8 +602,8 @@ class NgxFormControl extends UntypedFormControl {
|
|
|
602
602
|
|
|
603
603
|
class NgxFormGroupDirective {
|
|
604
604
|
constructor() {
|
|
605
|
-
this.formGroup = input.required(...(ngDevMode ? [{ debugName: "formGroup" }] : []));
|
|
606
|
-
this.validateOnChange = input(true, ...(ngDevMode ? [{ debugName: "validateOnChange" }] : []));
|
|
605
|
+
this.formGroup = input.required(...(ngDevMode ? [{ debugName: "formGroup" }] : /* istanbul ignore next */ []));
|
|
606
|
+
this.validateOnChange = input(true, ...(ngDevMode ? [{ debugName: "validateOnChange" }] : /* istanbul ignore next */ []));
|
|
607
607
|
}
|
|
608
608
|
validateForm() {
|
|
609
609
|
Object.keys(this.formGroup().controls).forEach(key => {
|
|
@@ -629,10 +629,10 @@ class NgxFormGroupDirective {
|
|
|
629
629
|
this.formGroup().get(key)?.markAsUntouched({ onlySelf: true });
|
|
630
630
|
});
|
|
631
631
|
}
|
|
632
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
633
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
632
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
633
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.11", 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 }); }
|
|
634
634
|
}
|
|
635
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
635
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormGroupDirective, decorators: [{
|
|
636
636
|
type: Directive,
|
|
637
637
|
args: [{
|
|
638
638
|
selector: '[ngxFormGroup]',
|
|
@@ -644,13 +644,13 @@ class NgxFormInputDirective {
|
|
|
644
644
|
constructor() {
|
|
645
645
|
this.elementRef = inject((ElementRef));
|
|
646
646
|
this.renderer2 = inject(Renderer2);
|
|
647
|
-
this.ngxFormInput = input.required(...(ngDevMode ? [{ debugName: "ngxFormInput" }] : []));
|
|
648
|
-
this.formControl = input(...(ngDevMode ? [undefined, { debugName: "formControl" }] : []));
|
|
649
|
-
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
650
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
651
|
-
this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
|
|
652
|
-
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
|
|
653
|
-
this.isFloatingLabel = input(true, ...(ngDevMode ? [{ debugName: "isFloatingLabel" }] : []));
|
|
647
|
+
this.ngxFormInput = input.required(...(ngDevMode ? [{ debugName: "ngxFormInput" }] : /* istanbul ignore next */ []));
|
|
648
|
+
this.formControl = input(...(ngDevMode ? [undefined, { debugName: "formControl" }] : /* istanbul ignore next */ []));
|
|
649
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
650
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
651
|
+
this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : /* istanbul ignore next */ []));
|
|
652
|
+
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
653
|
+
this.isFloatingLabel = input(true, ...(ngDevMode ? [{ debugName: "isFloatingLabel" }] : /* istanbul ignore next */ []));
|
|
654
654
|
effect(() => {
|
|
655
655
|
const fc = this.formControl();
|
|
656
656
|
if (fc && this.type() === 'checkbox') {
|
|
@@ -700,10 +700,10 @@ class NgxFormInputDirective {
|
|
|
700
700
|
this.elementRef.nativeElement.classList.remove('is-invalid');
|
|
701
701
|
}
|
|
702
702
|
}
|
|
703
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
704
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
703
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
704
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.11", 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 }); }
|
|
705
705
|
}
|
|
706
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
706
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormInputDirective, decorators: [{
|
|
707
707
|
type: Directive,
|
|
708
708
|
args: [{ selector: '[ngxFormInput]' }]
|
|
709
709
|
}], 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 }] }] } });
|
|
@@ -712,10 +712,10 @@ class NgxFormLabelDirective {
|
|
|
712
712
|
constructor() {
|
|
713
713
|
this.elementClass = 'form-label';
|
|
714
714
|
}
|
|
715
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
716
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
715
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
716
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: NgxFormLabelDirective, isStandalone: true, selector: "label[ngxFormLabel]", host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
|
|
717
717
|
}
|
|
718
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
718
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormLabelDirective, decorators: [{
|
|
719
719
|
type: Directive,
|
|
720
720
|
args: [{ selector: 'label[ngxFormLabel]' }]
|
|
721
721
|
}], propDecorators: { elementClass: [{
|
|
@@ -738,10 +738,10 @@ class NgxFormSelectDirective {
|
|
|
738
738
|
ngOnInit() {
|
|
739
739
|
this.elementRef.nativeElement.classList.add('form-select');
|
|
740
740
|
}
|
|
741
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
742
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
741
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
742
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: NgxFormSelectDirective, isStandalone: true, selector: "select[ngxFormSelect]", inputs: { formInputInvalid: "formInputInvalid" }, ngImport: i0 }); }
|
|
743
743
|
}
|
|
744
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
744
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormSelectDirective, decorators: [{
|
|
745
745
|
type: Directive,
|
|
746
746
|
args: [{ selector: 'select[ngxFormSelect]' }]
|
|
747
747
|
}], propDecorators: { formInputInvalid: [{
|
|
@@ -752,10 +752,10 @@ class NgxFormControlPipe {
|
|
|
752
752
|
transform(value) {
|
|
753
753
|
return value;
|
|
754
754
|
}
|
|
755
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
756
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
755
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
756
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.11", ngImport: i0, type: NgxFormControlPipe, isStandalone: true, name: "ngxAsFormControl" }); }
|
|
757
757
|
}
|
|
758
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
758
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormControlPipe, decorators: [{
|
|
759
759
|
type: Pipe,
|
|
760
760
|
args: [{ name: 'ngxAsFormControl' }]
|
|
761
761
|
}] });
|
|
@@ -764,7 +764,7 @@ class NgxAutofocusDirective {
|
|
|
764
764
|
constructor() {
|
|
765
765
|
this.ngZone = inject(NgZone);
|
|
766
766
|
this.el = inject(ElementRef);
|
|
767
|
-
this.ngxAutofocus = input(false, ...(ngDevMode ? [{ debugName: "ngxAutofocus" }] : []));
|
|
767
|
+
this.ngxAutofocus = input(false, ...(ngDevMode ? [{ debugName: "ngxAutofocus" }] : /* istanbul ignore next */ []));
|
|
768
768
|
}
|
|
769
769
|
ngAfterViewInit() {
|
|
770
770
|
if (this.ngxAutofocus()) {
|
|
@@ -775,10 +775,10 @@ class NgxAutofocusDirective {
|
|
|
775
775
|
});
|
|
776
776
|
}
|
|
777
777
|
}
|
|
778
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
779
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
778
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxAutofocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
779
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.11", type: NgxAutofocusDirective, isStandalone: true, selector: "[ngxAutofocus]", inputs: { ngxAutofocus: { classPropertyName: "ngxAutofocus", publicName: "ngxAutofocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
780
780
|
}
|
|
781
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
781
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxAutofocusDirective, decorators: [{
|
|
782
782
|
type: Directive,
|
|
783
783
|
args: [{ selector: '[ngxAutofocus]' }]
|
|
784
784
|
}], propDecorators: { ngxAutofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngxAutofocus", required: false }] }] } });
|
|
@@ -787,10 +787,10 @@ class AppIsFormControlPipe {
|
|
|
787
787
|
transform(value) {
|
|
788
788
|
return value;
|
|
789
789
|
}
|
|
790
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
791
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
790
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: AppIsFormControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
791
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.11", ngImport: i0, type: AppIsFormControlPipe, isStandalone: true, name: "appIsFormControl" }); }
|
|
792
792
|
}
|
|
793
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
793
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: AppIsFormControlPipe, decorators: [{
|
|
794
794
|
type: Pipe,
|
|
795
795
|
args: [{ name: 'appIsFormControl' }]
|
|
796
796
|
}] });
|
|
@@ -799,24 +799,24 @@ class NgxIsFormGroupPipe {
|
|
|
799
799
|
transform(value) {
|
|
800
800
|
return value;
|
|
801
801
|
}
|
|
802
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
803
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
802
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxIsFormGroupPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
803
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.11", ngImport: i0, type: NgxIsFormGroupPipe, isStandalone: true, name: "ngxIsFormGroup" }); }
|
|
804
804
|
}
|
|
805
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
805
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxIsFormGroupPipe, decorators: [{
|
|
806
806
|
type: Pipe,
|
|
807
807
|
args: [{ name: 'ngxIsFormGroup' }]
|
|
808
808
|
}] });
|
|
809
809
|
|
|
810
810
|
class NgxFormComponent {
|
|
811
811
|
constructor() {
|
|
812
|
-
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
813
|
-
this.formGroup = input.required(...(ngDevMode ? [{ debugName: "formGroup" }] : []));
|
|
812
|
+
this.cssClass = input('', ...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
|
|
813
|
+
this.formGroup = input.required(...(ngDevMode ? [{ debugName: "formGroup" }] : /* istanbul ignore next */ []));
|
|
814
814
|
this.getCssClasses = computed(() => {
|
|
815
815
|
const cssClasses = [''];
|
|
816
816
|
cssClasses.push(this.cssClass());
|
|
817
817
|
return cssClasses.join(' ');
|
|
818
|
-
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : []));
|
|
819
|
-
this.formGroupDirective = viewChild(NgxFormGroupDirective, ...(ngDevMode ? [{ debugName: "formGroupDirective" }] : []));
|
|
818
|
+
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : /* istanbul ignore next */ []));
|
|
819
|
+
this.formGroupDirective = viewChild(NgxFormGroupDirective, ...(ngDevMode ? [{ debugName: "formGroupDirective" }] : /* istanbul ignore next */ []));
|
|
820
820
|
this.onValidated = output();
|
|
821
821
|
this.keepOriginalOrder = () => 0;
|
|
822
822
|
}
|
|
@@ -830,10 +830,10 @@ class NgxFormComponent {
|
|
|
830
830
|
reset() {
|
|
831
831
|
this.formGroupDirective()?.resetForm();
|
|
832
832
|
}
|
|
833
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
834
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
833
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
834
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxFormComponent, isStandalone: true, selector: "ngx-form", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onValidated: "onValidated" }, viewQueries: [{ propertyName: "formGroupDirective", first: true, predicate: NgxFormGroupDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<form\n\t[ngClass]=\"getCssClasses()\"\n\tngxFormGroup\n\t#formGroupDirective=\"ngxFormGroup\"\n\t[formGroup]=\"formGroup()\">\n\t@for (control of formGroup().controls | keyvalue: keepOriginalOrder; track $index) {\n\t\t@if (isFormControl(control.value)) {\n\t\t\t<ng-container *ngTemplateOutlet=\"formField; context: { control: control }\" />\n\t\t} @else {\n\t\t\t<div ngxFormGroup [formGroup]=\"control.value | ngxIsFormGroup\" class=\"row\">\n\t\t\t\t@for (\n\t\t\t\t\tsubControl of (control.value | ngxIsFormGroup).controls\n\t\t\t\t\t\t| keyvalue: keepOriginalOrder;\n\t\t\t\t\ttrack $index\n\t\t\t\t) {\n\t\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t<ng-container\n\t\t\t\t\t\t\t*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 (\n\t\t\t\t\t\t\toption of typedControl.config?.selectConfig?.options;\n\t\t\t\t\t\t\ttrack option.value\n\t\t\t\t\t\t) {\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]=\"\n\t\t\t\t\t\t\ttypedControl.config?.type === 'password' ? 'new-password' : undefined\n\t\t\t\t\t\t\"\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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 }); }
|
|
835
835
|
}
|
|
836
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
836
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxFormComponent, decorators: [{
|
|
837
837
|
type: Component,
|
|
838
838
|
args: [{ selector: 'ngx-form', imports: [
|
|
839
839
|
CommonModule,
|
|
@@ -856,10 +856,10 @@ class NgxListGroupItemAvatarDirective {
|
|
|
856
856
|
ngOnInit() {
|
|
857
857
|
this.elementRef.nativeElement.classList.add('list-group-item-avatar');
|
|
858
858
|
}
|
|
859
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
860
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
859
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxListGroupItemAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
860
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: NgxListGroupItemAvatarDirective, isStandalone: true, selector: "[ngxListGroupItemAvatar]", ngImport: i0 }); }
|
|
861
861
|
}
|
|
862
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
862
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxListGroupItemAvatarDirective, decorators: [{
|
|
863
863
|
type: Directive,
|
|
864
864
|
args: [{
|
|
865
865
|
selector: '[ngxListGroupItemAvatar]',
|
|
@@ -900,10 +900,10 @@ class NgxListGroupItemDirective {
|
|
|
900
900
|
ngOnDestroy() {
|
|
901
901
|
this.listenerFn?.();
|
|
902
902
|
}
|
|
903
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
904
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
903
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxListGroupItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
904
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: NgxListGroupItemDirective, isStandalone: true, selector: "li[ngxListGroupItem]", inputs: { isActive: "isActive" }, outputs: { onOutsideClick: "onOutsideClick" }, ngImport: i0 }); }
|
|
905
905
|
}
|
|
906
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
906
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxListGroupItemDirective, decorators: [{
|
|
907
907
|
type: Directive,
|
|
908
908
|
args: [{
|
|
909
909
|
selector: 'li[ngxListGroupItem]',
|
|
@@ -922,10 +922,10 @@ class NgxListGroupDirective {
|
|
|
922
922
|
this.elementRef.nativeElement.classList.add('list-group');
|
|
923
923
|
this.elementRef.nativeElement.classList.add('list-group-flush');
|
|
924
924
|
}
|
|
925
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
926
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
925
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxListGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
926
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: NgxListGroupDirective, isStandalone: true, selector: "ul[ngxListGroup]", ngImport: i0 }); }
|
|
927
927
|
}
|
|
928
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
928
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxListGroupDirective, decorators: [{
|
|
929
929
|
type: Directive,
|
|
930
930
|
args: [{
|
|
931
931
|
selector: 'ul[ngxListGroup]',
|
|
@@ -934,16 +934,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
934
934
|
|
|
935
935
|
class NgxLoadingIndicatorComponent {
|
|
936
936
|
constructor() {
|
|
937
|
-
this.icon = input(LibIcons.faSpinner, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
938
|
-
this.spin = model(false, ...(ngDevMode ? [{ debugName: "spin" }] : []));
|
|
939
|
-
this.float = model(false, ...(ngDevMode ? [{ debugName: "float" }] : []));
|
|
937
|
+
this.icon = input(LibIcons.faSpinner, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
938
|
+
this.spin = model(false, ...(ngDevMode ? [{ debugName: "spin" }] : /* istanbul ignore next */ []));
|
|
939
|
+
this.float = model(false, ...(ngDevMode ? [{ debugName: "float" }] : /* istanbul ignore next */ []));
|
|
940
940
|
this.getCssClasses = computed(() => {
|
|
941
941
|
const cssClasses = [''];
|
|
942
942
|
if (this.spin()) {
|
|
943
943
|
cssClasses.push(`spin`);
|
|
944
944
|
}
|
|
945
945
|
return cssClasses.join(' ');
|
|
946
|
-
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : []));
|
|
946
|
+
}, ...(ngDevMode ? [{ debugName: "getCssClasses" }] : /* istanbul ignore next */ []));
|
|
947
947
|
}
|
|
948
948
|
get hostClass() {
|
|
949
949
|
const cssClasses = [''];
|
|
@@ -952,10 +952,10 @@ class NgxLoadingIndicatorComponent {
|
|
|
952
952
|
}
|
|
953
953
|
return cssClasses.join(' ');
|
|
954
954
|
}
|
|
955
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
956
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
955
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxLoadingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
956
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", 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 [ngClass]=\"getCssClasses()\" [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", "cssClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
957
957
|
}
|
|
958
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
958
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxLoadingIndicatorComponent, decorators: [{
|
|
959
959
|
type: Component,
|
|
960
960
|
args: [{ selector: 'ngx-loading-indicator', imports: [NgxIconComponent, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ngx-icon [ngClass]=\"getCssClasses()\" [svg]=\"icon()\" />\n", styles: [":host{color:#495057}:host.float{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
|
|
961
961
|
}], 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: [{
|
|
@@ -993,19 +993,19 @@ class NgxLoadingIndicatorService {
|
|
|
993
993
|
}
|
|
994
994
|
}
|
|
995
995
|
}
|
|
996
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
997
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
996
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxLoadingIndicatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
997
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxLoadingIndicatorService, providedIn: 'root' }); }
|
|
998
998
|
}
|
|
999
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
999
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxLoadingIndicatorService, decorators: [{
|
|
1000
1000
|
type: Injectable,
|
|
1001
1001
|
args: [{ providedIn: 'root' }]
|
|
1002
1002
|
}] });
|
|
1003
1003
|
|
|
1004
1004
|
class BaseModalComponent {
|
|
1005
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1006
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
1005
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BaseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1006
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: BaseModalComponent, isStandalone: true, selector: "ngx-base-modal", ngImport: i0, template: ``, isInline: true }); }
|
|
1007
1007
|
}
|
|
1008
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1008
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BaseModalComponent, decorators: [{
|
|
1009
1009
|
type: Component,
|
|
1010
1010
|
args: [{
|
|
1011
1011
|
selector: 'ngx-base-modal',
|
|
@@ -1018,23 +1018,23 @@ class NgxTooltipDirective {
|
|
|
1018
1018
|
this.elementRef = inject(ElementRef);
|
|
1019
1019
|
this.renderer = inject(Renderer2);
|
|
1020
1020
|
this.appRef = inject(ApplicationRef);
|
|
1021
|
-
this.ngxTooltip = input.required(...(ngDevMode ? [{ debugName: "ngxTooltip" }] : []));
|
|
1022
|
-
this.ngxTooltipClass = input('', ...(ngDevMode ? [{ debugName: "ngxTooltipClass" }] : []));
|
|
1023
|
-
this.ngxTooltipPlacement = input('top', ...(ngDevMode ? [{ debugName: "ngxTooltipPlacement" }] : []));
|
|
1024
|
-
this.ngxTooltipIsShow = input(false, ...(ngDevMode ? [{ debugName: "ngxTooltipIsShow" }] : []));
|
|
1025
|
-
this.ngxTooltipXOffset = input(0, ...(ngDevMode ? [{ debugName: "ngxTooltipXOffset" }] : []));
|
|
1026
|
-
this.ngxTooltipYOffset = input(8, ...(ngDevMode ? [{ debugName: "ngxTooltipYOffset" }] : []));
|
|
1027
|
-
this.ngxTooltipDelay = input(100, ...(ngDevMode ? [{ debugName: "ngxTooltipDelay" }] : []));
|
|
1028
|
-
this.ngxTooltipTriggers = input(['hover'], ...(ngDevMode ? [{ debugName: "ngxTooltipTriggers" }] : []));
|
|
1029
|
-
this.ngxTooltipSize = input('sm', ...(ngDevMode ? [{ debugName: "ngxTooltipSize" }] : []));
|
|
1030
|
-
this.ngxTooltipZIndex = input(5, ...(ngDevMode ? [{ debugName: "ngxTooltipZIndex" }] : []));
|
|
1031
|
-
this.ngxTooltipAdaptivePosition = input(true, ...(ngDevMode ? [{ debugName: "ngxTooltipAdaptivePosition" }] : []));
|
|
1021
|
+
this.ngxTooltip = input.required(...(ngDevMode ? [{ debugName: "ngxTooltip" }] : /* istanbul ignore next */ []));
|
|
1022
|
+
this.ngxTooltipClass = input('', ...(ngDevMode ? [{ debugName: "ngxTooltipClass" }] : /* istanbul ignore next */ []));
|
|
1023
|
+
this.ngxTooltipPlacement = input('top', ...(ngDevMode ? [{ debugName: "ngxTooltipPlacement" }] : /* istanbul ignore next */ []));
|
|
1024
|
+
this.ngxTooltipIsShow = input(false, ...(ngDevMode ? [{ debugName: "ngxTooltipIsShow" }] : /* istanbul ignore next */ []));
|
|
1025
|
+
this.ngxTooltipXOffset = input(0, ...(ngDevMode ? [{ debugName: "ngxTooltipXOffset" }] : /* istanbul ignore next */ []));
|
|
1026
|
+
this.ngxTooltipYOffset = input(8, ...(ngDevMode ? [{ debugName: "ngxTooltipYOffset" }] : /* istanbul ignore next */ []));
|
|
1027
|
+
this.ngxTooltipDelay = input(100, ...(ngDevMode ? [{ debugName: "ngxTooltipDelay" }] : /* istanbul ignore next */ []));
|
|
1028
|
+
this.ngxTooltipTriggers = input(['hover'], ...(ngDevMode ? [{ debugName: "ngxTooltipTriggers" }] : /* istanbul ignore next */ []));
|
|
1029
|
+
this.ngxTooltipSize = input('sm', ...(ngDevMode ? [{ debugName: "ngxTooltipSize" }] : /* istanbul ignore next */ []));
|
|
1030
|
+
this.ngxTooltipZIndex = input(5, ...(ngDevMode ? [{ debugName: "ngxTooltipZIndex" }] : /* istanbul ignore next */ []));
|
|
1031
|
+
this.ngxTooltipAdaptivePosition = input(true, ...(ngDevMode ? [{ debugName: "ngxTooltipAdaptivePosition" }] : /* istanbul ignore next */ []));
|
|
1032
1032
|
this.ngxTooltipFallbackPlacements = input([
|
|
1033
1033
|
'top',
|
|
1034
1034
|
'bottom',
|
|
1035
1035
|
'right',
|
|
1036
1036
|
'left',
|
|
1037
|
-
], ...(ngDevMode ? [{ debugName: "ngxTooltipFallbackPlacements" }] : []));
|
|
1037
|
+
], ...(ngDevMode ? [{ debugName: "ngxTooltipFallbackPlacements" }] : /* istanbul ignore next */ []));
|
|
1038
1038
|
this.isOpen = false;
|
|
1039
1039
|
effect(() => {
|
|
1040
1040
|
if (this.ngxTooltipIsShow()) {
|
|
@@ -1219,10 +1219,10 @@ class NgxTooltipDirective {
|
|
|
1219
1219
|
this.show();
|
|
1220
1220
|
}
|
|
1221
1221
|
}
|
|
1222
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1223
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
1222
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1223
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.11", 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 }); }
|
|
1224
1224
|
}
|
|
1225
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1225
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxTooltipDirective, decorators: [{
|
|
1226
1226
|
type: Directive,
|
|
1227
1227
|
args: [{ selector: '[ngxTooltip]', exportAs: 'ngxTooltip' }]
|
|
1228
1228
|
}], 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: [{
|
|
@@ -1253,13 +1253,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1253
1253
|
|
|
1254
1254
|
class NgxModalComponent {
|
|
1255
1255
|
constructor() {
|
|
1256
|
-
this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
1257
|
-
this.showClose = input(true, ...(ngDevMode ? [{ debugName: "showClose" }] : []));
|
|
1258
|
-
this.fullScreen = input(false, ...(ngDevMode ? [{ debugName: "fullScreen" }] : []));
|
|
1259
|
-
this.scrollable = input(true, ...(ngDevMode ? [{ debugName: "scrollable" }] : []));
|
|
1260
|
-
this.centered = input(true, ...(ngDevMode ? [{ debugName: "centered" }] : []));
|
|
1261
|
-
this.
|
|
1262
|
-
this.size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
1256
|
+
this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
1257
|
+
this.showClose = input(true, ...(ngDevMode ? [{ debugName: "showClose" }] : /* istanbul ignore next */ []));
|
|
1258
|
+
this.fullScreen = input(false, ...(ngDevMode ? [{ debugName: "fullScreen" }] : /* istanbul ignore next */ []));
|
|
1259
|
+
this.scrollable = input(true, ...(ngDevMode ? [{ debugName: "scrollable" }] : /* istanbul ignore next */ []));
|
|
1260
|
+
this.centered = input(true, ...(ngDevMode ? [{ debugName: "centered" }] : /* istanbul ignore next */ []));
|
|
1261
|
+
this.size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
1263
1262
|
this.onClose = output();
|
|
1264
1263
|
this.dialogCssClasses = computed(() => {
|
|
1265
1264
|
const classes = [];
|
|
@@ -1276,7 +1275,7 @@ class NgxModalComponent {
|
|
|
1276
1275
|
classes.push(`modal-${this.size()}`);
|
|
1277
1276
|
}
|
|
1278
1277
|
return classes;
|
|
1279
|
-
}, ...(ngDevMode ? [{ debugName: "dialogCssClasses" }] : []));
|
|
1278
|
+
}, ...(ngDevMode ? [{ debugName: "dialogCssClasses" }] : /* istanbul ignore next */ []));
|
|
1280
1279
|
this.LibIcons = LibIcons;
|
|
1281
1280
|
}
|
|
1282
1281
|
handleKeyboardEvent() {
|
|
@@ -1285,10 +1284,10 @@ class NgxModalComponent {
|
|
|
1285
1284
|
handleClickClose() {
|
|
1286
1285
|
this.onClose.emit();
|
|
1287
1286
|
}
|
|
1288
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1289
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
1287
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1288
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", 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: "<section\n\tclass=\"modal d-flex justify-content-center align-items-center\"\n\tcdkTrapFocus\n\t[cdkTrapFocusAutoCapture]=\"true\"\n\ttabindex=\"0\"\n\trole=\"dialog\"\n\taria-modal=\"true\"\n\taria-labelledby=\"modal-title\"\n\taria-describedby=\"modal-body\">\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 id=\"modal-title\" 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\tngxTooltip=\"close\"\n\t\t\t\t\t\t[ngxTooltipZIndex]=\"1055\"\n\t\t\t\t\t\tcdkFocusInitial\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 id=\"modal-body\" 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</section>\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: ["cssClass", "svg", "type", "color", "size", "variant", "disabled", "shadow"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1290
1289
|
}
|
|
1291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxModalComponent, decorators: [{
|
|
1292
1291
|
type: Component,
|
|
1293
1292
|
args: [{ selector: 'ngx-modal', imports: [CommonModule, NgxTooltipDirective, NgxIconButtonComponent, A11yModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n\tclass=\"modal d-flex justify-content-center align-items-center\"\n\tcdkTrapFocus\n\t[cdkTrapFocusAutoCapture]=\"true\"\n\ttabindex=\"0\"\n\trole=\"dialog\"\n\taria-modal=\"true\"\n\taria-labelledby=\"modal-title\"\n\taria-describedby=\"modal-body\">\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 id=\"modal-title\" 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\tngxTooltip=\"close\"\n\t\t\t\t\t\t[ngxTooltipZIndex]=\"1055\"\n\t\t\t\t\t\tcdkFocusInitial\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 id=\"modal-body\" 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</section>\n<div class=\"modal-backdrop fade show\"></div>\n" }]
|
|
1294
1293
|
}], 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: [{
|
|
@@ -1320,10 +1319,10 @@ class NgxModalService {
|
|
|
1320
1319
|
this.componentRef.destroy();
|
|
1321
1320
|
}
|
|
1322
1321
|
}
|
|
1323
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1324
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
1322
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1323
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxModalService, providedIn: 'root' }); }
|
|
1325
1324
|
}
|
|
1326
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxModalService, decorators: [{
|
|
1327
1326
|
type: Injectable,
|
|
1328
1327
|
args: [{ providedIn: 'root' }]
|
|
1329
1328
|
}] });
|
|
@@ -1331,7 +1330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1331
1330
|
class NgxOffCanvasComponent {
|
|
1332
1331
|
constructor() {
|
|
1333
1332
|
this.renderer = inject(Renderer2);
|
|
1334
|
-
this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
1333
|
+
this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
1335
1334
|
this.onClose = output();
|
|
1336
1335
|
this.LibIcons = LibIcons;
|
|
1337
1336
|
this.tabIndex = -1;
|
|
@@ -1353,10 +1352,10 @@ class NgxOffCanvasComponent {
|
|
|
1353
1352
|
handleClickClose() {
|
|
1354
1353
|
this.onClose.emit();
|
|
1355
1354
|
}
|
|
1356
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1357
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
1355
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxOffCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1356
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: NgxOffCanvasComponent, isStandalone: true, selector: "ngx-off-canvas", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose" }, host: { 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(keydown)=\"handleKeyDown($event)\">\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\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=\"overflow-y-scroll h-100\">\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: ["cssClass", "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: i2$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1358
1357
|
}
|
|
1359
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxOffCanvasComponent, decorators: [{
|
|
1360
1359
|
type: Component,
|
|
1361
1360
|
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(keydown)=\"handleKeyDown($event)\">\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\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=\"overflow-y-scroll h-100\">\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"] }]
|
|
1362
1361
|
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }], tabIndex: [{
|
|
@@ -1375,29 +1374,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1375
1374
|
|
|
1376
1375
|
class NgxTabContentComponent {
|
|
1377
1376
|
constructor() {
|
|
1378
|
-
this.isActive = model(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
|
|
1377
|
+
this.isActive = model(false, ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
|
|
1379
1378
|
}
|
|
1380
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1381
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
1379
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxTabContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1380
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", 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 }); }
|
|
1382
1381
|
}
|
|
1383
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1382
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxTabContentComponent, decorators: [{
|
|
1384
1383
|
type: Component,
|
|
1385
1384
|
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"] }]
|
|
1386
1385
|
}], propDecorators: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }, { type: i0.Output, args: ["isActiveChange"] }] } });
|
|
1387
1386
|
|
|
1388
1387
|
class NgxTabComponent {
|
|
1389
1388
|
constructor() {
|
|
1390
|
-
this.isActive = model(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
|
|
1391
|
-
this.target = input.required(...(ngDevMode ? [{ debugName: "target" }] : []));
|
|
1389
|
+
this.isActive = model(false, ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
|
|
1390
|
+
this.target = input.required(...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
|
|
1392
1391
|
this.onSelected = output();
|
|
1393
1392
|
}
|
|
1394
1393
|
onClick() {
|
|
1395
1394
|
this.onSelected.emit();
|
|
1396
1395
|
}
|
|
1397
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1398
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
1396
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1397
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", 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);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 }); }
|
|
1399
1398
|
}
|
|
1400
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxTabComponent, decorators: [{
|
|
1401
1400
|
type: Component,
|
|
1402
1401
|
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);border-bottom:3px solid var(--primary)}.tab:focus{outline:0;z-index:1}.tab:hover{cursor:pointer;background-color:var(--tab-highlight)}\n"] }]
|
|
1403
1402
|
}], 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: [{
|
|
@@ -1407,8 +1406,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1407
1406
|
|
|
1408
1407
|
class NgxTabsComponent {
|
|
1409
1408
|
constructor() {
|
|
1410
|
-
this.tabQueryList = contentChildren(NgxTabComponent, ...(ngDevMode ? [{ debugName: "tabQueryList" }] : []));
|
|
1411
|
-
this.tabContentQueryList = contentChildren(NgxTabContentComponent, ...(ngDevMode ? [{ debugName: "tabContentQueryList" }] : []));
|
|
1409
|
+
this.tabQueryList = contentChildren(NgxTabComponent, ...(ngDevMode ? [{ debugName: "tabQueryList" }] : /* istanbul ignore next */ []));
|
|
1410
|
+
this.tabContentQueryList = contentChildren(NgxTabContentComponent, ...(ngDevMode ? [{ debugName: "tabContentQueryList" }] : /* istanbul ignore next */ []));
|
|
1412
1411
|
}
|
|
1413
1412
|
ngAfterContentInit() {
|
|
1414
1413
|
this.tabQueryList().forEach(tab => {
|
|
@@ -1426,24 +1425,25 @@ class NgxTabsComponent {
|
|
|
1426
1425
|
this.tabQueryList().forEach(tab => tab.isActive.update(() => tab === tabComponent));
|
|
1427
1426
|
this.tabContentQueryList().forEach(tabContent => tabContent.isActive.update(() => tabContent === tabComponent.target()));
|
|
1428
1427
|
}
|
|
1429
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1430
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
1428
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1429
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.11", 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 }); }
|
|
1431
1430
|
}
|
|
1432
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1431
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxTabsComponent, decorators: [{
|
|
1433
1432
|
type: Component,
|
|
1434
1433
|
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"] }]
|
|
1435
1434
|
}], propDecorators: { tabQueryList: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgxTabComponent), { isSignal: true }] }], tabContentQueryList: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgxTabContentComponent), { isSignal: true }] }] } });
|
|
1436
1435
|
|
|
1437
1436
|
class NgxToastComponent {
|
|
1438
1437
|
constructor() {
|
|
1438
|
+
this.message = model.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
|
|
1439
1439
|
this.onClose = output();
|
|
1440
1440
|
this.LibIcons = LibIcons;
|
|
1441
1441
|
}
|
|
1442
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1443
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1442
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1443
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: NgxToastComponent, isStandalone: true, selector: "ngx-toast", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { message: "messageChange", onClose: "onClose" }, ngImport: i0, template: `
|
|
1444
1444
|
<div class="toast align-items-center text-bg-dark border-0 show">
|
|
1445
1445
|
<div class="d-flex">
|
|
1446
|
-
<div class="toast-body" [innerHTML]="message"></div>
|
|
1446
|
+
<div class="toast-body" [innerHTML]="message()"></div>
|
|
1447
1447
|
<ngx-icon-button
|
|
1448
1448
|
class="ms-auto"
|
|
1449
1449
|
(onClick)="onClose.emit()"
|
|
@@ -1453,12 +1453,12 @@ class NgxToastComponent {
|
|
|
1453
1453
|
</div>
|
|
1454
1454
|
`, isInline: true, styles: [":host{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1051}\n"], dependencies: [{ kind: "component", type: NgxIconButtonComponent, selector: "ngx-icon-button", inputs: ["cssClass", "svg", "type", "color", "size", "variant", "disabled", "shadow"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
|
|
1455
1455
|
}
|
|
1456
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1456
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxToastComponent, decorators: [{
|
|
1457
1457
|
type: Component,
|
|
1458
1458
|
args: [{ selector: 'ngx-toast', template: `
|
|
1459
1459
|
<div class="toast align-items-center text-bg-dark border-0 show">
|
|
1460
1460
|
<div class="d-flex">
|
|
1461
|
-
<div class="toast-body" [innerHTML]="message"></div>
|
|
1461
|
+
<div class="toast-body" [innerHTML]="message()"></div>
|
|
1462
1462
|
<ngx-icon-button
|
|
1463
1463
|
class="ms-auto"
|
|
1464
1464
|
(onClick)="onClose.emit()"
|
|
@@ -1467,9 +1467,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1467
1467
|
</div>
|
|
1468
1468
|
</div>
|
|
1469
1469
|
`, imports: [NgxIconButtonComponent], styles: [":host{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1051}\n"] }]
|
|
1470
|
-
}], propDecorators: { message: [{
|
|
1471
|
-
type: Input
|
|
1472
|
-
}], onClose: [{ type: i0.Output, args: ["onClose"] }] } });
|
|
1470
|
+
}], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }, { type: i0.Output, args: ["messageChange"] }], onClose: [{ type: i0.Output, args: ["onClose"] }] } });
|
|
1473
1471
|
|
|
1474
1472
|
class NgxToastService {
|
|
1475
1473
|
init(viewContainer) {
|
|
@@ -1484,7 +1482,7 @@ class NgxToastService {
|
|
|
1484
1482
|
this.hide();
|
|
1485
1483
|
}
|
|
1486
1484
|
this.componentRef = this.viewContainerRef.createComponent(NgxToastComponent);
|
|
1487
|
-
this.componentRef.instance.message
|
|
1485
|
+
this.componentRef.instance.message.set(message);
|
|
1488
1486
|
this.componentRef.instance.onClose.subscribe(() => {
|
|
1489
1487
|
this.hide();
|
|
1490
1488
|
});
|
|
@@ -1504,10 +1502,10 @@ class NgxToastService {
|
|
|
1504
1502
|
clearTimeout(this.interval);
|
|
1505
1503
|
}
|
|
1506
1504
|
}
|
|
1507
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1508
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
1505
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1506
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxToastService, providedIn: 'root' }); }
|
|
1509
1507
|
}
|
|
1510
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1508
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxToastService, decorators: [{
|
|
1511
1509
|
type: Injectable,
|
|
1512
1510
|
args: [{ providedIn: 'root' }]
|
|
1513
1511
|
}] });
|
|
@@ -1557,10 +1555,10 @@ class NgxColDirective {
|
|
|
1557
1555
|
ngAfterViewInit() {
|
|
1558
1556
|
this.el.nativeElement.classList.add(this.span);
|
|
1559
1557
|
}
|
|
1560
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1561
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
1558
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxColDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1559
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: NgxColDirective, isStandalone: true, selector: "[ngxCol]", inputs: { col: "col" }, ngImport: i0 }); }
|
|
1562
1560
|
}
|
|
1563
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxColDirective, decorators: [{
|
|
1564
1562
|
type: Directive,
|
|
1565
1563
|
args: [{ selector: '[ngxCol]' }]
|
|
1566
1564
|
}], propDecorators: { col: [{
|
|
@@ -1606,10 +1604,10 @@ class NgxImageService {
|
|
|
1606
1604
|
canvas.height = img.height;
|
|
1607
1605
|
context.drawImage(img, 0, 0, canvas.width, canvas.height);
|
|
1608
1606
|
}
|
|
1609
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1610
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
1607
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1608
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxImageService, providedIn: 'root' }); }
|
|
1611
1609
|
}
|
|
1612
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1610
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxImageService, decorators: [{
|
|
1613
1611
|
type: Injectable,
|
|
1614
1612
|
args: [{ providedIn: 'root' }]
|
|
1615
1613
|
}] });
|