sf-crud 11.0.1-beta1

package/esm2015/public-api.js

@@ -0,0 +1,9 @@
+/*
+ * Public API Surface of sf-crud
+ */
+export * from './lib/components/tablero/tablero.component';
+export * from './lib/components/registro/registro.component';
+export * from './lib/sf-crud.component';
+export * from './lib/sf-crud.module';
+export * from './lib/sf-crud.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NmLWNydWQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygc2YtY3J1ZFxyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdGFibGVyby90YWJsZXJvLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvcmVnaXN0cm8vcmVnaXN0cm8uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2YtY3J1ZC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZi1jcnVkLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NmLWNydWQuc2VydmljZSc7XHJcbiJdfQ==

package/esm2015/public-api.ngsummary.json

@@ -0,0 +1 @@
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbol":1,"members":[]}},{"symbol":{"__symbol":2,"members":[]},"metadata":{"__symbol":3,"members":[]}},{"symbol":{"__symbol":4,"members":[]},"metadata":{"__symbol":5,"members":[]}},{"symbol":{"__symbol":6,"members":[]},"metadata":{"__symbol":7,"members":[]}},{"symbol":{"__symbol":8,"members":[]},"metadata":{"__symbol":9,"members":[]}}],"symbols":[{"__symbol":0,"name":"TableroComponent","filePath":"./public-api"},{"__symbol":1,"name":"TableroComponent","filePath":"./lib/components/tablero/tablero.component"},{"__symbol":2,"name":"RegistroComponent","filePath":"./public-api"},{"__symbol":3,"name":"RegistroComponent","filePath":"./lib/components/registro/registro.component"},{"__symbol":4,"name":"SfCrudComponent","filePath":"./public-api"},{"__symbol":5,"name":"SfCrudComponent","filePath":"./lib/sf-crud.component"},{"__symbol":6,"name":"SfCrudModule","filePath":"./public-api"},{"__symbol":7,"name":"SfCrudModule","filePath":"./lib/sf-crud.module"},{"__symbol":8,"name":"SfCrudService","filePath":"./public-api"},{"__symbol":9,"name":"SfCrudService","filePath":"./lib/sf-crud.service"}]}

package/esm2015/sf-crud.js

@@ -0,0 +1,7 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+export { ControlComponent as ɵb } from './lib/components/control/control.component';
+export { GeneralService as ɵa } from './lib/shared/services/general.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2YtY3J1ZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NmLWNydWQvc3JjL3NmLWNydWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQztBQUU3QixPQUFPLEVBQUMsZ0JBQWdCLElBQUksRUFBRSxFQUFDLE1BQU0sNENBQTRDLENBQUM7QUFDbEYsT0FBTyxFQUFDLGNBQWMsSUFBSSxFQUFFLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcblxuZXhwb3J0IHtDb250cm9sQ29tcG9uZW50IGFzIMm1Yn0gZnJvbSAnLi9saWIvY29tcG9uZW50cy9jb250cm9sL2NvbnRyb2wuY29tcG9uZW50JztcbmV4cG9ydCB7R2VuZXJhbFNlcnZpY2UgYXMgybVhfSBmcm9tICcuL2xpYi9zaGFyZWQvc2VydmljZXMvZ2VuZXJhbC5zZXJ2aWNlJzsiXX0=

package/esm2015/sf-crud.ngsummary.json

@@ -0,0 +1 @@
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbol":1,"members":[]}},{"symbol":{"__symbol":2,"members":[]},"metadata":{"__symbol":3,"members":[]}},{"symbol":{"__symbol":4,"members":[]},"metadata":{"__symbol":5,"members":[]}},{"symbol":{"__symbol":6,"members":[]},"metadata":{"__symbol":7,"members":[]}},{"symbol":{"__symbol":8,"members":[]},"metadata":{"__symbol":9,"members":[]}},{"symbol":{"__symbol":10,"members":[]},"metadata":{"__symbol":11,"members":[]}},{"symbol":{"__symbol":12,"members":[]},"metadata":{"__symbol":13,"members":[]}}],"symbols":[{"__symbol":0,"name":"TableroComponent","filePath":"./sf-crud"},{"__symbol":1,"name":"TableroComponent","filePath":"./public-api"},{"__symbol":2,"name":"RegistroComponent","filePath":"./sf-crud"},{"__symbol":3,"name":"RegistroComponent","filePath":"./public-api"},{"__symbol":4,"name":"SfCrudComponent","filePath":"./sf-crud"},{"__symbol":5,"name":"SfCrudComponent","filePath":"./public-api"},{"__symbol":6,"name":"SfCrudModule","filePath":"./sf-crud"},{"__symbol":7,"name":"SfCrudModule","filePath":"./public-api"},{"__symbol":8,"name":"SfCrudService","filePath":"./sf-crud"},{"__symbol":9,"name":"SfCrudService","filePath":"./public-api"},{"__symbol":10,"name":"ɵb","filePath":"./sf-crud"},{"__symbol":11,"name":"ControlComponent","filePath":"./lib/components/control/control.component"},{"__symbol":12,"name":"ɵa","filePath":"./sf-crud"},{"__symbol":13,"name":"GeneralService","filePath":"./lib/shared/services/general.service"}]}

package/fesm2015/sf-crud.js

@@ -0,0 +1,555 @@
+import { ɵɵdefineInjectable, ɵɵinject, Injectable, Component, Input, EventEmitter, Output, NgModule } from '@angular/core';
+import { Router } from '@angular/router';
+import { __awaiter } from 'tslib';
+import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { query, value } from 'jsonpath';
+import { MessageService } from 'primeng/api';
+import { FormsModule } from '@angular/forms';
+import { AccordionModule } from 'primeng/accordion';
+import { AvatarModule } from 'primeng/avatar';
+import { AvatarGroupModule } from 'primeng/avatargroup';
+import { BadgeModule } from 'primeng/badge';
+import { BlockUIModule } from 'primeng/blockui';
+import { BreadcrumbModule } from 'primeng/breadcrumb';
+import { ButtonModule } from 'primeng/button';
+import { CalendarModule } from 'primeng/calendar';
+import { CardModule } from 'primeng/card';
+import { CarouselModule } from 'primeng/carousel';
+import { CascadeSelectModule } from 'primeng/cascadeselect';
+import { CheckboxModule } from 'primeng/checkbox';
+import { ChipModule } from 'primeng/chip';
+import { ChipsModule } from 'primeng/chips';
+import { CodeHighlighterModule } from 'primeng/codehighlighter';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
+import { ConfirmPopupModule } from 'primeng/confirmpopup';
+import { ColorPickerModule } from 'primeng/colorpicker';
+import { ContextMenuModule } from 'primeng/contextmenu';
+import { DialogModule } from 'primeng/dialog';
+import { DividerModule } from 'primeng/divider';
+import { DropdownModule } from 'primeng/dropdown';
+import { FieldsetModule } from 'primeng/fieldset';
+import { FileUploadModule } from 'primeng/fileupload';
+import { GalleriaModule } from 'primeng/galleria';
+import { InplaceModule } from 'primeng/inplace';
+import { InputNumberModule } from 'primeng/inputnumber';
+import { InputMaskModule } from 'primeng/inputmask';
+import { InputSwitchModule } from 'primeng/inputswitch';
+import { InputTextModule } from 'primeng/inputtext';
+import { InputTextareaModule } from 'primeng/inputtextarea';
+import { KnobModule } from 'primeng/knob';
+import { LightboxModule } from 'primeng/lightbox';
+import { ListboxModule } from 'primeng/listbox';
+import { MegaMenuModule } from 'primeng/megamenu';
+import { MenuModule } from 'primeng/menu';
+import { MenubarModule } from 'primeng/menubar';
+import { MessagesModule } from 'primeng/messages';
+import { MessageModule } from 'primeng/message';
+import { MultiSelectModule } from 'primeng/multiselect';
+import { OrganizationChartModule } from 'primeng/organizationchart';
+import { OverlayPanelModule } from 'primeng/overlaypanel';
+import { PanelModule } from 'primeng/panel';
+import { PanelMenuModule } from 'primeng/panelmenu';
+import { PasswordModule } from 'primeng/password';
+import { ProgressBarModule } from 'primeng/progressbar';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import { RatingModule } from 'primeng/rating';
+import { RippleModule } from 'primeng/ripple';
+import { ScrollPanelModule } from 'primeng/scrollpanel';
+import { ScrollTopModule } from 'primeng/scrolltop';
+import { SelectButtonModule } from 'primeng/selectbutton';
+import { SidebarModule } from 'primeng/sidebar';
+import { SkeletonModule } from 'primeng/skeleton';
+import { SlideMenuModule } from 'primeng/slidemenu';
+import { SliderModule } from 'primeng/slider';
+import { SplitterModule } from 'primeng/splitter';
+import { StepsModule } from 'primeng/steps';
+import { TableModule } from 'primeng/table';
+import { TabMenuModule } from 'primeng/tabmenu';
+import { TabViewModule } from 'primeng/tabview';
+import { TagModule } from 'primeng/tag';
+import { TerminalModule } from 'primeng/terminal';
+import { TieredMenuModule } from 'primeng/tieredmenu';
+import { TimelineModule } from 'primeng/timeline';
+import { ToastModule } from 'primeng/toast';
+import { ToggleButtonModule } from 'primeng/togglebutton';
+import { ToolbarModule } from 'primeng/toolbar';
+import { TooltipModule } from 'primeng/tooltip';
+import { TreeModule } from 'primeng/tree';
+
+class GeneralService {
+    constructor(http) {
+        var _a;
+        this.http = http;
+        this.generales = '';
+        this.jsonConfig = JSON.parse(sessionStorage.getItem('ConfigJSON') || '{}');
+        this.generales = (_a = this.jsonConfig) === null || _a === void 0 ? void 0 : _a.ServidorGenerales;
+    }
+    getCrudByEntidad(idKatios, idEntidad) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.http.get(`${this.generales}crud/${idKatios}/${idEntidad}`)
+                .toPromise()
+                .then((res) => res.data)
+                .then(data => { return data; });
+        });
+    }
+    genericRequest(method, servidor, endpoint, data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            switch (method) {
+                case 'GET':
+                    return this.http.get(`${this.jsonConfig[servidor]}${endpoint}`)
+                        .toPromise();
+                case 'POST':
+                    return this.http.post(`${this.jsonConfig[servidor]}${endpoint}`, data)
+                        .toPromise();
+                case 'PUT':
+                    return this.http.put(`${this.jsonConfig[servidor]}${endpoint}`, data)
+                        .toPromise();
+                case 'DELETE':
+                    return this.http.delete(`${this.jsonConfig[servidor]}${endpoint}`, data)
+                        .toPromise();
+                default:
+                    return;
+            }
+        });
+    }
+}
+GeneralService.ɵprov = ɵɵdefineInjectable({ factory: function GeneralService_Factory() { return new GeneralService(ɵɵinject(HttpClient)); }, token: GeneralService, providedIn: "root" });
+GeneralService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+GeneralService.ctorParameters = () => [
+    { type: HttpClient }
+];
+
+class Shema {
+    constructor() {
+        this.type = '';
+    }
+}
+
+class CrudConfig {
+    constructor() {
+        this.idEntidad = '';
+        this.tablero = new ConfigTablero();
+        this.esquema = new Shema();
+        this.registro = new ConfigRegistro();
+    }
+}
+class ConfigTablero {
+    constructor() {
+        this.columns = [];
+        this.endpoint = '';
+        this.method = '';
+        this.server = '';
+        this.key = '';
+        this.filters = [];
+    }
+}
+class ConfigRegistro {
+    constructor() {
+        this.operations = [];
+        this.btnBack = '';
+    }
+}
+class Operations {
+    constructor() {
+        this.type = '';
+        this.server = '';
+        this.endpoint = '';
+        this.method = '';
+        this.validations = new Validations();
+    }
+}
+class Validations {
+    constructor() {
+        this.type = '';
+        this.required = [];
+        this.server = '';
+        this.endpoint = '';
+    }
+}
+
+class TableroComponent {
+    constructor(generalService, router) {
+        this.generalService = generalService;
+        this.router = router;
+        this.opciones = [];
+        this.idEntidad = '';
+        this.idKatios = '';
+        this.crudConfig = new CrudConfig();
+        this.enProceso = false;
+        this.data = [];
+        this.btn = { create: undefined, read: undefined, update: undefined, delete: undefined };
+    }
+    ngOnInit() {
+        this.loadConfigCrud();
+    }
+    loadConfigCrud() {
+        this.enProceso = true;
+        this.generalService.getCrudByEntidad(this.idKatios, this.idEntidad)
+            .then(res => {
+            this.crudConfig = res;
+            this.getInfoTablero(this.crudConfig.tablero);
+            this.loadOptions();
+        })
+            .catch(err => {
+            console.log(err);
+            this.enProceso = false;
+        });
+    }
+    getInfoTablero(configTablero) {
+        this.generalService.genericRequest(configTablero.method, configTablero.server, configTablero.endpoint)
+            .then((res) => {
+            this.data = res.data;
+            this.enProceso = false;
+        })
+            .catch(err => {
+            console.log(err);
+            this.enProceso = false;
+        });
+    }
+    loadOptions() {
+        this.btn.create = this.opciones.find(x => x.label == 'Crear');
+        this.btn.read = this.opciones.find(x => x.label == 'Visualizar');
+        this.btn.update = this.opciones.find(x => x.label == 'Editar');
+        this.btn.delete = this.opciones.find(x => x.label == 'Eliminar');
+    }
+    redirect(data, accion) {
+        var _a, _b;
+        switch (accion) {
+            case 'create':
+                this.router.navigateByUrl(((_b = (_a = this.btn.create) === null || _a === void 0 ? void 0 : _a.valor) === null || _b === void 0 ? void 0 : _b.redirect) || '');
+                break;
+            case 'read':
+                this.router.navigateByUrl(this.btn.read.valor.redirect.replace('$id', data[this.crudConfig.tablero.key]));
+                break;
+            case 'update':
+                this.router.navigateByUrl(this.btn.update.valor.redirect.replace('$id', data[this.crudConfig.tablero.key]));
+                break;
+            case 'delete':
+                this.router.navigateByUrl(this.btn.delete.valor.redirect.replace('$id', data[this.crudConfig.tablero.key]));
+                break;
+            default:
+                break;
+        }
+    }
+}
+TableroComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sf-crudtablero',
+                template: "<p-blockUI [blocked]=\"enProceso\">\r\n    <i class=\"pi pi-cog pi-spin\" style=\"font-size: 50px\"></i>\r\n</p-blockUI>\r\n\r\n<div class=\"card\" *ngIf=\"!enProceso\">\r\n    <p-toolbar styleClass=\"mb-4 gap-2\">\r\n        <ng-template pTemplate=\"left\">\r\n            <button *ngIf=\"btn.create\" pButton pRipple [label]=\"btn.create.label\" [icon]=\"btn.create.icon\"\r\n                class=\"p-button-success mr-2\" (click)=\"redirect(rowData, 'create')\"></button>\r\n        </ng-template>\r\n    </p-toolbar>\r\n    <p-table #dt [columns]=\"crudConfig.tablero.columns\" [value]=\"data\" [rowHover]=\"true\" [rows]=\"10\" [paginator]=\"true\"\r\n        [globalFilterFields]=\"crudConfig.tablero?.filters || []\" [tableStyle]=\"{'min-width': '75rem'}\"\r\n        currentPageReportTemplate=\"Registro {first} al {last} de {totalRecords} {{idEntidad}}\"\r\n        [showCurrentPageReport]=\"true\">\r\n        <ng-template pTemplate=\"caption\">\r\n            <div class=\"flex align-items-center justify-content-between\">\r\n                <h5 class=\"m-0\">{{idEntidad}}</h5>\r\n                <span class=\"p-input-icon-left\">\r\n                    <i class=\"pi pi-search\"></i>\r\n                    <input pInputText type=\"text\" (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\r\n                        placeholder=\"Buscar...\" />\r\n                </span>\r\n            </div>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"header\" let-columns>\r\n            <tr>\r\n                <th *ngFor=\"let col of columns\">\r\n                    {{col.label}}\r\n                </th>\r\n                <th>Acci\u00F3n</th>\r\n            </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n            <tr>\r\n                <td *ngFor=\"let col of columns\">\r\n                    {{rowData[col.col]}}\r\n                </td>\r\n                <th>\r\n                    <button *ngIf=\"btn.read\" pButton pRipple [pTooltip]=\"btn.read.label\" [icon]=\"btn.read.icon\"\r\n                        class=\"p-button-rounded p-button-info mr-2\" (click)=\"redirect(rowData, 'read')\"></button>\r\n                    <button *ngIf=\"btn.update\" pButton pRipple [pTooltip]=\"btn.update.label\" [icon]=\"btn.update.icon\"\r\n                        class=\"p-button-rounded p-button-warning mr-2\" (click)=\"redirect(rowData, 'update')\"></button>\r\n                    <button *ngIf=\"btn.delete\" pButton pRipple [pTooltip]=\"btn.delete.label\" [icon]=\"btn.delete.icon\"\r\n                        class=\"p-button-rounded p-button-danger mr-2\" (click)=\"redirect(rowData, 'delete')\"></button>\r\n                </th>\r\n            </tr>\r\n        </ng-template>\r\n    </p-table>\r\n</div>"
+            },] }
+];
+TableroComponent.ctorParameters = () => [
+    { type: GeneralService },
+    { type: Router }
+];
+TableroComponent.propDecorators = {
+    opciones: [{ type: Input }],
+    idEntidad: [{ type: Input }],
+    idKatios: [{ type: Input }]
+};
+
+class RegistroComponent {
+    constructor(generalService, router, messageSerice) {
+        this.generalService = generalService;
+        this.router = router;
+        this.messageSerice = messageSerice;
+        this.idKatios = '';
+        this.idEntidad = '';
+        this.trx = '';
+        this.id = '';
+        this.enProceso = false;
+        this.crudConfig = new CrudConfig();
+        this.configOperation = new Operations();
+    }
+    ngOnInit() {
+        this.loadConfigCrud();
+        this.setLabelSumbit();
+    }
+    loadConfigCrud() {
+        this.enProceso = true;
+        this.generalService.getCrudByEntidad(this.idKatios, this.idEntidad)
+            .then(res => {
+            this.crudConfig = res;
+            if (this.trx != 'c')
+                this.getInfoRegistro(this.crudConfig.registro);
+            else {
+                this.data = this.createObject(this.crudConfig.esquema);
+                this.enProceso = false;
+            }
+            this.configOperation = this.crudConfig.registro.operations.find(x => x.type.startsWith(this.trx)) || new Operations();
+        })
+            .catch(err => {
+            console.log(err);
+            this.enProceso = false;
+        });
+    }
+    setLabelSumbit() {
+        if (this.trx == 'c')
+            this.btnSubmit = { label: 'Guardar', icon: 'pi pi-save' };
+        else if (this.trx == 'r')
+            this.btnSubmit = undefined;
+        else if (this.trx == 'u')
+            this.btnSubmit = { label: 'Actualizar', icon: 'pi pi-sync' };
+        else if (this.trx == 'd')
+            this.btnSubmit = { label: 'Eliminar', icon: 'pi pi-trash' };
+    }
+    getInfoRegistro(configRegistro) {
+        let op = configRegistro.operations.find(x => x.type == 'read');
+        let endpoint = (op === null || op === void 0 ? void 0 : op.endpoint) || '';
+        endpoint = endpoint.replace('@idKatios', this.idKatios);
+        endpoint = endpoint.replace('@id', this.id);
+        this.generalService.genericRequest((op === null || op === void 0 ? void 0 : op.method) || '', (op === null || op === void 0 ? void 0 : op.server) || '', endpoint)
+            .then((res) => {
+            this.data = res.data;
+            this.enProceso = false;
+        })
+            .catch(err => {
+            console.log(err);
+            this.enProceso = false;
+        });
+    }
+    back() {
+        this.router.navigateByUrl(this.crudConfig.registro.btnBack);
+    }
+    getControl(scope) {
+        return query(this.crudConfig.esquema, scope)[0];
+    }
+    getValue(scope) {
+        return query(this.data, scope.replace('.properties', ''))[0];
+    }
+    setValue(value$1, scope) {
+        value(this.data, scope.replace('.properties', ''), value$1);
+    }
+    createObject(esquema) {
+        let object = {};
+        switch (esquema.type) {
+            case 'string':
+            case 'number':
+                return (esquema === null || esquema === void 0 ? void 0 : esquema.default) || null;
+            case 'boolean':
+                return (esquema === null || esquema === void 0 ? void 0 : esquema.default) || false;
+            case 'object':
+                for (const key in esquema === null || esquema === void 0 ? void 0 : esquema.properties) {
+                    Object.defineProperty(object, key, { value: this.createObject(esquema === null || esquema === void 0 ? void 0 : esquema.properties[key]), writable: true, enumerable: true, configurable: true });
+                }
+                break;
+            default:
+                break;
+        }
+        return object;
+    }
+    submit() {
+        if (!this.validateData())
+            return;
+        this.enProceso = true;
+        let endpoint = this.configOperation.endpoint;
+        endpoint = endpoint.replace('@idKatios', this.idKatios);
+        endpoint = endpoint.replace('@id', this.id);
+        this.generalService.genericRequest(this.configOperation.method, this.configOperation.server, endpoint, this.data)
+            .then(() => {
+            this.messageSerice.add({ severity: 'success', detail: `Proceso exitoso!` });
+            setTimeout(() => {
+                this.enProceso = false;
+                this.back();
+            }, 2000);
+        })
+            .catch(err => {
+            var _a;
+            this.messageSerice.add({ severity: 'warn', detail: `${((_a = err === null || err === void 0 ? void 0 : err.error) === null || _a === void 0 ? void 0 : _a.message) || 'Error no controlado, por favor comunicarse con del admin.'}` });
+            this.enProceso = false;
+        });
+    }
+    validateData() {
+        if (this.configOperation.validations.type == 'local')
+            return this.validateDataLocal();
+        return true;
+    }
+    validateDataLocal() {
+        let err = [];
+        this.configOperation.validations.required.forEach(x => {
+            if (!query(this.data, x.field)[0])
+                err.push(x.message);
+        });
+        if (err.length != 0)
+            this.messageSerice.add({ severity: 'warn', detail: err.join('. ') });
+        return err.length == 0;
+    }
+}
+RegistroComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sf-registro',
+                template: "<p-blockUI [blocked]=\"enProceso\">\r\n    <i class=\"pi pi-cog pi-spin\" style=\"font-size: 50px\"></i>\r\n</p-blockUI>\r\n\r\n<p-toast></p-toast>\r\n\r\n<div class=\"card\" *ngIf=\"!enProceso\">\r\n    <h5 class=\"card-header mb-2\" style=\"display: flex; justify-content: space-between;align-items: center;\">\r\n        <span>{{idEntidad}} {{id != '' ? '-' + id : ''}}</span>\r\n        <button pButton pRipple type=\"button\" icon=\"pi pi-arrow-left\" (click)=\"back()\"></button>\r\n    </h5>\r\n    <div *ngFor=\"let element of crudConfig.uiEsquema.elements\" [class]=\"element?.class\">\r\n        <ng-container [ngSwitch]=\"element.type\">\r\n            <div *ngSwitchCase=\"'Label'\" [style]=\"element?.style\">\r\n                {{element?.label}}\r\n            </div>\r\n            <ng-container *ngSwitchCase=\"'HorizontalLayout'\">\r\n                <div *ngFor=\"let el of element.elements\" [class]=\"el?.class\">\r\n                    <ng-container [ngSwitch]=\"el.type\" >\r\n                        <sf-control *ngSwitchCase=\"'Control'\" [control]=\"getControl(el.scope)\" [label]=\"el.label\" [value]=\"getValue(el.scope)\" (setValue)=\"setValue($event, el.scope)\"></sf-control>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            <div *ngSwitchCase=\"'Control'\">\r\n                <sf-control *ngSwitchCase=\"'Control'\" [control]=\"getControl(element.scope)\" [label]=\"element.label\"></sf-control>\r\n            </div>\r\n        </ng-container>\r\n    </div>\r\n    <div class=\"card-footer\" *ngIf=\"btnSubmit\">\r\n        <button pButton pRipple type=\"button\" [icon]=\"btnSubmit.icon\" [label]=\"btnSubmit.label\" (click)=\"submit()\"></button>\r\n    </div>\r\n</div>",
+                providers: [MessageService]
+            },] }
+];
+RegistroComponent.ctorParameters = () => [
+    { type: GeneralService },
+    { type: Router },
+    { type: MessageService }
+];
+RegistroComponent.propDecorators = {
+    idKatios: [{ type: Input }],
+    idEntidad: [{ type: Input }],
+    trx: [{ type: Input }],
+    id: [{ type: Input }]
+};
+
+class SfCrudComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+SfCrudComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-sf-crud',
+                template: `
+    <p>
+      sf-crud works!
+    </p>
+  `
+            },] }
+];
+SfCrudComponent.ctorParameters = () => [];
+
+class ControlComponent {
+    constructor() {
+        this.label = '';
+        this.setValue = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    sendValue() {
+        this.setValue.emit(this.value);
+    }
+}
+ControlComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'sf-control',
+                template: "<ng-container [ngSwitch]=\"control.type\">\r\n    <ng-container *ngSwitchCase=\"'string'\">\r\n        <label>{{label}}</label>\r\n        <ng-container *ngIf=\"!control?.enum\">\r\n            <input pInputText type=\"text\" [(ngModel)]=\"value\" (focusout)=\"sendValue()\">\r\n        </ng-container>\r\n        <ng-container *ngIf=\"control?.enum\">\r\n            <p-dropdown [options]=\"control.enum\" [(ngModel)]=\"value\" (onChange)=\"sendValue()\" placeholder=\"Seleccione una opci\u00F3n\"></p-dropdown>\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-container>\r\n"
+            },] }
+];
+ControlComponent.ctorParameters = () => [];
+ControlComponent.propDecorators = {
+    control: [{ type: Input }],
+    label: [{ type: Input }],
+    value: [{ type: Input }],
+    setValue: [{ type: Output }]
+};
+
+class SfCrudModule {
+}
+SfCrudModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    SfCrudComponent,
+                    TableroComponent,
+                    RegistroComponent,
+                    ControlComponent
+                ],
+                imports: [
+                    AccordionModule,
+                    AvatarGroupModule,
+                    AvatarModule,
+                    BadgeModule,
+                    BlockUIModule,
+                    BreadcrumbModule,
+                    ButtonModule,
+                    CalendarModule,
+                    CardModule,
+                    CarouselModule,
+                    CascadeSelectModule,
+                    CheckboxModule,
+                    ChipModule,
+                    ChipsModule,
+                    CodeHighlighterModule,
+                    ColorPickerModule,
+                    ConfirmDialogModule,
+                    ConfirmPopupModule,
+                    ContextMenuModule,
+                    DialogModule,
+                    DividerModule,
+                    DropdownModule,
+                    FieldsetModule,
+                    FileUploadModule,
+                    FormsModule,
+                    GalleriaModule,
+                    HttpClientModule,
+                    InplaceModule,
+                    InputMaskModule,
+                    InputNumberModule,
+                    InputSwitchModule,
+                    InputTextareaModule,
+                    InputTextModule,
+                    KnobModule,
+                    LightboxModule,
+                    ListboxModule,
+                    MegaMenuModule,
+                    MenubarModule,
+                    MenuModule,
+                    MessageModule,
+                    MessagesModule,
+                    MultiSelectModule,
+                    OrganizationChartModule,
+                    OverlayPanelModule,
+                    PanelMenuModule,
+                    PanelModule,
+                    PasswordModule,
+                    ProgressBarModule,
+                    RadioButtonModule,
+                    RatingModule,
+                    RippleModule,
+                    ScrollPanelModule,
+                    ScrollTopModule,
+                    SelectButtonModule,
+                    SidebarModule,
+                    SkeletonModule,
+                    SlideMenuModule,
+                    SliderModule,
+                    SplitterModule,
+                    StepsModule,
+                    TableModule,
+                    TabMenuModule,
+                    TabViewModule,
+                    TagModule,
+                    TerminalModule,
+                    TieredMenuModule,
+                    TimelineModule,
+                    ToastModule,
+                    ToggleButtonModule,
+                    ToolbarModule,
+                    TooltipModule,
+                    TreeModule,
+                ],
+                exports: [
+                    SfCrudComponent,
+                    TableroComponent,
+                    RegistroComponent
+                ]
+            },] }
+];
+
+class SfCrudService {
+    constructor() { }
+}
+SfCrudService.ɵprov = ɵɵdefineInjectable({ factory: function SfCrudService_Factory() { return new SfCrudService(); }, token: SfCrudService, providedIn: "root" });
+SfCrudService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+SfCrudService.ctorParameters = () => [];
+
+/*
+ * Public API Surface of sf-crud
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RegistroComponent, SfCrudComponent, SfCrudModule, SfCrudService, TableroComponent, GeneralService as ɵa, ControlComponent as ɵb };
+//# sourceMappingURL=sf-crud.js.map