sf-crud 12.0.1-beta1

package/fesm2015/sf-crud.js

@@ -0,0 +1,733 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, Input, EventEmitter, Output, NgModule } from '@angular/core';
+import { __awaiter } from 'tslib';
+import * as i1 from '@angular/common/http';
+import { HttpClientModule } from '@angular/common/http';
+import * as i2 from '@angular/router';
+import * as i3 from 'primeng/blockui';
+import { BlockUIModule } from 'primeng/blockui';
+import * as i4 from 'primeng/toolbar';
+import { ToolbarModule } from 'primeng/toolbar';
+import * as i5 from 'primeng/table';
+import { TableModule } from 'primeng/table';
+import * as i7 from '@angular/common';
+import * as i3$1 from 'primeng/api';
+import { MessageService } from 'primeng/api';
+import * as i8 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i9 from 'primeng/ripple';
+import { RippleModule } from 'primeng/ripple';
+import * as i10 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i11 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import * as jsonpath from 'jsonpath';
+import * as i5$1 from 'primeng/toast';
+import { ToastModule } from 'primeng/toast';
+import * as i1$1 from 'primeng/dropdown';
+import { DropdownModule } from 'primeng/dropdown';
+import * as i3$2 from '@angular/forms';
+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 { BreadcrumbModule } from 'primeng/breadcrumb';
+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 { 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 { 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 { 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 { 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 { ToggleButtonModule } from 'primeng/togglebutton';
+import { TreeModule } from 'primeng/tree';
+
+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 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GeneralService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+GeneralService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GeneralService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GeneralService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TableroComponent, deps: [{ token: GeneralService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+TableroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TableroComponent, selector: "sf-crudtablero", inputs: { opciones: "opciones", idEntidad: "idEntidad", idKatios: "idKatios" }, ngImport: i0, template: "<p-blockUI [blocked]=\"enProceso\">\n    <i class=\"pi pi-cog pi-spin\" style=\"font-size: 50px\"></i>\n</p-blockUI>\n\n<div class=\"card\" *ngIf=\"!enProceso\">\n    <p-toolbar styleClass=\"mb-4 gap-2\">\n        <ng-template pTemplate=\"left\">\n            <button *ngIf=\"btn.create\" pButton pRipple [label]=\"btn.create.label\" [icon]=\"btn.create.icon\"\n                class=\"p-button-success mr-2\" (click)=\"redirect(rowData, 'create')\"></button>\n        </ng-template>\n    </p-toolbar>\n    <p-table #dt [columns]=\"crudConfig.tablero.columns\" [value]=\"data\" [rowHover]=\"true\" [rows]=\"10\" [paginator]=\"true\"\n        [globalFilterFields]=\"crudConfig.tablero?.filters || []\" [tableStyle]=\"{'min-width': '75rem'}\"\n        currentPageReportTemplate=\"Registro {first} al {last} de {totalRecords} {{idEntidad}}\"\n        [showCurrentPageReport]=\"true\">\n        <ng-template pTemplate=\"caption\">\n            <div class=\"flex align-items-center justify-content-between\">\n                <h5 class=\"m-0\">{{idEntidad}}</h5>\n                <span class=\"p-input-icon-left\">\n                    <i class=\"pi pi-search\"></i>\n                    <input pInputText type=\"text\" (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n                        placeholder=\"Buscar...\" />\n                </span>\n            </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                <th *ngFor=\"let col of columns\">\n                    {{col.label}}\n                </th>\n                <th>Acci\u00F3n</th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n            <tr>\n                <td *ngFor=\"let col of columns\">\n                    {{rowData[col.col]}}\n                </td>\n                <th>\n                    <button *ngIf=\"btn.read\" pButton pRipple [pTooltip]=\"btn.read.label\" [icon]=\"btn.read.icon\"\n                        class=\"p-button-rounded p-button-info mr-2\" (click)=\"redirect(rowData, 'read')\"></button>\n                    <button *ngIf=\"btn.update\" pButton pRipple [pTooltip]=\"btn.update.label\" [icon]=\"btn.update.icon\"\n                        class=\"p-button-rounded p-button-warning mr-2\" (click)=\"redirect(rowData, 'update')\"></button>\n                    <button *ngIf=\"btn.delete\" pButton pRipple [pTooltip]=\"btn.delete.label\" [icon]=\"btn.delete.icon\"\n                        class=\"p-button-rounded p-button-danger mr-2\" (click)=\"redirect(rowData, 'delete')\"></button>\n                </th>\n            </tr>\n        </ng-template>\n    </p-table>\n</div>", components: [{ type: i3.BlockUI, selector: "p-blockUI", inputs: ["autoZIndex", "baseZIndex", "blocked", "target", "styleClass"] }, { type: i4.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass"] }, { type: i5.Table, selector: "p-table", inputs: ["pageLinks", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "contextMenuSelectionMode", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "filterDelay", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "virtualScrollDelay", "virtualRowHeight", "columnResizeMode", "loadingIcon", "showLoader", "showInitialSortBadge", "stateStorage", "editMode", "totalRecords", "value", "columns", "first", "rows", "sortField", "sortOrder", "multiSortMeta", "selection", "contextMenuSelection", "frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "rowsPerPageOptions", "paginatorDropdownAppendTo", "showCurrentPageReport", "showJumpToPageDropdown", "selectionMode", "dataKey", "metaKeySelection", "globalFilterFields", "filterLocale", "scrollable", "scrollHeight", "virtualScroll", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "reorderableColumns", "loading", "rowHover", "customSort", "autoLayout", "exportFunction", "stateKey", "minBufferPx", "maxBufferPx"], outputs: ["selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i8.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i9.Ripple, selector: "[pRipple]" }, { type: i10.InputText, selector: "[pInputText]" }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TableroComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sf-crudtablero',
+                    templateUrl: './tablero.component.html'
+                }]
+        }], ctorParameters: function () { return [{ type: GeneralService }, { type: i2.Router }]; }, propDecorators: { opciones: [{
+                type: Input
+            }], idEntidad: [{
+                type: Input
+            }], idKatios: [{
+                type: Input
+            }] } });
+
+class ControlComponent {
+    constructor() {
+        this.label = '';
+        this.setValue = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    sendValue() {
+        this.setValue.emit(this.value);
+    }
+}
+ControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ControlComponent, selector: "sf-control", inputs: { control: "control", label: "label", value: "value" }, outputs: { setValue: "setValue" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"control.type\">\n    <ng-container *ngSwitchCase=\"'string'\">\n        <label>{{label}}</label>\n        <ng-container *ngIf=\"!control?.enum\">\n            <input pInputText type=\"text\" [(ngModel)]=\"value\" (focusout)=\"sendValue()\">\n        </ng-container>\n        <ng-container *ngIf=\"control?.enum\">\n            <p-dropdown [options]=\"control.enum\" [(ngModel)]=\"value\" (onChange)=\"sendValue()\" placeholder=\"Seleccione una opci\u00F3n\"></p-dropdown>\n        </ng-container>\n    </ng-container>\n</ng-container>\n", components: [{ type: i1$1.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "resetFilterOnHide", "dropdownIcon", "optionGroupChildren", "autoDisplayFirst", "emptyFilterMessage", "emptyMessage", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "disabled", "options", "filterValue", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "group", "showClear", "virtualScroll", "itemSize", "ariaFilterLabel", "ariaLabelledBy", "maxlength", "tooltipStyleClass"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }], directives: [{ type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10.InputText, selector: "[pInputText]" }, { type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ControlComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sf-control',
+                    templateUrl: './control.component.html'
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { control: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], setValue: [{
+                type: Output
+            }] } });
+
+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 jsonpath.query(this.crudConfig.esquema, scope)[0];
+    }
+    getValue(scope) {
+        return jsonpath.query(this.data, scope.replace('.properties', ''))[0];
+    }
+    setValue(value, scope) {
+        jsonpath.value(this.data, scope.replace('.properties', ''), value);
+    }
+    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 (!jsonpath.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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RegistroComponent, deps: [{ token: GeneralService }, { token: i2.Router }, { token: i3$1.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+RegistroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RegistroComponent, selector: "sf-registro", inputs: { idKatios: "idKatios", idEntidad: "idEntidad", trx: "trx", id: "id" }, providers: [MessageService], ngImport: i0, template: "<p-blockUI [blocked]=\"enProceso\">\n    <i class=\"pi pi-cog pi-spin\" style=\"font-size: 50px\"></i>\n</p-blockUI>\n\n<p-toast></p-toast>\n\n<div class=\"card\" *ngIf=\"!enProceso\">\n    <h5 class=\"card-header mb-2\" style=\"display: flex; justify-content: space-between;align-items: center;\">\n        <span>{{idEntidad}} {{id != '' ? '-' + id : ''}}</span>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-arrow-left\" (click)=\"back()\"></button>\n    </h5>\n    <div *ngFor=\"let element of crudConfig.uiEsquema.elements\" [class]=\"element?.class\">\n        <ng-container [ngSwitch]=\"element.type\">\n            <div *ngSwitchCase=\"'Label'\" [style]=\"element?.style\">\n                {{element?.label}}\n            </div>\n            <ng-container *ngSwitchCase=\"'HorizontalLayout'\">\n                <div *ngFor=\"let el of element.elements\" [class]=\"el?.class\">\n                    <ng-container [ngSwitch]=\"el.type\" >\n                        <sf-control *ngSwitchCase=\"'Control'\" [control]=\"getControl(el.scope)\" [label]=\"el.label\" [value]=\"getValue(el.scope)\" (setValue)=\"setValue($event, el.scope)\"></sf-control>\n                    </ng-container>\n                </div>\n            </ng-container>\n            <div *ngSwitchCase=\"'Control'\">\n                <sf-control *ngSwitchCase=\"'Control'\" [control]=\"getControl(element.scope)\" [label]=\"element.label\"></sf-control>\n            </div>\n        </ng-container>\n    </div>\n    <div class=\"card-footer\" *ngIf=\"btnSubmit\">\n        <button pButton pRipple type=\"button\" [icon]=\"btnSubmit.icon\" [label]=\"btnSubmit.label\" (click)=\"submit()\"></button>\n    </div>\n</div>", components: [{ type: i3.BlockUI, selector: "p-blockUI", inputs: ["autoZIndex", "baseZIndex", "blocked", "target", "styleClass"] }, { type: i5$1.Toast, selector: "p-toast", inputs: ["autoZIndex", "baseZIndex", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "key", "style", "styleClass", "breakpoints"], outputs: ["onClose"] }, { type: ControlComponent, selector: "sf-control", inputs: ["control", "label", "value"], outputs: ["setValue"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i9.Ripple, selector: "[pRipple]" }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RegistroComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sf-registro',
+                    templateUrl: './registro.component.html',
+                    providers: [MessageService]
+                }]
+        }], ctorParameters: function () { return [{ type: GeneralService }, { type: i2.Router }, { type: i3$1.MessageService }]; }, propDecorators: { idKatios: [{
+                type: Input
+            }], idEntidad: [{
+                type: Input
+            }], trx: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }] } });
+
+class SfCrudComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+SfCrudComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfCrudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SfCrudComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SfCrudComponent, selector: "lib-sf-crud", ngImport: i0, template: `
+    <p>
+      sf-crud works!
+    </p>
+  `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfCrudComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-sf-crud',
+                    template: `
+    <p>
+      sf-crud works!
+    </p>
+  `,
+                    styles: []
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class SfCrudModule {
+}
+SfCrudModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfCrudModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SfCrudModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfCrudModule, 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] });
+SfCrudModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfCrudModule, 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,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfCrudService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SfCrudService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfCrudService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SfCrudService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/*
+ * Public API Surface of sf-crud
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RegistroComponent, SfCrudComponent, SfCrudModule, SfCrudService, TableroComponent };
+//# sourceMappingURL=sf-crud.js.map