iptdevs-design-system 3.1.655 → 3.1.657
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/esm2020/lib/cod-self-managed/steps/cod-form-step-four/cod-self-form-step-four.component.mjs +38 -34
- package/fesm2015/iptdevs-design-system.mjs +38 -35
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +37 -33
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/cod-self-managed/steps/cod-form-step-four/cod-self-form-step-four.component.d.ts +3 -2
- package/package.json +1 -1
|
@@ -7462,10 +7462,8 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
|
|
|
7462
7462
|
this.visible = false;
|
|
7463
7463
|
this.messageAlertPlacementTest = false;
|
|
7464
7464
|
this.OptionPayments = [
|
|
7465
|
-
{ code: 1, key: '
|
|
7466
|
-
|
|
7467
|
-
// {code: 3, key: 'ps', name: 'Transferencia'},
|
|
7468
|
-
// {code: 4, key: 'ef', name: 'Efecty'},
|
|
7465
|
+
{ code: 1, key: 'in', name: 'Instalaciones' },
|
|
7466
|
+
{ code: 3, key: 'tr', name: 'Transferencia' },
|
|
7469
7467
|
];
|
|
7470
7468
|
this.disableweekdays = [];
|
|
7471
7469
|
this.isSelectionOptionPayments = true;
|
|
@@ -7485,35 +7483,40 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
|
|
|
7485
7483
|
});
|
|
7486
7484
|
}
|
|
7487
7485
|
back() {
|
|
7488
|
-
|
|
7489
|
-
|
|
7490
|
-
this.isSelectionOptionPayments = true;
|
|
7486
|
+
if (!this.isSelectionOptionPayments && !this.isEditBillingData) {
|
|
7487
|
+
// Volver a la edición de datos de facturación
|
|
7491
7488
|
this.isEditBillingData = true;
|
|
7492
|
-
console.log('back entre en el if');
|
|
7493
7489
|
}
|
|
7494
|
-
else if (!this.isSelectionOptionPayments && this.
|
|
7495
|
-
|
|
7496
|
-
|
|
7490
|
+
else if (!this.isSelectionOptionPayments && this.isEditBillingData) {
|
|
7491
|
+
// Volver a la selección de opciones de pago
|
|
7492
|
+
this.isSelectionOptionPayments = true;
|
|
7497
7493
|
}
|
|
7498
7494
|
else {
|
|
7495
|
+
// Volver al paso anterior
|
|
7499
7496
|
this.completed.emit(2);
|
|
7500
|
-
console.log('back entre en el else');
|
|
7501
7497
|
}
|
|
7502
7498
|
}
|
|
7503
7499
|
next() {
|
|
7504
7500
|
if (this.isSelectionOptionPayments) {
|
|
7501
|
+
// Avanzar a la edición de datos de facturación
|
|
7505
7502
|
this.isSelectionOptionPayments = false;
|
|
7506
|
-
console.log('next entre en el if');
|
|
7507
7503
|
}
|
|
7508
|
-
else if (this.
|
|
7509
|
-
|
|
7510
|
-
|
|
7504
|
+
else if (!this.isEditBillingData) {
|
|
7505
|
+
// Finalizar la edición de datos de facturación
|
|
7506
|
+
this.isEditBillingData = true;
|
|
7511
7507
|
}
|
|
7512
7508
|
else {
|
|
7513
|
-
//
|
|
7514
|
-
|
|
7509
|
+
// Completar el formulario y proceder
|
|
7510
|
+
this.sendForm();
|
|
7515
7511
|
}
|
|
7516
|
-
|
|
7512
|
+
}
|
|
7513
|
+
editBillingData() {
|
|
7514
|
+
// Activar la edición de datos de facturación
|
|
7515
|
+
this.isEditBillingData = false;
|
|
7516
|
+
}
|
|
7517
|
+
updateDatosBillingData() {
|
|
7518
|
+
// Guardar datos de facturación y regresar a la vista de resumen
|
|
7519
|
+
this.isEditBillingData = true;
|
|
7517
7520
|
}
|
|
7518
7521
|
getParamenters() {
|
|
7519
7522
|
this.parameterService.getCardTypes('col').subscribe((response) => {
|
|
@@ -7521,11 +7524,10 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
|
|
|
7521
7524
|
});
|
|
7522
7525
|
}
|
|
7523
7526
|
sendForm() {
|
|
7524
|
-
//
|
|
7525
|
-
// if (this.codSelfFormStepTwo.invalid) return;
|
|
7527
|
+
// Aquí va la lógica para enviar el formulario
|
|
7526
7528
|
console.log('Ejecuta endpoint');
|
|
7527
|
-
// Movernos al paso
|
|
7528
|
-
|
|
7529
|
+
// Movernos al siguiente paso
|
|
7530
|
+
this.completed.emit(4);
|
|
7529
7531
|
}
|
|
7530
7532
|
onReject() {
|
|
7531
7533
|
this.messageService.clear('confirm');
|
|
@@ -7547,14 +7549,6 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
|
|
|
7547
7549
|
this.codSelfFormStepFour.controls['optionsPayments'].setValue(null);
|
|
7548
7550
|
}
|
|
7549
7551
|
}
|
|
7550
|
-
editBillingData() {
|
|
7551
|
-
this.isEditBillingData = false;
|
|
7552
|
-
console.log('le di click en modificar datos');
|
|
7553
|
-
}
|
|
7554
|
-
updateDatosBillingData() {
|
|
7555
|
-
this.isEditBillingData = true;
|
|
7556
|
-
console.log('le di click en continuar');
|
|
7557
|
-
}
|
|
7558
7552
|
selectIdType(idType) {
|
|
7559
7553
|
if (idType !== 'Tipo de documento') {
|
|
7560
7554
|
this.codSelfFormStepFour.controls['invoicing_idType'].setValue(idType);
|
|
@@ -7563,12 +7557,22 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
|
|
|
7563
7557
|
this.codSelfFormStepFour.controls['invoicing_idType'].setValue(null);
|
|
7564
7558
|
}
|
|
7565
7559
|
}
|
|
7560
|
+
// Método para determinar la vista basada en el código de la opción de pago seleccionada
|
|
7561
|
+
getViewBasedOnPaymentOption() {
|
|
7562
|
+
if (this.selectedOptionPayments?.code === 1) {
|
|
7563
|
+
return 'in';
|
|
7564
|
+
}
|
|
7565
|
+
else if (this.selectedOptionPayments?.code === 3) {
|
|
7566
|
+
return 'tr';
|
|
7567
|
+
}
|
|
7568
|
+
return 'default';
|
|
7569
|
+
}
|
|
7566
7570
|
}
|
|
7567
7571
|
CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.MessageService }, { token: ParameterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7568
|
-
CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Datos de Facturacion</h2>\n <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n <ng-template let-message pTemplate=\"message\">\n
|
|
7572
|
+
CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Datos de Facturacion</h2>\n <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n <ng-template let-message pTemplate=\"message\">\n <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n <div class=\"flex align-items-center gap-2\">\n <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n <span class=\"font-bold text-900\">Jacob</span>\n </div>\n <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n </div>\n </ng-template>\n </p-toast>\n <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n <div class=\"container__body__select flex justify-content-center flex-wrap\">\n <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n <div class=\"flex flex-column gap-3\">\n <h3>\u00BFComo quieres pagar?</h3>\n <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n <p-radioButton\n [inputId]=\"category.key\"\n name=\"category\"\n [value]=\"category\"\n [(ngModel)]=\"selectedOptionPayments\"\n [disabled]=\"disableweekdays[ind]\"\n [ngModelOptions]=\"{ standalone: true }\"\n (ngModelChange)=\"selectOpcionsPayments($event)\"\n ></p-radioButton>\n <label [for]=\"category.key\" class=\"ml-2\">\n {{ category.name }}\n </label>\n </div>\n </div>\n </div>\n\n <div class=\"container__opstion__instalations\" *ngIf=\"!isSelectionOptionPayments\">\n <!-- Vista para la opci\u00F3n de pago \"Instalaciones\" -->\n <div *ngIf=\"getViewBasedOnPaymentOption() === 'in'\">\n <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n <button\n pButton\n type=\"button\"\n label=\"\"\n class=\"p-button-outlined p-button-rounded w-2\"\n icon=\"pi pi-receipt\"\n [disabled]=\"true\">\n </button>\n <strong>name</strong>\n <span>cc document</span>\n <button\n pButton\n label=\"Modificar Datos\"\n type=\"button\"\n (click)=\"editBillingData()\"\n ></button>\n </div>\n <div *ngIf=\"!isEditBillingData\">\n <h3>Completa los nuevos datos para la emision de tu factura</h3>\n <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n </div>\n <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n </div>\n </div>\n <div>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Apellido'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n ></ipt-input>\n <ipt-select\n [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n [isRequired]=\"true\"\n [data]=\"idTypes\"\n (eventSelect)=\"selectIdType($event)\"\n [defaultText]=\"'Tipo de documento'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Documento'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n ></ipt-input>\n </div>\n <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n <button\n pButton\n [disabled]=\"!codSelfFormStepFour.valid\"\n label=\"Continuar\"\n type=\"button\"\n (click)=\"updateDatosBillingData()\"\n ></button>\n </div>\n </div>\n </div>\n\n <!-- Vista para la opci\u00F3n de pago \"Transferencia\" -->\n <div *ngIf=\"getViewBasedOnPaymentOption() === 'tr'\">\n <h3>Completa los datos para Transferencia</h3>\n <!-- Aqu\u00ED puedes agregar el formulario espec\u00EDfico para Transferencia -->\n </div>\n </div>\n </div>\n </form>\n\n <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n <button\n pButton\n icon=\"pi pi-arrow-left\"\n type=\"button\"\n (click)=\"back()\"\n ></button>\n <button\n *ngIf=\"!isSelectionOptionPayments && isEditBillingData && codSelfFormStepFour.valid\"\n pButton\n label=\"Guardar\"\n type=\"button\"\n (click)=\"sendForm()\"\n ></button>\n </div>\n </div>\n</div>\n\n<div>\n <pre>{{ codSelfFormStepFour.value | json }}</pre>\n <div>\n <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i14.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
|
|
7569
7573
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, decorators: [{
|
|
7570
7574
|
type: Component,
|
|
7571
|
-
args: [{ selector: 'app-cod-self-form-step-four', template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Datos de Facturacion</h2>\n <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n <ng-template let-message pTemplate=\"message\">\n
|
|
7575
|
+
args: [{ selector: 'app-cod-self-form-step-four', template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Datos de Facturacion</h2>\n <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n <ng-template let-message pTemplate=\"message\">\n <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n <div class=\"flex align-items-center gap-2\">\n <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n <span class=\"font-bold text-900\">Jacob</span>\n </div>\n <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n </div>\n </ng-template>\n </p-toast>\n <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n <div class=\"container__body__select flex justify-content-center flex-wrap\">\n <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n <div class=\"flex flex-column gap-3\">\n <h3>\u00BFComo quieres pagar?</h3>\n <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n <p-radioButton\n [inputId]=\"category.key\"\n name=\"category\"\n [value]=\"category\"\n [(ngModel)]=\"selectedOptionPayments\"\n [disabled]=\"disableweekdays[ind]\"\n [ngModelOptions]=\"{ standalone: true }\"\n (ngModelChange)=\"selectOpcionsPayments($event)\"\n ></p-radioButton>\n <label [for]=\"category.key\" class=\"ml-2\">\n {{ category.name }}\n </label>\n </div>\n </div>\n </div>\n\n <div class=\"container__opstion__instalations\" *ngIf=\"!isSelectionOptionPayments\">\n <!-- Vista para la opci\u00F3n de pago \"Instalaciones\" -->\n <div *ngIf=\"getViewBasedOnPaymentOption() === 'in'\">\n <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n <button\n pButton\n type=\"button\"\n label=\"\"\n class=\"p-button-outlined p-button-rounded w-2\"\n icon=\"pi pi-receipt\"\n [disabled]=\"true\">\n </button>\n <strong>name</strong>\n <span>cc document</span>\n <button\n pButton\n label=\"Modificar Datos\"\n type=\"button\"\n (click)=\"editBillingData()\"\n ></button>\n </div>\n <div *ngIf=\"!isEditBillingData\">\n <h3>Completa los nuevos datos para la emision de tu factura</h3>\n <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n </div>\n <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n </div>\n </div>\n <div>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Apellido'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n ></ipt-input>\n <ipt-select\n [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n [isRequired]=\"true\"\n [data]=\"idTypes\"\n (eventSelect)=\"selectIdType($event)\"\n [defaultText]=\"'Tipo de documento'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Documento'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n ></ipt-input>\n </div>\n <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n <button\n pButton\n [disabled]=\"!codSelfFormStepFour.valid\"\n label=\"Continuar\"\n type=\"button\"\n (click)=\"updateDatosBillingData()\"\n ></button>\n </div>\n </div>\n </div>\n\n <!-- Vista para la opci\u00F3n de pago \"Transferencia\" -->\n <div *ngIf=\"getViewBasedOnPaymentOption() === 'tr'\">\n <h3>Completa los datos para Transferencia</h3>\n <!-- Aqu\u00ED puedes agregar el formulario espec\u00EDfico para Transferencia -->\n </div>\n </div>\n </div>\n </form>\n\n <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n <button\n pButton\n icon=\"pi pi-arrow-left\"\n type=\"button\"\n (click)=\"back()\"\n ></button>\n <button\n *ngIf=\"!isSelectionOptionPayments && isEditBillingData && codSelfFormStepFour.valid\"\n pButton\n label=\"Guardar\"\n type=\"button\"\n (click)=\"sendForm()\"\n ></button>\n </div>\n </div>\n</div>\n\n<div>\n <pre>{{ codSelfFormStepFour.value | json }}</pre>\n <div>\n <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"] }]
|
|
7572
7576
|
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i2$1.MessageService }, { type: ParameterService }]; }, propDecorators: { completed: [{
|
|
7573
7577
|
type: Output
|
|
7574
7578
|
}] } });
|