@mckit/form 19.0.38 → 20.0.2
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/mckit-form.mjs +141 -107
- package/fesm2022/mckit-form.mjs.map +1 -1
- package/index.d.ts +399 -5
- package/package.json +5 -5
- package/lib/components/footer-modal-form/footer-modal-form.component.d.ts +0 -23
- package/lib/components/footer-with-delete-modal-form/footer-with-delete-modal-form.component.d.ts +0 -7
- package/lib/components/form/form.component.d.ts +0 -23
- package/lib/components/form-modal/form-modal.component.d.ts +0 -21
- package/lib/components/http-form-modal/http-form-modal.component.d.ts +0 -17
- package/lib/components/print-field/print-field.component.d.ts +0 -16
- package/lib/entities/mc-config-form.d.ts +0 -6
- package/lib/entities/mc-config-http-modal-form.d.ts +0 -5
- package/lib/entities/mc-config-modal-form.d.ts +0 -7
- package/lib/entities/mc-event-form.d.ts +0 -5
- package/lib/entities/mc-event-modal-form.d.ts +0 -5
- package/lib/entities/mc-field.d.ts +0 -16
- package/lib/entities/mc-ifta-field.d.ts +0 -14
- package/lib/fields/array-field/array-field.component.d.ts +0 -19
- package/lib/fields/array-ifta-text-field/array-ifta-text-field.component.d.ts +0 -17
- package/lib/fields/column-field/column-field.component.d.ts +0 -10
- package/lib/fields/conditional-field/conditional-field.component.d.ts +0 -18
- package/lib/fields/divider-field/divider-field.component.d.ts +0 -10
- package/lib/fields/fieldset-field/fieldset-field.component.d.ts +0 -10
- package/lib/fields/group-field/group-field.component.d.ts +0 -12
- package/lib/fields/hidden-field/hidden-field.component.d.ts +0 -10
- package/lib/fields/ifta-currency-field/ifta-currency-field.component.d.ts +0 -18
- package/lib/fields/ifta-select-field/ifta-select-field.component.d.ts +0 -15
- package/lib/fields/ifta-select-obs-field/ifta-select-obs-field.component.d.ts +0 -23
- package/lib/fields/ifta-text-conditional-field/ifta-text-conditional-field.component.d.ts +0 -23
- package/lib/fields/ifta-text-field/ifta-text-field.component.d.ts +0 -16
- package/lib/fields/ifta-textarea-field/ifta-textarea-field.component.d.ts +0 -15
- package/lib/fields/mc-field.component.d.ts +0 -13
- package/lib/fields/row-field/row-field.component.d.ts +0 -11
- package/lib/fields/submit-button-field/submit-button-field.component.d.ts +0 -20
- package/lib/fields/tags-field/tags-field.component.d.ts +0 -10
- package/lib/rxjs/mc-event-form-modal-operator.d.ts +0 -4
- package/lib/services/base-http-form-modal-service.d.ts +0 -21
- package/lib/services/form-modal.service.d.ts +0 -15
- package/lib/services/http-form-modal.service.d.ts +0 -11
- package/lib/services/mc-form.service.d.ts +0 -15
- package/public-api.d.ts +0 -49
package/fesm2022/mckit-form.mjs
CHANGED
|
@@ -33,6 +33,8 @@ import * as i4 from 'primeng/inputgroup';
|
|
|
33
33
|
import { InputGroupModule } from 'primeng/inputgroup';
|
|
34
34
|
import * as i5 from 'primeng/inputgroupaddon';
|
|
35
35
|
import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
|
|
36
|
+
import * as i3$5 from 'primeng/datepicker';
|
|
37
|
+
import { DatePickerModule } from 'primeng/datepicker';
|
|
36
38
|
|
|
37
39
|
class MCField {
|
|
38
40
|
key;
|
|
@@ -208,10 +210,10 @@ class MCFormService {
|
|
|
208
210
|
}
|
|
209
211
|
}
|
|
210
212
|
}
|
|
211
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
212
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
213
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
214
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormService, providedIn: 'root' });
|
|
213
215
|
}
|
|
214
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormService, decorators: [{
|
|
215
217
|
type: Injectable,
|
|
216
218
|
args: [{
|
|
217
219
|
providedIn: 'root'
|
|
@@ -219,10 +221,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
|
|
|
219
221
|
}] });
|
|
220
222
|
|
|
221
223
|
class PrintFieldComponent {
|
|
222
|
-
field = input.required();
|
|
223
|
-
control = input();
|
|
224
|
-
group = input();
|
|
225
|
-
eventObs = input();
|
|
224
|
+
field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
|
|
225
|
+
control = input(...(ngDevMode ? [undefined, { debugName: "control" }] : []));
|
|
226
|
+
group = input(...(ngDevMode ? [undefined, { debugName: "group" }] : []));
|
|
227
|
+
eventObs = input(...(ngDevMode ? [undefined, { debugName: "eventObs" }] : []));
|
|
226
228
|
viewContainerRef = inject(ViewContainerRef);
|
|
227
229
|
ngOnInit() {
|
|
228
230
|
const view = this.viewContainerRef.createComponent(this.field().component);
|
|
@@ -231,17 +233,17 @@ class PrintFieldComponent {
|
|
|
231
233
|
view.setInput('group', this.group());
|
|
232
234
|
view.setInput('eventObs', this.eventObs());
|
|
233
235
|
}
|
|
234
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
235
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
236
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PrintFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
237
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.4", type: PrintFieldComponent, isStandalone: true, selector: "mc-print-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, eventObs: { classPropertyName: "eventObs", publicName: "eventObs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
236
238
|
}
|
|
237
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PrintFieldComponent, decorators: [{
|
|
238
240
|
type: Component,
|
|
239
241
|
args: [{ selector: 'mc-print-field', imports: [CommonModule, ReactiveFormsModule], template: '' }]
|
|
240
242
|
}] });
|
|
241
243
|
|
|
242
244
|
class MCForm {
|
|
243
|
-
config = input.required();
|
|
244
|
-
formGroup = signal(undefined);
|
|
245
|
+
config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
|
|
246
|
+
formGroup = signal(undefined, ...(ngDevMode ? [{ debugName: "formGroup" }] : []));
|
|
245
247
|
formService = inject(MCFormService);
|
|
246
248
|
onEvent = output();
|
|
247
249
|
eventObs = new Subject();
|
|
@@ -273,19 +275,19 @@ class MCForm {
|
|
|
273
275
|
getEventObs() {
|
|
274
276
|
return this.eventObs;
|
|
275
277
|
}
|
|
276
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
277
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
278
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
279
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MCForm, isStandalone: true, selector: "mc-form", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onEvent: "onEvent" }, ngImport: i0, template: "@if(formGroup()) {\n <form [formGroup]=\"formGroup()!\" class=\"mc-form\">\n @for (field of config().fields; track $index) {\n <div class=\"{{(config().containerFieldClass || 'mb-3')}}\">\n <mc-print-field [field]=\"field\" [control]=\"formGroup()!.get(field.key ?? '')\" [group]=\"formGroup()!\" [eventObs]=\"eventObs\" />\n </div>\n }\n </form>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
|
|
278
280
|
}
|
|
279
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
281
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCForm, decorators: [{
|
|
280
282
|
type: Component,
|
|
281
283
|
args: [{ selector: 'mc-form', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent], template: "@if(formGroup()) {\n <form [formGroup]=\"formGroup()!\" class=\"mc-form\">\n @for (field of config().fields; track $index) {\n <div class=\"{{(config().containerFieldClass || 'mb-3')}}\">\n <mc-print-field [field]=\"field\" [control]=\"formGroup()!.get(field.key ?? '')\" [group]=\"formGroup()!\" [eventObs]=\"eventObs\" />\n </div>\n }\n </form>\n}\n" }]
|
|
282
284
|
}] });
|
|
283
285
|
|
|
284
286
|
class MCFormModal {
|
|
285
|
-
formComponent = viewChild(MCForm);
|
|
287
|
+
formComponent = viewChild(MCForm, ...(ngDevMode ? [{ debugName: "formComponent" }] : []));
|
|
286
288
|
dialogService = inject(DialogService);
|
|
287
289
|
dialogRef = inject(DynamicDialogRef);
|
|
288
|
-
formConfig = signal(new MCConfigForm());
|
|
290
|
+
formConfig = signal(new MCConfigForm(), ...(ngDevMode ? [{ debugName: "formConfig" }] : []));
|
|
289
291
|
ngOnInit() {
|
|
290
292
|
this.initForm();
|
|
291
293
|
}
|
|
@@ -294,7 +296,7 @@ class MCFormModal {
|
|
|
294
296
|
}
|
|
295
297
|
initForm() {
|
|
296
298
|
let instance = this.dialogService.getInstance(this.dialogRef);
|
|
297
|
-
if (instance
|
|
299
|
+
if (instance?.data == undefined) {
|
|
298
300
|
this.dialogRef.close();
|
|
299
301
|
return;
|
|
300
302
|
}
|
|
@@ -306,10 +308,10 @@ class MCFormModal {
|
|
|
306
308
|
getEventObs() {
|
|
307
309
|
return this.formComponent().getEventObs();
|
|
308
310
|
}
|
|
309
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
310
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
311
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
312
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.4", type: MCFormModal, isStandalone: true, selector: "mc-form-modal", viewQueries: [{ propertyName: "formComponent", first: true, predicate: MCForm, descendants: true, isSignal: true }], ngImport: i0, template: "<mc-form [config]=\"formConfig()\" />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MCForm, selector: "mc-form", inputs: ["config"], outputs: ["onEvent"] }] });
|
|
311
313
|
}
|
|
312
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
314
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormModal, decorators: [{
|
|
313
315
|
type: Component,
|
|
314
316
|
args: [{ selector: 'mc-form-modal', imports: [CommonModule, MCForm], template: "<mc-form [config]=\"formConfig()\" />\n" }]
|
|
315
317
|
}] });
|
|
@@ -317,7 +319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
|
|
|
317
319
|
class MCFooterModalForm {
|
|
318
320
|
dialogService = inject(DialogService);
|
|
319
321
|
dialogRef = inject((DynamicDialogRef));
|
|
320
|
-
isLoading = signal(false);
|
|
322
|
+
isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
|
|
321
323
|
group;
|
|
322
324
|
eventObs;
|
|
323
325
|
eventSubscription;
|
|
@@ -343,7 +345,7 @@ class MCFooterModalForm {
|
|
|
343
345
|
}
|
|
344
346
|
initConfig() {
|
|
345
347
|
let instance = this.dialogService.getInstance(this.dialogRef);
|
|
346
|
-
if (instance
|
|
348
|
+
if (instance?.data == undefined) {
|
|
347
349
|
this.dialogRef.close();
|
|
348
350
|
return;
|
|
349
351
|
}
|
|
@@ -362,10 +364,10 @@ class MCFooterModalForm {
|
|
|
362
364
|
}
|
|
363
365
|
});
|
|
364
366
|
}
|
|
365
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
366
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
367
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFooterModalForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
368
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MCFooterModalForm, isStandalone: true, selector: "mc-footer-modal-form", ngImport: i0, template: "<p-button label=\"Cancel\" severity=\"secondary\" (onClick)=\"onClickCancel()\" styleClass=\"mr-3\" />\n@if(group != undefined){\n <p-button label=\"Submit\" severity=\"primary\" (onClick)=\"onClickSubmit()\" icon=\"pi pi-send\" [disabled]=\"!group()?.valid || group()?.disabled\" [loading]=\"isLoading()\" />\n}\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
367
369
|
}
|
|
368
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
370
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFooterModalForm, decorators: [{
|
|
369
371
|
type: Component,
|
|
370
372
|
args: [{ selector: 'mc-footer-modal-form', imports: [CommonModule, ButtonModule], template: "<p-button label=\"Cancel\" severity=\"secondary\" (onClick)=\"onClickCancel()\" styleClass=\"mr-3\" />\n@if(group != undefined){\n <p-button label=\"Submit\" severity=\"primary\" (onClick)=\"onClickSubmit()\" icon=\"pi pi-send\" [disabled]=\"!group()?.valid || group()?.disabled\" [loading]=\"isLoading()\" />\n}\n\n" }]
|
|
371
373
|
}] });
|
|
@@ -380,10 +382,10 @@ class MCFooterWithDeleteModalForm extends MCFooterModalForm {
|
|
|
380
382
|
}
|
|
381
383
|
this.eventObs?.next(event);
|
|
382
384
|
}
|
|
383
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
384
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
385
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFooterWithDeleteModalForm, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
386
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MCFooterWithDeleteModalForm, isStandalone: true, selector: "mc-footer-with-delete-modal-form", usesInheritance: true, ngImport: i0, template: "<div class=\"flex justify-between\">\n <div >\n <p-button label=\"Delete\" severity=\"danger\" (onClick)=\"onClickDelete()\" styleClass=\"mr-3\" />\n </div>\n <div>\n <p-button label=\"Cancel\" severity=\"secondary\" (onClick)=\"onClickCancel()\" styleClass=\"mr-3\" />\n @if(group != undefined){\n <p-button label=\"Submit\" severity=\"primary\" (onClick)=\"onClickSubmit()\" icon=\"pi pi-send\" [disabled]=\"!group()?.valid || group()?.disabled\" [loading]=\"isLoading()\" />\n }\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
385
387
|
}
|
|
386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
388
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFooterWithDeleteModalForm, decorators: [{
|
|
387
389
|
type: Component,
|
|
388
390
|
args: [{ selector: 'mc-footer-with-delete-modal-form', imports: [CommonModule, ButtonModule], template: "<div class=\"flex justify-between\">\n <div >\n <p-button label=\"Delete\" severity=\"danger\" (onClick)=\"onClickDelete()\" styleClass=\"mr-3\" />\n </div>\n <div>\n <p-button label=\"Cancel\" severity=\"secondary\" (onClick)=\"onClickCancel()\" styleClass=\"mr-3\" />\n @if(group != undefined){\n <p-button label=\"Submit\" severity=\"primary\" (onClick)=\"onClickSubmit()\" icon=\"pi pi-send\" [disabled]=\"!group()?.valid || group()?.disabled\" [loading]=\"isLoading()\" />\n }\n </div>\n</div>\n" }]
|
|
389
391
|
}] });
|
|
@@ -421,10 +423,10 @@ class MCFormModalService {
|
|
|
421
423
|
config.styleClass = config.styleClass ?? 'w-full md:w-2xl mc-form-modal';
|
|
422
424
|
return config;
|
|
423
425
|
}
|
|
424
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
425
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
426
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
427
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormModalService, providedIn: 'root' });
|
|
426
428
|
}
|
|
427
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
429
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormModalService, decorators: [{
|
|
428
430
|
type: Injectable,
|
|
429
431
|
args: [{
|
|
430
432
|
providedIn: 'root',
|
|
@@ -433,7 +435,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
|
|
|
433
435
|
|
|
434
436
|
class MCHttpFormModal extends MCFormModal {
|
|
435
437
|
messageService = inject(MessageService);
|
|
436
|
-
formConfig = signal(new MCConfigHttpModalForm());
|
|
438
|
+
formConfig = signal(new MCConfigHttpModalForm(), ...(ngDevMode ? [{ debugName: "formConfig" }] : []));
|
|
437
439
|
httpSubscription;
|
|
438
440
|
ngAfterViewInit() {
|
|
439
441
|
this.initEvents();
|
|
@@ -461,10 +463,10 @@ class MCHttpFormModal extends MCFormModal {
|
|
|
461
463
|
}
|
|
462
464
|
});
|
|
463
465
|
}
|
|
464
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
465
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
466
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCHttpFormModal, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
467
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: MCHttpFormModal, isStandalone: true, selector: "mc-http-form-modal", providers: [MessageService], usesInheritance: true, ngImport: i0, template: "<mc-form [config]=\"formConfig()\" />\n<p-toast />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MCForm, selector: "mc-form", inputs: ["config"], outputs: ["onEvent"] }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i1$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] });
|
|
466
468
|
}
|
|
467
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
469
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCHttpFormModal, decorators: [{
|
|
468
470
|
type: Component,
|
|
469
471
|
args: [{ selector: 'mc-http-form-modal', imports: [CommonModule, MCForm, ToastModule], providers: [MessageService], template: "<mc-form [config]=\"formConfig()\" />\n<p-toast />\n" }]
|
|
470
472
|
}] });
|
|
@@ -489,10 +491,10 @@ class MCHttpFormModalService extends MCFormModalService {
|
|
|
489
491
|
openRight(config) {
|
|
490
492
|
return this.open(MCFormModalService.initConfigRight(config));
|
|
491
493
|
}
|
|
492
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
493
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
494
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCHttpFormModalService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
495
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCHttpFormModalService, providedIn: 'root' });
|
|
494
496
|
}
|
|
495
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
497
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCHttpFormModalService, decorators: [{
|
|
496
498
|
type: Injectable,
|
|
497
499
|
args: [{
|
|
498
500
|
providedIn: 'root'
|
|
@@ -529,14 +531,14 @@ class MCBaseHttpFormModalService {
|
|
|
529
531
|
}
|
|
530
532
|
|
|
531
533
|
class MCFieldComponent {
|
|
532
|
-
field = input.required();
|
|
533
|
-
control = input();
|
|
534
|
-
group = input.required();
|
|
535
|
-
eventObs = input();
|
|
536
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
537
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
534
|
+
field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
|
|
535
|
+
control = input(...(ngDevMode ? [undefined, { debugName: "control" }] : []));
|
|
536
|
+
group = input.required(...(ngDevMode ? [{ debugName: "group" }] : []));
|
|
537
|
+
eventObs = input(...(ngDevMode ? [undefined, { debugName: "eventObs" }] : []));
|
|
538
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
539
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.4", type: MCFieldComponent, isStandalone: true, selector: "mc-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: true, transformFunction: null }, eventObs: { classPropertyName: "eventObs", publicName: "eventObs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true });
|
|
538
540
|
}
|
|
539
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
541
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFieldComponent, decorators: [{
|
|
540
542
|
type: Component,
|
|
541
543
|
args: [{
|
|
542
544
|
selector: 'mc-field',
|
|
@@ -545,10 +547,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
|
|
|
545
547
|
}] });
|
|
546
548
|
|
|
547
549
|
class IftaTextFieldComponent extends MCFieldComponent {
|
|
548
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
549
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
550
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaTextFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
551
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: IftaTextFieldComponent, isStandalone: true, selector: "mc-ifta-text-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n <input pInputText id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" />\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }] });
|
|
550
552
|
}
|
|
551
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
553
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaTextFieldComponent, decorators: [{
|
|
552
554
|
type: Component,
|
|
553
555
|
args: [{ selector: 'mc-ifta-text-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, InputTextModule], template: "<p-iftalabel>\n <input pInputText id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" />\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n" }]
|
|
554
556
|
}] });
|
|
@@ -567,7 +569,7 @@ class IftaTextField {
|
|
|
567
569
|
}
|
|
568
570
|
|
|
569
571
|
class SubmitButtonFieldComponent extends MCFieldComponent {
|
|
570
|
-
isLoading = signal(false);
|
|
572
|
+
isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
|
|
571
573
|
eventSubscription;
|
|
572
574
|
ngOnInit() {
|
|
573
575
|
this.eventSubscription = this.eventObs()?.subscribe(event => {
|
|
@@ -583,10 +585,10 @@ class SubmitButtonFieldComponent extends MCFieldComponent {
|
|
|
583
585
|
this.isLoading.set(true);
|
|
584
586
|
this.eventObs()?.next(MCEventForm.init(this.field().key ?? 'submit', this.group()?.value));
|
|
585
587
|
}
|
|
586
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
587
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
588
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SubmitButtonFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
589
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: SubmitButtonFieldComponent, isStandalone: true, selector: "mc-submit-button-field", usesInheritance: true, ngImport: i0, template: "<div class=\"flex justify-end\">\n <p-button [label]=\"field().config.label\" [disabled]=\"!group().valid || group().disabled\" (onClick)=\"onClick()\" [loading]=\"isLoading()\" [icon]=\"field().config.icon\" />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
588
590
|
}
|
|
589
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
591
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SubmitButtonFieldComponent, decorators: [{
|
|
590
592
|
type: Component,
|
|
591
593
|
args: [{ selector: 'mc-submit-button-field', imports: [CommonModule, ButtonModule], template: "<div class=\"flex justify-end\">\n <p-button [label]=\"field().config.label\" [disabled]=\"!group().valid || group().disabled\" (onClick)=\"onClick()\" [loading]=\"isLoading()\" [icon]=\"field().config.icon\" />\n</div>\n" }]
|
|
592
594
|
}] });
|
|
@@ -610,11 +612,11 @@ class GroupFieldComponent extends MCFieldComponent {
|
|
|
610
612
|
return this.group().get(this.field().key);
|
|
611
613
|
}
|
|
612
614
|
return undefined;
|
|
613
|
-
});
|
|
614
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
615
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
615
|
+
}, ...(ngDevMode ? [{ debugName: "newGroup" }] : []));
|
|
616
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: GroupFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
617
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: GroupFieldComponent, isStandalone: true, selector: "mc-group-field", usesInheritance: true, ngImport: i0, template: "@if(newGroup()) {\n <div [formGroup]=\"newGroup()!\" class=\"mc-group-form\">\n @for (field of field().config.fields; track $index) {\n <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n <mc-print-field [field]=\"field\" [control]=\"newGroup()!.get(field.key ?? '')\" [group]=\"newGroup()!\" [eventObs]=\"eventObs()\" />\n </div>\n }\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
|
|
616
618
|
}
|
|
617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
619
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: GroupFieldComponent, decorators: [{
|
|
618
620
|
type: Component,
|
|
619
621
|
args: [{ selector: 'mc-group-field', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent], template: "@if(newGroup()) {\n <div [formGroup]=\"newGroup()!\" class=\"mc-group-form\">\n @for (field of field().config.fields; track $index) {\n <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n <mc-print-field [field]=\"field\" [control]=\"newGroup()!.get(field.key ?? '')\" [group]=\"newGroup()!\" [eventObs]=\"eventObs()\" />\n </div>\n }\n </div>\n}\n" }]
|
|
620
622
|
}] });
|
|
@@ -634,10 +636,10 @@ class GroupField {
|
|
|
634
636
|
}
|
|
635
637
|
|
|
636
638
|
class RowFieldComponent extends GroupFieldComponent {
|
|
637
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
638
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
639
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RowFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
640
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RowFieldComponent, isStandalone: true, selector: "mc-row-field", usesInheritance: true, ngImport: i0, template: "@if(newGroup()) {\n <div [formGroup]=\"newGroup()!\" class=\"mc-row-form flex flex-row gap-3\">\n @for (field of field().config.fields; track $index) {\n <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n <mc-print-field [field]=\"field\" [control]=\"newGroup()!.get(field.key ?? '')\" [group]=\"newGroup()!\" [eventObs]=\"eventObs()\" />\n </div>\n }\n </div>\n} @else {\n <div class=\"mc-row-form flex flex-row gap-3\">\n @for (field of field().config.fields; track $index) {\n <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n </div>\n }\n </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
|
|
639
641
|
}
|
|
640
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
642
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RowFieldComponent, decorators: [{
|
|
641
643
|
type: Component,
|
|
642
644
|
args: [{ selector: 'mc-row-field', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent], template: "@if(newGroup()) {\n <div [formGroup]=\"newGroup()!\" class=\"mc-row-form flex flex-row gap-3\">\n @for (field of field().config.fields; track $index) {\n <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n <mc-print-field [field]=\"field\" [control]=\"newGroup()!.get(field.key ?? '')\" [group]=\"newGroup()!\" [eventObs]=\"eventObs()\" />\n </div>\n }\n </div>\n} @else {\n <div class=\"mc-row-form flex flex-row gap-3\">\n @for (field of field().config.fields; track $index) {\n <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n </div>\n }\n </div>\n}\n" }]
|
|
643
645
|
}] });
|
|
@@ -669,10 +671,10 @@ class RowField {
|
|
|
669
671
|
}
|
|
670
672
|
|
|
671
673
|
class HiddenFieldComponent extends MCFieldComponent {
|
|
672
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
673
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
674
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: HiddenFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
675
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: HiddenFieldComponent, isStandalone: true, selector: "mc-hidden-field", usesInheritance: true, ngImport: i0, template: "", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
674
676
|
}
|
|
675
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
677
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: HiddenFieldComponent, decorators: [{
|
|
676
678
|
type: Component,
|
|
677
679
|
args: [{ selector: 'mc-hidden-field', imports: [CommonModule], template: "" }]
|
|
678
680
|
}] });
|
|
@@ -687,10 +689,10 @@ class HiddenField {
|
|
|
687
689
|
}
|
|
688
690
|
|
|
689
691
|
class IftaSelectFieldComponent extends MCFieldComponent {
|
|
690
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
691
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
692
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaSelectFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
693
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: IftaSelectFieldComponent, isStandalone: true, selector: "mc-ifta-select-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n <p-select [formControl]=\"control()!\" inputId=\"{{field().key}}\" [options]=\"field().config.options\" [optionLabel]=\"field().config.optionLabel\" [optionValue]=\"field().config.optionValue\" styleClass=\"w-full\" [appendTo]=\"'body'\" />\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
|
|
692
694
|
}
|
|
693
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
695
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaSelectFieldComponent, decorators: [{
|
|
694
696
|
type: Component,
|
|
695
697
|
args: [{ selector: 'mc-ifta-select-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, SelectModule], template: "<p-iftalabel>\n <p-select [formControl]=\"control()!\" inputId=\"{{field().key}}\" [options]=\"field().config.options\" [optionLabel]=\"field().config.optionLabel\" [optionValue]=\"field().config.optionValue\" styleClass=\"w-full\" [appendTo]=\"'body'\" />\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n" }]
|
|
696
698
|
}] });
|
|
@@ -712,7 +714,7 @@ class IftaSelectField {
|
|
|
712
714
|
}
|
|
713
715
|
|
|
714
716
|
class IftaTextConditionalFieldComponent extends MCFieldComponent {
|
|
715
|
-
isShow = signal(false);
|
|
717
|
+
isShow = signal(false, ...(ngDevMode ? [{ debugName: "isShow" }] : []));
|
|
716
718
|
valuesSubscription;
|
|
717
719
|
ngOnInit() {
|
|
718
720
|
this.loadObs();
|
|
@@ -739,10 +741,10 @@ class IftaTextConditionalFieldComponent extends MCFieldComponent {
|
|
|
739
741
|
this.verifyCondition(value);
|
|
740
742
|
});
|
|
741
743
|
}
|
|
742
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
743
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
744
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaTextConditionalFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
745
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: IftaTextConditionalFieldComponent, isStandalone: true, selector: "mc-ifta-text-conditional-field", usesInheritance: true, ngImport: i0, template: "@if(isShow()){\n <p-iftalabel>\n <input pInputText id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" />\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n </p-iftalabel>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }] });
|
|
744
746
|
}
|
|
745
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
747
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaTextConditionalFieldComponent, decorators: [{
|
|
746
748
|
type: Component,
|
|
747
749
|
args: [{ selector: 'mc-ifta-text-conditional-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, InputTextModule], template: "@if(isShow()){\n <p-iftalabel>\n <input pInputText id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" />\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n </p-iftalabel>\n}\n" }]
|
|
748
750
|
}] });
|
|
@@ -763,8 +765,8 @@ class IftaTextConditionalField {
|
|
|
763
765
|
}
|
|
764
766
|
|
|
765
767
|
class IftaSelectObsFieldComponent extends MCFieldComponent {
|
|
766
|
-
isLoading = signal(false);
|
|
767
|
-
options = signal([]);
|
|
768
|
+
isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
|
|
769
|
+
options = signal([], ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
768
770
|
optionsSubscription;
|
|
769
771
|
ngOnInit() {
|
|
770
772
|
this.loadObs();
|
|
@@ -781,10 +783,10 @@ class IftaSelectObsFieldComponent extends MCFieldComponent {
|
|
|
781
783
|
this.isLoading.set(false);
|
|
782
784
|
});
|
|
783
785
|
}
|
|
784
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
785
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
786
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaSelectObsFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
787
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: IftaSelectObsFieldComponent, isStandalone: true, selector: "mc-ifta-select-obs-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n <p-select [formControl]=\"control()!\" inputId=\"{{field().key}}\" [options]=\"options()\" [optionLabel]=\"field().config.optionLabel\" [optionValue]=\"field().config.optionValue\" styleClass=\"w-full\" [appendTo]=\"'body'\" [loading]=\"isLoading()\" />\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n ", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
|
|
786
788
|
}
|
|
787
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaSelectObsFieldComponent, decorators: [{
|
|
788
790
|
type: Component,
|
|
789
791
|
args: [{ selector: 'mc-ifta-select-obs-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, SelectModule], template: "<p-iftalabel>\n <p-select [formControl]=\"control()!\" inputId=\"{{field().key}}\" [options]=\"options()\" [optionLabel]=\"field().config.optionLabel\" [optionValue]=\"field().config.optionValue\" styleClass=\"w-full\" [appendTo]=\"'body'\" [loading]=\"isLoading()\" />\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n " }]
|
|
790
792
|
}] });
|
|
@@ -806,10 +808,10 @@ class IftaSelectObsField {
|
|
|
806
808
|
}
|
|
807
809
|
|
|
808
810
|
class DividerFieldComponent extends MCFieldComponent {
|
|
809
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
810
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
811
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DividerFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
812
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: DividerFieldComponent, isStandalone: true, selector: "mc-divider-field", usesInheritance: true, ngImport: i0, template: "<p-divider align=\"center\"><b>{{field().config.label}}</b></p-divider>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i1$3.Divider, selector: "p-divider", inputs: ["styleClass", "layout", "type", "align"] }] });
|
|
811
813
|
}
|
|
812
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
814
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DividerFieldComponent, decorators: [{
|
|
813
815
|
type: Component,
|
|
814
816
|
args: [{ selector: 'mc-divider-field', imports: [CommonModule, DividerModule], template: "<p-divider align=\"center\"><b>{{field().config.label}}</b></p-divider>" }]
|
|
815
817
|
}] });
|
|
@@ -829,7 +831,7 @@ class ArrayFieldComponent extends MCFieldComponent {
|
|
|
829
831
|
formArray = computed(() => {
|
|
830
832
|
let formArray = (this.group().get(this.field().key));
|
|
831
833
|
return formArray;
|
|
832
|
-
});
|
|
834
|
+
}, ...(ngDevMode ? [{ debugName: "formArray" }] : []));
|
|
833
835
|
onClickAdd() {
|
|
834
836
|
// Verify if the element is FormArray
|
|
835
837
|
if (!(this.group().get(this.field().key) instanceof FormArray)) {
|
|
@@ -845,12 +847,21 @@ class ArrayFieldComponent extends MCFieldComponent {
|
|
|
845
847
|
let formArray = (this.group().get(this.field().key));
|
|
846
848
|
formArray.removeAt(index);
|
|
847
849
|
}
|
|
848
|
-
|
|
849
|
-
|
|
850
|
+
moveItem(index, direction) {
|
|
851
|
+
const formArray = this.formArray();
|
|
852
|
+
const newIndex = index + direction;
|
|
853
|
+
if (newIndex >= 0 && newIndex < formArray.length) {
|
|
854
|
+
const currentControl = formArray.at(index);
|
|
855
|
+
formArray.removeAt(index);
|
|
856
|
+
formArray.insert(newIndex, currentControl);
|
|
857
|
+
}
|
|
858
|
+
}
|
|
859
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ArrayFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
860
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ArrayFieldComponent, isStandalone: true, selector: "mc-array-field", usesInheritance: true, ngImport: i0, template: "<div class=\"mc-array-form\">\n <div *ngFor=\"let row of formArray().controls; let i = index\">\n\n <p-panel [header]=\"field().config?.labelTitlePanel\" styleClass=\"mb-3\">\n <ng-template #icons>\n <div class=\"flex gap-2\">\n @if(field().config.allow_order) {\n <p-button icon=\"pi pi-arrow-up\" severity=\"secondary\" rounded text (onClick)=\"moveItem(i, -1)\"\n [disabled]=\"i === 0\" />\n <p-button icon=\"pi pi-arrow-down\" severity=\"secondary\" rounded text (onClick)=\"moveItem(i, 1)\"\n [disabled]=\"i === formArray().length - 1\" />\n }\n <p-button icon=\"pi pi-trash\" severity=\"danger\" rounded text (onClick)=\"onClickRemove(i)\" />\n </div>\n </ng-template>\n\n <div [formGroup]=\"row\" class=\"mc-array-group-form\">\n @for (field of field().config.fields; track $index) {\n <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n <mc-print-field [field]=\"field\" [control]=\"row.get(field.key ?? '')\" [group]=\"row\" [eventObs]=\"eventObs()\" />\n </div>\n }\n </div>\n </p-panel>\n\n </div>\n</div>\n\n<p-button [label]=\"field().config?.labelAddButton ?? 'Add row'\" [link]=\"true\" icon=\"pi pi-plus-circle\"\n (onClick)=\"onClickAdd()\" />", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }, { kind: "ngmodule", type: PanelModule }, { kind: "component", type: i3$2.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "id", "styleClass", "iconPos", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
850
861
|
}
|
|
851
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
862
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ArrayFieldComponent, decorators: [{
|
|
852
863
|
type: Component,
|
|
853
|
-
args: [{ selector: 'mc-array-field', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent, PanelModule, ButtonModule], template: "
|
|
864
|
+
args: [{ selector: 'mc-array-field', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent, PanelModule, ButtonModule], template: "<div class=\"mc-array-form\">\n <div *ngFor=\"let row of formArray().controls; let i = index\">\n\n <p-panel [header]=\"field().config?.labelTitlePanel\" styleClass=\"mb-3\">\n <ng-template #icons>\n <div class=\"flex gap-2\">\n @if(field().config.allow_order) {\n <p-button icon=\"pi pi-arrow-up\" severity=\"secondary\" rounded text (onClick)=\"moveItem(i, -1)\"\n [disabled]=\"i === 0\" />\n <p-button icon=\"pi pi-arrow-down\" severity=\"secondary\" rounded text (onClick)=\"moveItem(i, 1)\"\n [disabled]=\"i === formArray().length - 1\" />\n }\n <p-button icon=\"pi pi-trash\" severity=\"danger\" rounded text (onClick)=\"onClickRemove(i)\" />\n </div>\n </ng-template>\n\n <div [formGroup]=\"row\" class=\"mc-array-group-form\">\n @for (field of field().config.fields; track $index) {\n <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n <mc-print-field [field]=\"field\" [control]=\"row.get(field.key ?? '')\" [group]=\"row\" [eventObs]=\"eventObs()\" />\n </div>\n }\n </div>\n </p-panel>\n\n </div>\n</div>\n\n<p-button [label]=\"field().config?.labelAddButton ?? 'Add row'\" [link]=\"true\" icon=\"pi pi-plus-circle\"\n (onClick)=\"onClickAdd()\" />" }]
|
|
854
865
|
}] });
|
|
855
866
|
class ArrayField {
|
|
856
867
|
static init(key, fields, data) {
|
|
@@ -863,16 +874,17 @@ class ArrayField {
|
|
|
863
874
|
fields: fields,
|
|
864
875
|
labelAddButton: data?.labelAddButton,
|
|
865
876
|
labelTitlePanel: data?.labelTitlePanel,
|
|
877
|
+
allow_order: data?.allow_order,
|
|
866
878
|
};
|
|
867
879
|
return field;
|
|
868
880
|
}
|
|
869
881
|
}
|
|
870
882
|
|
|
871
883
|
class IftaTextareaFieldComponent extends MCFieldComponent {
|
|
872
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
873
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
884
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaTextareaFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
885
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: IftaTextareaFieldComponent, isStandalone: true, selector: "mc-ifta-textarea-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n <textarea pTextarea id=\"{{field().key}}\" rows=\"5\" cols=\"30\" style=\"resize: none\" class=\"w-full\" [formControl]=\"control()!\"></textarea>\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i3$3.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }] });
|
|
874
886
|
}
|
|
875
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
887
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaTextareaFieldComponent, decorators: [{
|
|
876
888
|
type: Component,
|
|
877
889
|
args: [{ selector: 'mc-ifta-textarea-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, TextareaModule], template: "<p-iftalabel>\n <textarea pTextarea id=\"{{field().key}}\" rows=\"5\" cols=\"30\" style=\"resize: none\" class=\"w-full\" [formControl]=\"control()!\"></textarea>\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n" }]
|
|
878
890
|
}] });
|
|
@@ -890,7 +902,7 @@ class IftaTextareaField {
|
|
|
890
902
|
}
|
|
891
903
|
|
|
892
904
|
class ConditionalFieldComponent extends MCFieldComponent {
|
|
893
|
-
isShow = signal(false);
|
|
905
|
+
isShow = signal(false, ...(ngDevMode ? [{ debugName: "isShow" }] : []));
|
|
894
906
|
valuesSubscription;
|
|
895
907
|
ngOnInit() {
|
|
896
908
|
this.loadObs();
|
|
@@ -925,10 +937,10 @@ class ConditionalFieldComponent extends MCFieldComponent {
|
|
|
925
937
|
this.verifyCondition(value);
|
|
926
938
|
});
|
|
927
939
|
}
|
|
928
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
929
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
940
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ConditionalFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
941
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ConditionalFieldComponent, isStandalone: true, selector: "mc-conditional-field", usesInheritance: true, ngImport: i0, template: "@if(isShow()){\n @for (field of field().config.fields; track $index) {\n <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n }\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
|
|
930
942
|
}
|
|
931
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
943
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ConditionalFieldComponent, decorators: [{
|
|
932
944
|
type: Component,
|
|
933
945
|
args: [{ selector: 'mc-conditional-field', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent], template: "@if(isShow()){\n @for (field of field().config.fields; track $index) {\n <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n }\n}\n" }]
|
|
934
946
|
}] });
|
|
@@ -953,7 +965,7 @@ class ArrayIftaTextFieldComponent extends MCFieldComponent {
|
|
|
953
965
|
formArray = computed(() => {
|
|
954
966
|
let formArray = (this.group().get(this.field().key));
|
|
955
967
|
return formArray;
|
|
956
|
-
});
|
|
968
|
+
}, ...(ngDevMode ? [{ debugName: "formArray" }] : []));
|
|
957
969
|
onClickAdd() {
|
|
958
970
|
let formArray = (this.group().get(this.field().key));
|
|
959
971
|
formArray.push(new FormControl(''));
|
|
@@ -962,10 +974,10 @@ class ArrayIftaTextFieldComponent extends MCFieldComponent {
|
|
|
962
974
|
let formArray = (this.group().get(this.field().key));
|
|
963
975
|
formArray.removeAt(index);
|
|
964
976
|
}
|
|
965
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
966
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
977
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ArrayIftaTextFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
978
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: ArrayIftaTextFieldComponent, isStandalone: true, selector: "mc-array-ifta-text-field", usesInheritance: true, ngImport: i0, template: "\n<div class=\"mc-array-text-form\">\n <div *ngFor=\"let row of formArray().controls; let i = index\">\n\n <div class=\"flex flex-row justify-between mc-array-group-form\">\n <p-iftalabel class=\"mb-3 w-full\">\n <input pInputText id=\"{{field().key}}_{{i}}\" class=\"w-full\" [formControl]=\"row\" />\n <label for=\"{{field().key}}_{{i}}\">Param {{(i+1)}}</label>\n </p-iftalabel>\n\n <p-button icon=\"pi pi-trash\" severity=\"danger\" rounded text (onClick)=\"onClickRemove(i)\" styleClass=\"ml-3\" />\n </div>\n\n </div>\n</div>\n\n<p-button [label]=\"field().config?.labelAddButton ?? 'Add row'\" [link]=\"true\" icon=\"pi pi-plus-circle\" (onClick)=\"onClickAdd()\" />\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PanelModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }] });
|
|
967
979
|
}
|
|
968
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
980
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ArrayIftaTextFieldComponent, decorators: [{
|
|
969
981
|
type: Component,
|
|
970
982
|
args: [{ selector: 'mc-array-ifta-text-field', imports: [CommonModule, ReactiveFormsModule, PanelModule, ButtonModule, IftaLabelModule, InputTextModule], template: "\n<div class=\"mc-array-text-form\">\n <div *ngFor=\"let row of formArray().controls; let i = index\">\n\n <div class=\"flex flex-row justify-between mc-array-group-form\">\n <p-iftalabel class=\"mb-3 w-full\">\n <input pInputText id=\"{{field().key}}_{{i}}\" class=\"w-full\" [formControl]=\"row\" />\n <label for=\"{{field().key}}_{{i}}\">Param {{(i+1)}}</label>\n </p-iftalabel>\n\n <p-button icon=\"pi pi-trash\" severity=\"danger\" rounded text (onClick)=\"onClickRemove(i)\" styleClass=\"ml-3\" />\n </div>\n\n </div>\n</div>\n\n<p-button [label]=\"field().config?.labelAddButton ?? 'Add row'\" [link]=\"true\" icon=\"pi pi-plus-circle\" (onClick)=\"onClickAdd()\" />\n\n" }]
|
|
971
983
|
}] });
|
|
@@ -985,10 +997,10 @@ class ArrayIftaTextField {
|
|
|
985
997
|
}
|
|
986
998
|
|
|
987
999
|
class ColumnFieldComponent extends MCFieldComponent {
|
|
988
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
989
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1000
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ColumnFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1001
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ColumnFieldComponent, isStandalone: true, selector: "mc-column-field", usesInheritance: true, ngImport: i0, template: "<div class=\"mc-column-form\">\n @for (field of field().config.fields; track $index) {\n <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n </div>\n }\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
|
|
990
1002
|
}
|
|
991
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1003
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ColumnFieldComponent, decorators: [{
|
|
992
1004
|
type: Component,
|
|
993
1005
|
args: [{ selector: 'mc-column-field', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent], template: "<div class=\"mc-column-form\">\n @for (field of field().config.fields; track $index) {\n <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n </div>\n }\n</div>" }]
|
|
994
1006
|
}] });
|
|
@@ -1008,10 +1020,10 @@ class ColumnField {
|
|
|
1008
1020
|
}
|
|
1009
1021
|
|
|
1010
1022
|
class FieldsetFieldComponent extends MCFieldComponent {
|
|
1011
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1012
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1023
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FieldsetFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1024
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: FieldsetFieldComponent, isStandalone: true, selector: "mc-fieldset-field", usesInheritance: true, ngImport: i0, template: "<p-fieldset legend=\"{{field().config?.label}}\">\n <div class=\"mc-fieldset-form\">\n @for (field of field().config.fields; track $index) {\n <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n </div>\n }\n </div>\n</p-fieldset>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FieldsetModule }, { kind: "component", type: i1$5.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
|
|
1013
1025
|
}
|
|
1014
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1026
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FieldsetFieldComponent, decorators: [{
|
|
1015
1027
|
type: Component,
|
|
1016
1028
|
args: [{ selector: 'mc-fieldset-field', imports: [CommonModule, ReactiveFormsModule, FieldsetModule, PrintFieldComponent], template: "<p-fieldset legend=\"{{field().config?.label}}\">\n <div class=\"mc-fieldset-form\">\n @for (field of field().config.fields; track $index) {\n <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n </div>\n }\n </div>\n</p-fieldset>" }]
|
|
1017
1029
|
}] });
|
|
@@ -1032,10 +1044,10 @@ class FieldsetField {
|
|
|
1032
1044
|
}
|
|
1033
1045
|
|
|
1034
1046
|
class TagsFieldComponent extends MCFieldComponent {
|
|
1035
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1036
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1047
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TagsFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1048
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: TagsFieldComponent, isStandalone: true, selector: "mc-tags-field", usesInheritance: true, ngImport: i0, template: "<p-autocomplete inputId=\"{{field().key}}\" [formControl]=\"control()!\" multiple fluid [typeahead]=\"false\" />", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i2$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] });
|
|
1037
1049
|
}
|
|
1038
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1050
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TagsFieldComponent, decorators: [{
|
|
1039
1051
|
type: Component,
|
|
1040
1052
|
args: [{ selector: 'mc-tags-field', imports: [CommonModule, ReactiveFormsModule, AutoCompleteModule], template: "<p-autocomplete inputId=\"{{field().key}}\" [formControl]=\"control()!\" multiple fluid [typeahead]=\"false\" />" }]
|
|
1041
1053
|
}] });
|
|
@@ -1049,10 +1061,10 @@ class TagsField {
|
|
|
1049
1061
|
}
|
|
1050
1062
|
|
|
1051
1063
|
class IftaCurrencyFieldComponent extends MCFieldComponent {
|
|
1052
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1053
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1064
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaCurrencyFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1065
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: IftaCurrencyFieldComponent, isStandalone: true, selector: "mc-ifta-currency-field", usesInheritance: true, ngImport: i0, template: "<p-inputgroup>\n @if (field().config.extra?.prepended) {\n <p-inputgroup-addon>{{ field().config.extra.prepended }}</p-inputgroup-addon>\n }\n <p-iftalabel>\n <p-inputnumber id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" [maxFractionDigits]=\"9\" placeholder=\"0.00\" mode=\"currency\" currency=\"USD\" locale=\"en-US\" />\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n </p-iftalabel>\n @if (field().config.extra?.appended) {\n <p-inputgroup-addon>{{ field().config.extra.appended }}</p-inputgroup-addon>\n }\n</p-inputgroup>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i3$4.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i5.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }] });
|
|
1054
1066
|
}
|
|
1055
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1067
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaCurrencyFieldComponent, decorators: [{
|
|
1056
1068
|
type: Component,
|
|
1057
1069
|
args: [{ selector: 'mc-ifta-currency-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, InputTextModule, InputNumberModule, InputGroupModule, InputGroupAddonModule], template: "<p-inputgroup>\n @if (field().config.extra?.prepended) {\n <p-inputgroup-addon>{{ field().config.extra.prepended }}</p-inputgroup-addon>\n }\n <p-iftalabel>\n <p-inputnumber id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" [maxFractionDigits]=\"9\" placeholder=\"0.00\" mode=\"currency\" currency=\"USD\" locale=\"en-US\" />\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n </p-iftalabel>\n @if (field().config.extra?.appended) {\n <p-inputgroup-addon>{{ field().config.extra.appended }}</p-inputgroup-addon>\n }\n</p-inputgroup>" }]
|
|
1058
1070
|
}] });
|
|
@@ -1073,6 +1085,28 @@ class IftaCurrencyField {
|
|
|
1073
1085
|
}
|
|
1074
1086
|
}
|
|
1075
1087
|
|
|
1088
|
+
class IftaDateFieldComponent extends MCFieldComponent {
|
|
1089
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaDateFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1090
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: IftaDateFieldComponent, isStandalone: true, selector: "mc-ifta-date-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n <p-datepicker id=\"{{field().key}}\" [formControl]=\"control()!\" dateFormat=\"{{ field().config?.date_format }}\"\n appendTo=\"body\" styleClass=\"w-full\" showIcon iconDisplay=\"input\" dataType=\"string\" />\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i3$5.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] });
|
|
1091
|
+
}
|
|
1092
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaDateFieldComponent, decorators: [{
|
|
1093
|
+
type: Component,
|
|
1094
|
+
args: [{ selector: 'mc-ifta-date-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, InputTextModule, DatePickerModule], template: "<p-iftalabel>\n <p-datepicker id=\"{{field().key}}\" [formControl]=\"control()!\" dateFormat=\"{{ field().config?.date_format }}\"\n appendTo=\"body\" styleClass=\"w-full\" showIcon iconDisplay=\"input\" dataType=\"string\" />\n <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>" }]
|
|
1095
|
+
}] });
|
|
1096
|
+
class IftaDateField {
|
|
1097
|
+
static init(key, label, config) {
|
|
1098
|
+
return MCIftaField.init({
|
|
1099
|
+
key: key,
|
|
1100
|
+
component: IftaDateFieldComponent,
|
|
1101
|
+
label: label,
|
|
1102
|
+
validators: config?.validators,
|
|
1103
|
+
default_value: config?.default_value,
|
|
1104
|
+
disabled: config?.disabled,
|
|
1105
|
+
extra: { date_format: config?.date_format ?? 'yy-mm-dd' }
|
|
1106
|
+
});
|
|
1107
|
+
}
|
|
1108
|
+
}
|
|
1109
|
+
|
|
1076
1110
|
/*
|
|
1077
1111
|
* Public API Surface of form
|
|
1078
1112
|
*/
|
|
@@ -1084,5 +1118,5 @@ class IftaCurrencyField {
|
|
|
1084
1118
|
* Generated bundle index. Do not edit.
|
|
1085
1119
|
*/
|
|
1086
1120
|
|
|
1087
|
-
export { ArrayField, ArrayFieldComponent, ArrayIftaTextField, ArrayIftaTextFieldComponent, ColumnField, ColumnFieldComponent, ConditionalField, ConditionalFieldComponent, DividerField, DividerFieldComponent, FieldsetField, FieldsetFieldComponent, GroupField, GroupFieldComponent, HiddenField, HiddenFieldComponent, IftaCurrencyField, IftaCurrencyFieldComponent, IftaSelectField, IftaSelectFieldComponent, IftaSelectObsField, IftaSelectObsFieldComponent, IftaTextConditionalField, IftaTextConditionalFieldComponent, IftaTextField, IftaTextFieldComponent, IftaTextareaField, IftaTextareaFieldComponent, MCBaseHttpFormModalConfig, MCBaseHttpFormModalService, MCConfigForm, MCConfigHttpModalForm, MCConfigModalForm, MCEventForm, MCEventModalForm, MCField, MCFieldComponent, MCForm, MCFormModal, MCFormModalService, MCFormService, MCHttpFormModal, MCHttpFormModalService, MCIftaField, PrintFieldComponent, RowField, RowFieldComponent, SubmitButtonField, SubmitButtonFieldComponent, TagsField, TagsFieldComponent, mcEventFormOperator, mcSavedEventFormOperator };
|
|
1121
|
+
export { ArrayField, ArrayFieldComponent, ArrayIftaTextField, ArrayIftaTextFieldComponent, ColumnField, ColumnFieldComponent, ConditionalField, ConditionalFieldComponent, DividerField, DividerFieldComponent, FieldsetField, FieldsetFieldComponent, GroupField, GroupFieldComponent, HiddenField, HiddenFieldComponent, IftaCurrencyField, IftaCurrencyFieldComponent, IftaDateField, IftaDateFieldComponent, IftaSelectField, IftaSelectFieldComponent, IftaSelectObsField, IftaSelectObsFieldComponent, IftaTextConditionalField, IftaTextConditionalFieldComponent, IftaTextField, IftaTextFieldComponent, IftaTextareaField, IftaTextareaFieldComponent, MCBaseHttpFormModalConfig, MCBaseHttpFormModalService, MCConfigForm, MCConfigHttpModalForm, MCConfigModalForm, MCEventForm, MCEventModalForm, MCField, MCFieldComponent, MCForm, MCFormModal, MCFormModalService, MCFormService, MCHttpFormModal, MCHttpFormModalService, MCIftaField, PrintFieldComponent, RowField, RowFieldComponent, SubmitButtonField, SubmitButtonFieldComponent, TagsField, TagsFieldComponent, mcEventFormOperator, mcSavedEventFormOperator };
|
|
1088
1122
|
//# sourceMappingURL=mckit-form.mjs.map
|