sf-crud 11.0.1-beta1 → 12.0.1-beta2

package/fesm2015/sf-crud.js

@@ -1,17 +1,38 @@
-import { ɵɵdefineInjectable, ɵɵinject, Injectable, Component, Input, EventEmitter, Output, NgModule } from '@angular/core';
-import { Router } from '@angular/router';
+import * as i0 from '@angular/core';
+import { Injectable, Component, Input, EventEmitter, Output, NgModule } from '@angular/core';
 import { __awaiter } from 'tslib';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
-import { query, value } from 'jsonpath';
+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 i2$1 from 'primeng/dropdown';
+import { DropdownModule } from 'primeng/dropdown';
+import * as i4$1 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 { 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';
@@ -26,7 +47,6 @@ 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';
@@ -34,7 +54,6 @@ 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';
@@ -53,7 +72,6 @@ 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';
@@ -63,69 +81,19 @@ 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 = '';
+        this.subtype = '';
     }
 }
 
@@ -171,6 +139,52 @@ class Validations {
     }
 }
 
+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;
@@ -236,21 +250,65 @@ class TableroComponent {
         }
     }
 }
-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 }]
-};
+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\">\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>", 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(generalService) {
+        this.generalService = generalService;
+        this.control = new Shema();
+        this.label = '';
+        this.setValue = new EventEmitter();
+        this.isLoading = false;
+        this.dataFromService = [];
+    }
+    ngOnInit() {
+        var _a;
+        if ((_a = this.control) === null || _a === void 0 ? void 0 : _a.config)
+            this.loadDataFromService();
+    }
+    sendValue() {
+        this.setValue.emit(this.value);
+    }
+    loadDataFromService() {
+        this.isLoading = true;
+        this.generalService.genericRequest(this.control.config.method, this.control.config.server, this.control.config.endpoint)
+            .then((res) => {
+            this.dataFromService = res.data;
+            this.isLoading = false;
+        });
+    }
+}
+ControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ControlComponent, deps: [{ token: GeneralService }], 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\">\r\n    <ng-container *ngSwitchCase=\"'string'\">\r\n        <label>{{label}}</label>\r\n        <ng-container [ngSwitch]=\"control.subtype\">\r\n            <ng-container *ngSwitchCase=\"'input'\">\r\n                <input pInputText type=\"text\" [(ngModel)]=\"value\" (focusout)=\"sendValue()\">\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'password'\">\r\n                <input pInputText type=\"password\" [(ngModel)]=\"value\" (focusout)=\"sendValue()\">\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'enum'\">\r\n                <p-dropdown [options]=\"control.enum\" [(ngModel)]=\"value\" (onChange)=\"sendValue()\"\r\n                    placeholder=\"Seleccione una opci\u00F3n\"></p-dropdown>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'dropdown'\">\r\n                <p-dropdown [lazy]=\"isLoading\" [options]=\"dataFromService\" [(ngModel)]=\"value\" (onChange)=\"sendValue()\"\r\n                    [optionLabel]=\"control.config.optionLabel\" [optionValue]=\"control.config.optionValue\"\r\n                    placeholder=\"Seleccione una opci\u00F3n\"></p-dropdown>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-container>", components: [{ type: i2$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: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4$1.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 [{ type: GeneralService }]; }, propDecorators: { control: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], setValue: [{
+                type: Output
+            }] } });
 
 class RegistroComponent {
     constructor(generalService, router, messageSerice) {
@@ -316,13 +374,13 @@ class RegistroComponent {
         this.router.navigateByUrl(this.crudConfig.registro.btnBack);
     }
     getControl(scope) {
-        return query(this.crudConfig.esquema, scope)[0];
+        return jsonpath.query(this.crudConfig.esquema, scope)[0];
     }
     getValue(scope) {
-        return query(this.data, scope.replace('.properties', ''))[0];
+        return jsonpath.query(this.data, scope.replace('.properties', ''))[0];
     }
-    setValue(value$1, scope) {
-        value(this.data, scope.replace('.properties', ''), value$1);
+    setValue(value, scope) {
+        jsonpath.value(this.data, scope.replace('.properties', ''), value);
     }
     createObject(esquema) {
         let object = {};
@@ -371,7 +429,7 @@ class RegistroComponent {
     validateDataLocal() {
         let err = [];
         this.configOperation.validations.required.forEach(x => {
-            if (!query(this.data, x.field)[0])
+            if (!jsonpath.query(this.data, x.field)[0])
                 err.push(x.message);
         });
         if (err.length != 0)
@@ -379,169 +437,305 @@ class RegistroComponent {
         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 }]
-};
+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\">\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>", 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.decorators = [
-    { type: Component, args: [{
-                selector: 'lib-sf-crud',
-                template: `
+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>
-  `
-            },] }
-];
-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 }]
-};
+  `, 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.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
-                ]
-            },] }
-];
+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.ɵprov = ɵɵdefineInjectable({ factory: function SfCrudService_Factory() { return new SfCrudService(); }, token: SfCrudService, providedIn: "root" });
-SfCrudService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-SfCrudService.ctorParameters = () => [];
+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
@@ -551,5 +745,5 @@ SfCrudService.ctorParameters = () => [];
  * Generated bundle index. Do not edit.
  */
 
-export { RegistroComponent, SfCrudComponent, SfCrudModule, SfCrudService, TableroComponent, GeneralService as ɵa, ControlComponent as ɵb };
+export { RegistroComponent, SfCrudComponent, SfCrudModule, SfCrudService, TableroComponent };
 //# sourceMappingURL=sf-crud.js.map