sf-crud 13.2.31 → 13.2.33

package/fesm2022/sf-crud.mjs

@@ -3018,6 +3018,7 @@ class RegistroComponent {
     sendData = new EventEmitter();
     onSubmit = new EventEmitter();
     onLoaded = new EventEmitter();
+    beforeRedirect;
     btnSubmit;
     notificationSubscription;
     subsToKillOnDestroy = [];
@@ -3064,11 +3065,11 @@ class RegistroComponent {
     ngOnInit() {
         this.cargarMascarasDirecciones();
         this.instanceSubsStepService();
-        this.notificationSubscription = this.notificationService.notificationAdded$().subscribe(notification => {
+        this.notificationSubscription = this.notificationService.notificationAdded$().subscribe(async (notification) => {
             if (!notification)
                 return;
             if (notification?.requestChecking?.useSwal) {
-                Swal.fire(notification.msg).then((res) => {
+                Swal.fire(notification.msg).then(async (res) => {
                     if (notification.msg.showCancelButton && res.isDismissed && notification.requestChecking?.cancelRedirect) {
                         if (notification.requestChecking.cancelRedirect.toUpperCase() == "INICIO")
                             this.sfCrudService.redirectToInicio();
@@ -3076,6 +3077,8 @@ class RegistroComponent {
                             window.location.href = notification.requestChecking.cancelRedirect;
                     }
                     else if (res.isConfirmed && notification.requestChecking?.redirect) {
+                        if (this.beforeRedirect)
+                            await this.beforeRedirect(notification.requestChecking.redirect);
                         if (notification.requestChecking.redirect.toUpperCase() == "INICIO")
                             this.sfCrudService.redirectToInicio();
                         else
@@ -3090,6 +3093,8 @@ class RegistroComponent {
                 else if (notification.requestChecking.redirect.toUpperCase() === "ATRAS")
                     this.back();
                 else {
+                    if (this.beforeRedirect)
+                        await this.beforeRedirect(notification.requestChecking.redirect);
                     let newURL = this.sfCrudService.getURLRedirect(notification.requestChecking.redirect);
                     window.location.href = newURL;
                     window.location.reload();
@@ -3713,7 +3718,7 @@ class RegistroComponent {
         return Promise.resolve(this.sfCrudService.mascaras);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: RegistroComponent, deps: [{ token: GeneralService }, { token: i2.ActivatedRoute }, { token: i3$1.MessageService }, { token: SfCrudService }, { token: StepService }, { token: i6$2.SfSimuladorService }, { token: NotificationService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: RegistroComponent, isStandalone: true, selector: "sf-registro", inputs: { idKatios: "idKatios", trx: "trx", id: "id", user: "user", dataExt: "dataExt", ids: "ids", environment: "environment", buttonsFooterTemplate: "buttonsFooterTemplate", back_route: "back_route", showLoadingConfig: "showLoadingConfig", loadingTemplate: "loadingTemplate", showHeader: "showHeader", showCssClass: "showCssClass", idEntidad: "idEntidad" }, outputs: { sendData: "sendData", onSubmit: "onSubmit", onLoaded: "onLoaded" }, host: { properties: { "style.--primary-color": "this.color", "style.--secondary-color": "this.color2", "style.--button-color": "this.colorButton" } }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"showLoadingConfig && loadingTemplate && !sfCrudService.crudLoaded; else content\">\r\n    <ng-container *ngTemplateOutlet=\"loadingTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #content>\r\n    <div class=\"card\">\r\n        <!--TODO convertir en template y editarla en -->\r\n        <h5 *ngIf=\"sfCrudService.registros.length >= 1 && showHeader\" class=\"card-header mb-2\"\r\n            style=\"display: flex; justify-content: space-between;align-items: center;\">\r\n            <span>{{sfCrudService.registros[0]?.label || idForm.replaceAll('_', ' ')}} {{ids.length > 0 ? '-' + ids[0] :\r\n                ''}}</span>\r\n            <button *ngIf=\"sfCrudService.registros[0]?.canBack\" pButton pRipple type=\"button\" icon=\"pi pi-arrow-left\"\r\n                (click)=\"back()\"></button>\r\n        </h5>\r\n        <div *ngIf=\"items.length > 1\">\r\n            <app-step [items]=\"items\"></app-step>\r\n        </div>\r\n        <div *ngIf=\"items.length == 1\">\r\n            <app-form [data]=\"sfCrudService.dataset[0]\" [esquema]=\"sfCrudService.esquemas[0]\"\r\n                [uiEsquema]=\"sfCrudService.uiEsquemas[0]\" [isDialog]=\"false\" [showCss]=\"showCssClass\"></app-form>\r\n\r\n            <!--renderizar un codigo personalizado desde el componente padre o renderizar el que se tiene por defecto-->\r\n            <ng-container *ngTemplateOutlet=\"buttonsFooterTemplate || defaultButtonsFooterTemplate\"></ng-container>\r\n            <ng-template #defaultButtonsFooterTemplate>\r\n                <div class=\"card-footer mt-2\" *ngIf=\"btnSubmit\">\r\n                    <button pButton pRipple type=\"button\" [icon]=\"btnSubmit.icon\" [label]=\"btnSubmit.label\"\r\n                        (click)=\"onClickBtnSubmit()\"></button>\r\n                </div>\r\n            </ng-template>\r\n        </div>\r\n    </div>\r\n\r\n    <span *ngFor=\"let item of dialogElements; let $index=index\">\r\n        <p-dialog [(visible)]=\"displays[$index]\" [modal]=\"true\" [header]=\"'Detalle'\" [closable]=\"false\">\r\n            <!-- TODO header = currentElement.element.label ? currentElement.element.label: -->\r\n            <app-form [data]=\"item.data\" [esquema]=\"item.esquema\" [uiEsquema]=\"item.uiEsquema\" [isDialog]=\"true\"\r\n                [id]=\"ids[indexCrud]\" [isAddressDialog]=\"item.isAddressDialog === true\"\r\n                [separador]=\"item.separador\"></app-form>\r\n            <ng-template pTemplate=\"footer\">\r\n                <p-button icon=\"pi pi-times\" (onClick)=\"removeDialogItem()\" label=\"Cancelar\"></p-button>\r\n                <p-button icon=\"pi pi-check\" [disabled]=\"item.esquema.disabled === true\"\r\n                    (onClick)=\"onCloseDialog($index)\" label=\"Ok\" pAutoFocus [autofocus]=\"true\"></p-button>\r\n            </ng-template>\r\n        </p-dialog>\r\n    </span>\r\n</ng-template>", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CardModule }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "component", type: i7.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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: StepComponent, selector: "app-step", inputs: ["items"] }, { kind: "component", type: FormComponent, selector: "app-form", inputs: ["uiEsquema", "esquema", "data", "isDialog", "isAddressDialog", "separador", "showCss"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i10$2.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: FormsModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: RegistroComponent, isStandalone: true, selector: "sf-registro", inputs: { idKatios: "idKatios", trx: "trx", id: "id", user: "user", dataExt: "dataExt", ids: "ids", environment: "environment", buttonsFooterTemplate: "buttonsFooterTemplate", back_route: "back_route", showLoadingConfig: "showLoadingConfig", loadingTemplate: "loadingTemplate", showHeader: "showHeader", showCssClass: "showCssClass", beforeRedirect: "beforeRedirect", idEntidad: "idEntidad" }, outputs: { sendData: "sendData", onSubmit: "onSubmit", onLoaded: "onLoaded" }, host: { properties: { "style.--primary-color": "this.color", "style.--secondary-color": "this.color2", "style.--button-color": "this.colorButton" } }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"showLoadingConfig && loadingTemplate && !sfCrudService.crudLoaded; else content\">\r\n    <ng-container *ngTemplateOutlet=\"loadingTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #content>\r\n    <div class=\"card\">\r\n        <!--TODO convertir en template y editarla en -->\r\n        <h5 *ngIf=\"sfCrudService.registros.length >= 1 && showHeader\" class=\"card-header mb-2\"\r\n            style=\"display: flex; justify-content: space-between;align-items: center;\">\r\n            <span>{{sfCrudService.registros[0]?.label || idForm.replaceAll('_', ' ')}} {{ids.length > 0 ? '-' + ids[0] :\r\n                ''}}</span>\r\n            <button *ngIf=\"sfCrudService.registros[0]?.canBack\" pButton pRipple type=\"button\" icon=\"pi pi-arrow-left\"\r\n                (click)=\"back()\"></button>\r\n        </h5>\r\n        <div *ngIf=\"items.length > 1\">\r\n            <app-step [items]=\"items\"></app-step>\r\n        </div>\r\n        <div *ngIf=\"items.length == 1\">\r\n            <app-form [data]=\"sfCrudService.dataset[0]\" [esquema]=\"sfCrudService.esquemas[0]\"\r\n                [uiEsquema]=\"sfCrudService.uiEsquemas[0]\" [isDialog]=\"false\" [showCss]=\"showCssClass\"></app-form>\r\n\r\n            <!--renderizar un codigo personalizado desde el componente padre o renderizar el que se tiene por defecto-->\r\n            <ng-container *ngTemplateOutlet=\"buttonsFooterTemplate || defaultButtonsFooterTemplate\"></ng-container>\r\n            <ng-template #defaultButtonsFooterTemplate>\r\n                <div class=\"card-footer mt-2\" *ngIf=\"btnSubmit\">\r\n                    <button pButton pRipple type=\"button\" [icon]=\"btnSubmit.icon\" [label]=\"btnSubmit.label\"\r\n                        (click)=\"onClickBtnSubmit()\"></button>\r\n                </div>\r\n            </ng-template>\r\n        </div>\r\n    </div>\r\n\r\n    <span *ngFor=\"let item of dialogElements; let $index=index\">\r\n        <p-dialog [(visible)]=\"displays[$index]\" [modal]=\"true\" [header]=\"'Detalle'\" [closable]=\"false\">\r\n            <!-- TODO header = currentElement.element.label ? currentElement.element.label: -->\r\n            <app-form [data]=\"item.data\" [esquema]=\"item.esquema\" [uiEsquema]=\"item.uiEsquema\" [isDialog]=\"true\"\r\n                [id]=\"ids[indexCrud]\" [isAddressDialog]=\"item.isAddressDialog === true\"\r\n                [separador]=\"item.separador\"></app-form>\r\n            <ng-template pTemplate=\"footer\">\r\n                <p-button icon=\"pi pi-times\" (onClick)=\"removeDialogItem()\" label=\"Cancelar\"></p-button>\r\n                <p-button icon=\"pi pi-check\" [disabled]=\"item.esquema.disabled === true\"\r\n                    (onClick)=\"onCloseDialog($index)\" label=\"Ok\" pAutoFocus [autofocus]=\"true\"></p-button>\r\n            </ng-template>\r\n        </p-dialog>\r\n    </span>\r\n</ng-template>", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CardModule }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "component", type: i7.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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: StepComponent, selector: "app-step", inputs: ["items"] }, { kind: "component", type: FormComponent, selector: "app-form", inputs: ["uiEsquema", "esquema", "data", "isDialog", "isAddressDialog", "separador", "showCss"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i10$2.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: FormsModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: RegistroComponent, decorators: [{
             type: Component,
@@ -3759,6 +3764,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 type: Output
             }], onLoaded: [{
                 type: Output
+            }], beforeRedirect: [{
+                type: Input
             }], idEntidad: [{
                 type: Input
             }] } });