brainloper-ui 14.0.14 → 14.0.15

package/fesm2020/brainloper-ui.mjs

@@ -1290,6 +1290,497 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Output
             }] } });
 
+const Root = {
+    id: 1,
+    name: 'root',
+    hasAccessToAll: true,
+};
+const Administrative = {
+    id: 2,
+    name: 'Administrativo',
+    modules: [
+        {
+            id: 0,
+            name: "Inicio"
+        },
+        {
+            id: 2,
+            name: "Administración",
+            hasAccessToAll: true,
+        },
+        {
+            id: 3,
+            name: "Mantenimiento",
+            hasAccessToAll: true
+        },
+        {
+            id: 4,
+            name: "Combustible",
+            hasAccessToAll: true
+        },
+        {
+            id: 5,
+            name: "Personal",
+            hasAccessToAll: true
+        },
+        {
+            id: 6,
+            name: "Indicadores",
+            hasAccessToAll: true
+        },
+        {
+            id: 7,
+            name: "Inspecciones",
+            hasAccessToAll: true
+        },
+        {
+            id: 8,
+            name: "Almacén",
+            hasAccessToAll: true
+        },
+        {
+            id: 9,
+            name: "Localización",
+            hasAccessToAll: true
+        },
+        {
+            id: 10,
+            name: "Alquiler",
+            hasAccessToAll: true
+        },
+    ],
+};
+const MaintenanceManager = {
+    id: 3,
+    name: 'Jefe Mantenimiento',
+    modules: [
+        {
+            id: 0,
+            name: "Inicio"
+        },
+        {
+            id: 2,
+            name: "Administración",
+            hasAccessToAll: true,
+        },
+        {
+            id: 3,
+            name: "Mantenimiento",
+            hasAccessToAll: true
+        },
+        {
+            id: 4,
+            name: "Combustible",
+            hasAccessToAll: true
+        },
+        {
+            id: 5,
+            name: "Personal",
+            hasAccessToAll: true
+        },
+        {
+            id: 6,
+            name: "Indicadores",
+            hasAccessToAll: true
+        },
+        {
+            id: 7,
+            name: "Inspecciones",
+            hasAccessToAll: true
+        },
+        {
+            id: 8,
+            name: "Almacén",
+            hasAccessToAll: true
+        },
+        {
+            id: 9,
+            name: "Localización",
+            hasAccessToAll: true
+        },
+        {
+            id: 10,
+            name: "Alquiler",
+            hasAccessToAll: true
+        },
+    ],
+};
+const BasicOperator = {
+    id: 4,
+    name: 'Operario básico',
+    modules: [
+        {
+            id: 0,
+            name: "Inicio"
+        },
+        {
+            id: 2,
+            name: "Administración",
+            subModules: [
+                { id: 2, name: "Terceros", permissions: { readDetail: true, readAll: true } },
+                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
+            ]
+        },
+        {
+            id: 3,
+            name: "Mantenimiento",
+            subModules: [
+                { id: 10, name: "Registro de Mtto", permissions: { write: true } },
+                { id: 12, name: "Solicitudes Mtto", permissions: { readDetail: true, write: true, delete: true, update: true } },
+                { id: 7, name: "Ejecucion O.T", permissions: { readOwn: true, closeOT: true } },
+            ]
+        },
+        {
+            id: 4,
+            name: "Combustible",
+            subModules: [
+                { id: 16, name: "Solicitudes", permissions: { readDetail: true, write: true, delete: true, update: true } },
+                { id: 17, name: 'Órdenes', permissions: { readDetail: true, closeOT: true } },
+            ]
+        },
+        {
+            id: 7,
+            name: "Inspecciones",
+            subModules: [
+                { id: 27, name: "Diligenciar", permissions: { write: true, update: true } },
+                { id: 28, name: "Consultar", permissions: { readAll: true } },
+            ]
+        },
+        {
+            id: 9,
+            name: "Localización",
+            subModules: [
+                { id: 38, name: "Iniciar ruta", permissions: { readDetail: true, write: true } },
+            ]
+        },
+        // {
+        //   id: 10,
+        //   name: "Alquiler",
+        //   subModules: [
+        //     {id: 41, name: "Ingreso", permissions: {readDetail:true, write:true}},
+        //     {id: 42, name: "Despacho", permissions: {readDetail:true, write:true}},
+        //     {id: 43, name: "Catalogo", permissions: {readDetail:true, write:true}},
+        //     {id: 44, name: "Orden Alquiler", permissions: {readDetail:true, write:true}},
+        //   ]
+        // }
+    ]
+};
+const BasicMechanical = {
+    id: 5,
+    name: 'Mecanico básico',
+    modules: [
+        {
+            id: 0,
+            name: "Inicio"
+        },
+        {
+            id: 2,
+            name: "Administración",
+            subModules: [
+                { id: 2, name: "Terceros", permissions: { readDetail: true, readAll: true } },
+                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
+            ]
+        },
+        {
+            id: 3,
+            name: "Mantenimiento",
+            subModules: [
+                { id: 10, name: "Registro de Mtto", permissions: { write: true } },
+                { id: 12, name: "Solicitudes Mtto", permissions: { readDetail: true, write: true, delete: true, update: true } },
+                { id: 7, name: "Ejecucion O.T", permissions: { readOwn: true, closeOT: true } },
+            ]
+        },
+        {
+            id: 4,
+            name: "Combustible",
+            subModules: [
+                { id: 16, name: "Solicitudes", permissions: { readDetail: true, write: true, delete: true, update: true } },
+            ]
+        },
+        {
+            id: 7,
+            name: "Inspecciones",
+            subModules: [
+                { id: 27, name: "Diligenciar", permissions: { write: true, update: true } },
+                { id: 28, name: "Consultar", permissions: { readAll: true } },
+            ]
+        }
+    ]
+};
+const BasicStorer = {
+    id: 6,
+    name: 'Almacenista básico',
+    modules: [
+        {
+            id: 0,
+            name: "Inicio"
+        },
+        {
+            id: 2,
+            name: "Administración",
+            subModules: [
+                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
+                { id: 25, name: "Datos", permissions: {} },
+            ]
+        },
+        {
+            id: 3,
+            name: "Mantenimiento",
+            subModules: [
+                { id: 33, name: "Despachar", permissions: { readAll: true, allocateResources: true } },
+            ]
+        },
+        {
+            id: 6,
+            name: "Indicadores",
+            subModules: [
+                { id: 35, name: "Almacen", permissions: { readAll: true, write: true, delete: true, update: true } },
+            ]
+        },
+        {
+            id: 8,
+            name: "Almacén",
+            subModules: [
+                { id: 30, name: "Entradas", permissions: { readAll: true, write: true, delete: true, update: true } },
+                { id: 31, name: "Salidas", permissions: { readAll: true, write: true, delete: true, update: true } },
+                { id: 32, name: "Inventario", permissions: { readAll: true, write: true, delete: true, update: true } },
+                { id: 34, name: "Orden Compra", permissions: { readAll: true, write: true, delete: true, update: true } },
+                { id: 39, name: "Bodegas", permissions: { readAll: true, write: true, delete: true, update: true } },
+            ]
+        },
+        // {
+        //   id: 10,
+        //   name: "Alquiler",
+        //   hasAccessToAll: true
+        // }
+    ],
+};
+const AdvanceStorer = {
+    id: 7,
+    name: 'Almacenista avanzado',
+    modules: [
+        {
+            id: 0,
+            name: "Inicio"
+        },
+        {
+            id: 2,
+            name: "Administración",
+            subModules: [
+                { id: 2, name: "Terceros", permissions: { readAll: true } },
+                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
+            ]
+        },
+        {
+            id: 3,
+            name: "Mantenimiento",
+            subModules: [
+                { id: 4, name: "Equipos", permissions: { readAll: true } },
+                { id: 8, name: "Históricos", permissions: { readAll: true } },
+                { id: 9, name: "Calendario", permissions: { readAll: true } },
+                { id: 33, name: "Despachar", permissions: { readAll: true, allocateResources: true } },
+            ]
+        },
+        {
+            id: 6,
+            name: "Indicadores",
+            subModules: [
+                { id: 35, name: "Almacen", permissions: { readAll: true, write: true, delete: true, update: true } },
+            ]
+        },
+        {
+            id: 8,
+            name: "Almacén",
+            subModules: [
+                { id: 30, name: "Entradas", permissions: { readAll: true, write: true, delete: true, update: true } },
+                { id: 31, name: "Salidas", permissions: { readAll: true, write: true, delete: true, update: true } },
+                { id: 32, name: "Inventario", permissions: { readAll: true, write: true, delete: true, update: true } },
+                { id: 34, name: "Orden Compra", permissions: { readAll: true, write: true, delete: true, update: true } },
+            ]
+        },
+    ],
+};
+const AdvanceOperator = {
+    id: 8,
+    name: 'Operario avanzado',
+    modules: [
+        {
+            id: 0,
+            name: "Inicio",
+            subModules: []
+        },
+        {
+            id: 2,
+            name: "Administración",
+            subModules: [
+                { id: 2, name: "Terceros", permissions: { readAll: true } },
+                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
+            ]
+        },
+        {
+            id: 3,
+            name: "Mantenimiento",
+            subModules: [
+                { id: 4, name: "Equipos", permissions: { readAll: true } },
+                { id: 5, name: "Actividades", permissions: { readAll: true } },
+                { id: 7, name: "Ejecucion O.T", permissions: { readOwn: true, closeOT: true } },
+                { id: 8, name: "Históricos", permissions: { readAll: true } },
+                { id: 9, name: "Calendario", permissions: { readAll: true } },
+                { id: 10, name: "Registro de Mtto", permissions: { readAll: true, write: true } },
+                { id: 12, name: "Solicitudes Mtto", permissions: { readAll: true, write: true, delete: true, update: true } }
+            ]
+        },
+        {
+            id: 4,
+            name: "Combustible",
+            subModules: [
+                { id: 16, name: "Solicitudes", permissions: { readAll: true, write: true, delete: true, update: true } },
+                { id: 17, name: "Órdenes", permissions: { readOwn: true, closeOT: true } },
+                { id: 18, name: "Históricos", permissions: { readAll: true } },
+            ]
+        },
+        {
+            id: 7,
+            name: "Inspecciones",
+            subModules: [
+                { id: 27, name: "Diligenciar", permissions: { readAll: true, write: true, delete: true, update: true } },
+                { id: 28, name: "Consultar", permissions: { readAll: true, write: true, delete: true, update: true } },
+            ]
+        },
+        {
+            id: 8,
+            name: "Almacén",
+            subModules: [
+                { id: 32, name: "Inventario", permissions: { readAll: true } },
+            ]
+        },
+        {
+            id: 9,
+            name: "Localización",
+            subModules: [
+                { id: 37, name: "Históricos", permissions: { readAll: true, write: true } },
+                { id: 38, name: "Iniciar ruta", permissions: { readAll: true, write: true, delete: true, update: true } },
+            ]
+        },
+    ]
+};
+const AdvanceMechanical = {
+    id: 9,
+    name: 'Mecanico avanzado',
+    modules: [
+        {
+            id: 0,
+            name: "Inicio",
+            subModules: []
+        },
+        {
+            id: 2,
+            name: "Administración",
+            subModules: [
+                { id: 2, name: "Terceros", permissions: { readAll: true } },
+                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
+            ]
+        },
+        {
+            id: 3,
+            name: "Mantenimiento",
+            subModules: [
+                { id: 4, name: "Equipos", permissions: { readAll: true } },
+                { id: 5, name: "Actividades", permissions: { readAll: true } },
+                { id: 7, name: "Ejecucion O.T", permissions: { readOwn: true, closeOT: true } },
+                { id: 8, name: "Históricos", permissions: { readAll: true } },
+                { id: 9, name: "Calendario", permissions: { readAll: true } },
+                { id: 10, name: "Registro de Mtto", permissions: { readAll: true, write: true } },
+                { id: 12, name: "Solicitudes Mtto", permissions: { readAll: true, write: true, delete: true, update: true } }
+            ]
+        },
+        {
+            id: 4,
+            name: "Combustible",
+            subModules: [
+                { id: 16, name: "Solicitudes", permissions: { readAll: true, write: true, delete: true, update: true } },
+                { id: 17, name: "Órdenes", permissions: { readOwn: true, closeOT: true } },
+                { id: 18, name: "Históricos", permissions: { readAll: true } },
+            ]
+        },
+        {
+            id: 7,
+            name: "Inspecciones",
+            subModules: [
+                { id: 27, name: "Diligenciar", permissions: { readAll: true, write: true, delete: true, update: true } },
+                { id: 28, name: "Consultar", permissions: { readAll: true, write: true, delete: true, update: true } },
+            ]
+        },
+        {
+            id: 8,
+            name: "Almacén",
+            subModules: [
+                { id: 32, name: "Inventario", permissions: { readAll: true } },
+            ]
+        },
+    ]
+};
+const OperatorFusion = {
+    id: 10,
+    name: 'Operario fusion',
+    modules: [
+        {
+            id: 0,
+            name: "Inicio"
+        },
+        {
+            id: 2,
+            name: "Administración",
+            subModules: [
+                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
+            ]
+        },
+        {
+            id: 3,
+            name: "Mantenimiento",
+            subModules: [
+                { id: 10, name: "Registro de Mtto", permissions: { write: true } },
+                { id: 12, name: "Solicitudes Mtto", permissions: { readDetail: true, write: true, delete: true, update: true } },
+                { id: 8, name: "Históricos", permissions: { readAll: true, update: true } },
+            ]
+        },
+        {
+            id: 4,
+            name: "Combustible",
+            subModules: [
+                { id: 16, name: "Solicitudes", permissions: { readDetail: true, write: true, delete: true, update: true } },
+            ]
+        },
+        {
+            id: 7,
+            name: "Inspecciones",
+            subModules: [
+                { id: 27, name: "Diligenciar", permissions: { write: true, update: true } },
+                { id: 28, name: "Consultar", permissions: { readAll: true } },
+            ]
+        },
+        {
+            id: 9,
+            name: "Localización",
+            subModules: [
+                { id: 38, name: "Iniciar ruta", permissions: { readDetail: true, write: true } },
+            ]
+        },
+    ]
+};
+const modulesByRol = [
+    Root,
+    Administrative,
+    MaintenanceManager,
+    BasicOperator,
+    BasicMechanical,
+    BasicStorer,
+    AdvanceOperator,
+    AdvanceStorer,
+    AdvanceMechanical,
+    OperatorFusion
+];
+
 class ExportDataService {
     constructor(http, functionEter, message) {
         this.http = http;
@@ -79349,6 +79840,7 @@ const spanishRangeLabel = (page, pageSize, length) => {
         : startIndex + pageSize;
     return `${startIndex + 1} - ${endIndex} de ${length}`;
 };
+const rolesAndPermissions = modulesByRol;
 class DataTableComponent {
     constructor(dialog, http, message, functionEter, paginatorTranslate, exportService) {
         this.dialog = dialog;
@@ -79388,6 +79880,11 @@ class DataTableComponent {
         this.headerFileXlsm = [];
         this.headerFilters = [];
         this.xslxParams = null;
+        this.roleId = 0;
+        this.moduleId = 0;
+        this.subModuleId = 0;
+        this.hasAccessToAll = true;
+        this.rolesAndPermissionUser = {};
         this.clickRow = new EventEmitter();
         this.add = new EventEmitter();
         this.edit = new EventEmitter();
@@ -79418,11 +79915,88 @@ class DataTableComponent {
         this.length = 0;
         this.page = 0;
         this.above = ['above'];
+        this.buttonsConfig = [];
+        this.paginatorTranslate.itemsPerPageLabel = 'Elementos por página';
+        this.paginatorTranslate.nextPageLabel = 'Siguiente página';
+        this.paginatorTranslate.lastPageLabel = 'Última página';
+        this.paginatorTranslate.previousPageLabel = 'Página anterior';
+        this.paginatorTranslate.firstPageLabel = 'Primera página';
+        this.paginatorTranslate.getRangeLabel = spanishRangeLabel;
+    }
+    async ngOnInit() {
+        this.validateRolAndPermission();
+        if (window.screen.width > 1000) {
+            this.screen = true;
+            window.addEventListener('resize', () => {
+                window.screen.width > 1000
+                    ? (this.screen = true)
+                    : (this.screen = false);
+            });
+        }
+        else {
+            this.screen = false;
+            window.addEventListener('resize', () => {
+                window.screen.width > 1000
+                    ? (this.screen = true)
+                    : (this.screen = false);
+            });
+        }
+        if (this.reloadTable) {
+            this.reloadTable.subscribe((res) => {
+                this.originalData = [];
+                this.selectAll = false;
+                this.seletecAllEvent('');
+            });
+        }
+        this.titleLoading == '' ? (this.titleLoading = 'Cargando') : '';
+        this.messageLoading == ''
+            ? (this.messageLoading = 'Obteniendo datos...')
+            : '';
+        this.url && !this.configuration.notInitialize
+            ? this.message.openLoading(this.titleLoading, this.messageLoading)
+            : '';
+        try {
+            if (this.url && !this.configuration.notInitialize) {
+                let service = await this.getDateTableByUrl();
+                this.data = service['data'];
+                this.length = service['count'];
+                this.data.forEach((row) => {
+                    this.checkboxs[row[this.configuration.primaryKey]] = false;
+                });
+                this.internalData.emit(service);
+                setTimeout(() => {
+                    this.message.closeLoading();
+                }, 1000);
+                this.validateRules();
+            }
+            else if (!this.url) {
+                this.paginatorActive = false;
+            }
+        }
+        catch (error) {
+            console.log(error);
+        }
+    }
+    validateRolAndPermission() {
+        if (this.roleId == 0) {
+            let rolePermissions = rolesAndPermissions?.find(x => x.id == this.roleId);
+            this.hasAccessToAll = rolePermissions?.hasAccessToAll ?? rolePermissions.modules?.find(x => x.id == this.moduleId)?.hasAccessToAll ?? false;
+        }
+        ;
+        this.rolesAndPermissionUser = rolesAndPermissions?.find(x => x.id == this.roleId)?.modules?.find(x => x.id == this.moduleId)?.subModules?.find(x => x.id == this.subModuleId)?.permissions ?? {};
+        if (!this.hasAccessToAll && !this.rolesAndPermissionUser.readAll && this.rolesAndPermissionUser.readOwn == true) {
+            this.params = [...this.params, { id: 'readOwn', value: true }];
+        }
+        this.configureButtons();
+    }
+    configureButtons() {
         this.buttonsConfig = [
             {
                 action: 'edit',
-                conditionShowHeader: () => this.selectedRows.length === 1 && this.configuration.edit,
-                condition: () => this.configuration.edit,
+                conditionShowHeader: () => this.selectedRows.length === 1 &&
+                    this.configuration.edit &&
+                    this.hasPermission('update'),
+                condition: () => this.configuration.edit && this.hasPermission('update'),
                 icon: 'fa-edit',
                 tooltip: 'Editar',
             },
@@ -79430,72 +80004,75 @@ class DataTableComponent {
                 action: 'print',
                 conditionShowHeader: () => this.selectedRows.length === 1 &&
                     this.configuration.print &&
-                    this.screen,
-                condition: () => this.configuration.print && this.screen,
+                    this.screen &&
+                    this.hasPermission('print'),
+                condition: () => this.configuration.print && this.screen && this.hasPermission('print'),
                 icon: 'fa-print',
                 tooltip: 'Imprimir',
             },
             {
                 action: 'active',
-                conditionShowHeader: () => this.selectedRows.length > 0 && this.configuration.active,
-                condition: () => this.configuration.active,
+                conditionShowHeader: () => this.selectedRows.length > 0 && this.configuration.active && this.hasPermission('activateAndInactivate'),
+                condition: () => this.configuration.active && this.hasPermission('activateAndInactivate'),
                 icon: 'fa-adjust',
                 tooltip: 'Activar/Desactivar',
             },
             {
                 action: 'add',
-                conditionShowHeader: () => this.selectedRows.length === 0 && this.configuration.add,
+                conditionShowHeader: () => this.selectedRows.length === 0 && this.configuration.add && this.hasPermission('write'),
                 condition: () => false,
                 icon: 'fa-plus-circle',
                 tooltip: 'Nuevo',
             },
             {
                 action: 'income',
-                conditionShowHeader: () => this.selectedRows.length === 0 && this.configuration.income,
+                conditionShowHeader: () => this.selectedRows.length === 0 && this.configuration.income && this.hasPermission('write'),
                 condition: () => false,
                 icon: 'fa-user-plus',
                 tooltip: 'Ingreso',
             },
             {
                 action: 'exit',
-                conditionShowHeader: () => this.selectedRows.length === 0 && this.configuration.exit,
+                conditionShowHeader: () => this.selectedRows.length === 0 && this.configuration.exit && this.hasPermission('write'),
                 condition: () => false,
                 icon: 'fa-user-times',
                 tooltip: 'Salida',
             },
             {
                 action: 'view',
-                conditionShowHeader: () => this.selectedRows.length === 1 && this.configuration.view,
-                condition: () => this.configuration.view,
+                conditionShowHeader: () => this.selectedRows.length === 1 && this.configuration.view && this.hasPermission('readDetail'),
+                condition: () => this.configuration.view && this.hasPermission('readDetail'),
                 icon: 'fa-eye',
                 tooltip: 'Ver detalle',
             },
             {
                 action: 'closeOrder',
-                conditionShowHeader: () => this.selectedRows.length === 1 && this.configuration.closeOrder,
-                condition: () => this.configuration.closeOrder,
+                conditionShowHeader: () => (this.selectedRows.length === 1 && this.configuration.closeOrder) && this.hasPermission('closeOT'),
+                condition: () => this.configuration.closeOrder && this.hasPermission('closeOT'),
                 icon: 'fa-check-circle',
                 tooltip: 'Cerrar orden',
             },
             {
                 action: 'packOff',
-                conditionShowHeader: () => this.selectedRows.length === 1 && this.configuration.packOff,
-                condition: () => this.configuration.packOff,
+                conditionShowHeader: () => this.selectedRows.length === 1 && this.configuration.packOff && this.hasPermission('allocateResources'),
+                condition: () => this.configuration.packOff && this.hasPermission('allocateResources'),
                 icon: 'fa-cart-arrow-down',
                 tooltip: 'Despachar recursos',
             },
             {
                 action: 'advance',
-                conditionShowHeader: () => this.selectedRows.length === 1 && this.configuration.advance,
-                condition: () => this.configuration.advance,
+                conditionShowHeader: () => this.selectedRows.length === 1 && this.configuration.advance && this.hasPermission('advance'),
+                condition: () => this.configuration.advance && this.hasPermission('advance'),
                 icon: 'fa-arrow-right',
                 tooltip: this.configuration.advanceLabel,
             },
             {
                 action: 'sendEmail',
                 conditionShowHeader: () => this.selectedRows.length === 1 &&
-                    this.configuration.sendEmail,
-                condition: () => this.configuration.sendEmail && this.screen,
+                    this.configuration.sendEmail &&
+                    this.screen &&
+                    this.hasPermission('sendEmail'),
+                condition: () => this.configuration.sendEmail && this.screen && this.hasPermission('sendEmail'),
                 icon: 'fa-mail-bulk',
                 tooltip: 'Envia correo',
             },
@@ -79503,86 +80080,32 @@ class DataTableComponent {
                 action: 'exportToExcel',
                 conditionShowHeader: () => this.selectedRows.length === 0 &&
                     this.data.length > 0 &&
-                    (this.configuration.exportXslx ||
-                        this.configuration.exportXslxWithPages),
+                    (this.configuration.exportXslx || this.configuration.exportXslxWithPages) &&
+                    this.hasPermission('export'),
                 condition: () => false,
                 icon: 'fa-download',
                 tooltip: 'Exportar Tabla',
             },
             {
                 action: 'exportToExcelByRow',
-                conditionShowHeader: () => this.selectedRows.length === 1 && this.configuration.exportXslxByRow,
-                condition: () => this.configuration.exportXslxByRow,
+                conditionShowHeader: () => this.selectedRows.length === 1 && this.configuration.exportXslxByRow && this.hasPermission('export'),
+                condition: () => this.configuration.exportXslxByRow && this.hasPermission('export'),
                 icon: 'fa-download',
                 tooltip: 'Exportar Registro',
             },
             {
                 action: 'delete',
-                conditionShowHeader: () => this.selectedRows.length > 0 && this.configuration.delete,
-                condition: () => this.configuration.delete,
+                conditionShowHeader: () => this.selectedRows.length > 0 && this.configuration.delete && this.hasPermission('delete'),
+                condition: () => this.configuration.delete && this.hasPermission('delete'),
                 icon: 'fa-trash',
                 tooltip: 'Eliminar',
             },
         ];
-        this.paginatorTranslate.itemsPerPageLabel = 'Elementos por página';
-        this.paginatorTranslate.nextPageLabel = 'Siguiente página';
-        this.paginatorTranslate.lastPageLabel = 'Última página';
-        this.paginatorTranslate.previousPageLabel = 'Página anterior';
-        this.paginatorTranslate.firstPageLabel = 'Primera página';
-        this.paginatorTranslate.getRangeLabel = spanishRangeLabel;
     }
-    async ngOnInit() {
-        if (window.screen.width > 1000) {
-            this.screen = true;
-            window.addEventListener('resize', () => {
-                window.screen.width > 1000
-                    ? (this.screen = true)
-                    : (this.screen = false);
-            });
-        }
-        else {
-            this.screen = false;
-            window.addEventListener('resize', () => {
-                window.screen.width > 1000
-                    ? (this.screen = true)
-                    : (this.screen = false);
-            });
-        }
-        if (this.reloadTable) {
-            this.reloadTable.subscribe((res) => {
-                this.originalData = [];
-                this.selectAll = false;
-                this.seletecAllEvent('');
-            });
-        }
-        this.titleLoading == '' ? (this.titleLoading = 'Cargando') : '';
-        this.messageLoading == ''
-            ? (this.messageLoading = 'Obteniendo datos...')
-            : '';
-        this.url && !this.configuration.notInitialize
-            ? this.message.openLoading(this.titleLoading, this.messageLoading)
-            : '';
-        try {
-            if (this.url && !this.configuration.notInitialize) {
-                let service = await this.getDateTableByUrl();
-                this.data = service['data'];
-                this.length = service['count'];
-                this.data.forEach((row) => {
-                    this.checkboxs[row[this.configuration.primaryKey]] = false;
-                });
-                this.internalData.emit(service);
-                setTimeout(() => {
-                    this.message.closeLoading();
-                }, 1000);
-                this.validateRules();
-            }
-            else if (!this.url) {
-                this.paginatorActive = false;
-            }
-        }
-        catch (error) {
-            console.log(error);
-        }
+    hasPermission(permission) {
+        if (this.hasAccessToAll)
+            return true;
+        return this.rolesAndPermissionUser?.[permission] ?? false;
     }
     async getDateTableByUrl() {
         this.validarParams();
@@ -79889,7 +80412,7 @@ class DataTableComponent {
     }
 }
 DataTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DataTableComponent, deps: [{ token: i1.MatDialog }, { token: HttpService }, { token: MessageService }, { token: FunctionsService }, { token: i5.MatPaginatorIntl }, { token: ExportDataService }], target: i0.ɵɵFactoryTarget.Component });
-DataTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DataTableComponent, selector: "data-table", inputs: { title: "title", columns: "columns", data: "data", combo: "combo", configuration: "configuration", reloadTable: "reloadTable", url: "url", params: "params", titleLoading: "titleLoading", messageLoading: "messageLoading", headerFileXlsm: "headerFileXlsm", headerFilters: "headerFilters", xslxTitleFields: "xslxTitleFields", xslxSheetNameFields: "xslxSheetNameFields", xslxBodyFields: "xslxBodyFields", xslxParams: "xslxParams" }, outputs: { clickRow: "clickRow", add: "add", edit: "edit", delete: "delete", print: "print", exportXslxByRow: "exportXslxByRow", active: "active", selected: "selected", view: "view", closeOrder: "closeOrder", packOff: "packOff", advance: "advance", income: "income", exit: "exit", internalData: "internalData", sendEmail: "sendEmail" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"contenedor-tabla\">\r\n  <app-filters [headerFilters]=\"headerFilters\" (applyFilters)=\"applyFilters($event)\">\r\n  </app-filters>\r\n\r\n  <div style='display: flex; flex-direction: row; justify-content: space-between;  align-items: center;'>\r\n    <div style='flex:1; font-size: 1rem;'>\r\n      <strong><p style='margin:0' *ngIf='selectedRows.length>0 && selectedRows.length<2 && configuration.selectable'> {{selectedRows.length}} Seleccionado </p></strong>\r\n      <strong><p style='margin:0' *ngIf='selectedRows.length>1'> {{selectedRows.length}} Seleccionados </p></strong>\r\n      <strong><p style='margin:0' *ngIf='selectedRows.length<1 && !configuration.hideTitle'> {{title}} </p></strong>\r\n    </div>\r\n\r\n    <div *ngIf=\"!configuration.hideFilter\" style='flex:3; padding-right: 10px; margin-bottom: 5px;'>\r\n       <mat-form-field class='filter'>\r\n        <input type=\"text\" [(ngModel)]='filters' (keyup)='changeFilters()'  matInput placeholder=\"Filtrar\">\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <ng-container *ngTemplateOutlet=\"buttonsTable\"></ng-container>\r\n\r\n  </div>\r\n\r\n <table class=\"table_Eter table-hover\">\r\n     <thead class=\"dark\">\r\n       <tr >\r\n        <th *ngIf='configuration.selectable' style='justify-content: center;'>\r\n          <mat-checkbox color='primary' (change)='seletecAllEvent($event)' [(ngModel)]='selectAll' [indeterminate]='indeterminateState'> </mat-checkbox>  </th>\r\n       <th\r\n       [class]=\"column.style?.movil\"\r\n       *ngFor='let column of columns' scope=\"col\"\r\n       [ngStyle]=\"column.style\"\r\n       >{{column.label}}</th>\r\n       <th *ngIf=\"shouldShowMenu()\"></th>\r\n       </tr>\r\n     </thead>\r\n     <tbody class='mat-elevation-z3'>\r\n\r\n       <tr style=\"cursor: pointer;\" *ngFor='let row of data' (click)='clickOnRoW(row)' [class]=\"checkboxs[row[configuration.primaryKey]]?'selected-row':''\">\r\n        <th *ngIf='configuration.selectable' style='justify-content: center;'> <mat-checkbox color='primary' [(ngModel)]='checkboxs[row[configuration.primaryKey]]' (click)='clicked($event)' (change)='selection(row, $event)'> </mat-checkbox>  </th>\r\n        <th [class]='column.style?.movil' [ngStyle]='column.style' scope=\"row\" *ngFor='let column of columns'>{{ row[column.ID] }}</th>\r\n\r\n        <th *ngIf=\"shouldShowMenu()\" style=\"display: flex; justify-content: center; align-items: center; overflow: visible;\">\r\n          <mat-icon\r\n          (click)=\"showMenu($event)\"\r\n          [matMenuTriggerFor]=\"menu\"\r\n          matRipple\r\n          class=\"menu_more_vert\"\r\n          aria-hidden=\"false\"\r\n          aria-label=\"Example delete icon\"\r\n          >more_vert</mat-icon>\r\n\r\n          <mat-menu #menu=\"matMenu\">\r\n            <div *ngFor=\"let btn of buttonsConfig\" >\r\n              <button *ngIf=\"btn.condition()\" (click)=\"action(btn.action, row)\" mat-menu-item class=\"d-flex align-items-center w-100\" >\r\n                <i class=\"fa {{btn.icon}} btn-accion\" style=\"font-size:120%; margin-right: 10px\"></i>\r\n                {{btn.tooltip}}\r\n              </button>\r\n            </div>\r\n\r\n          </mat-menu>\r\n        </th>\r\n\r\n       </tr>\r\n\r\n\r\n     </tbody>\r\n\r\n   </table>\r\n\r\n   <div *ngIf='length == 0 && data.length == 0' style=\"margin-left: 10px;\"> <strong>No se encontr\u00F3 informaci\u00F3n</strong></div>\r\n\r\n   <mat-paginator *ngIf=\"paginatorActive\"\r\n   [length]=\"length\" [pageSize]=\"pageSize\" [pageSizeOptions]=\"pageSizeOptions\" showFirstLastButtons\r\n   (page)=\"changePage($event)\"></mat-paginator>\r\n\r\n  </div>\r\n\r\n<ng-template #buttonsTable let-fontSize=\"fontSize\" let-marginRight=\"marginRight\" style='flex:0.5; display:flex; flex-direction: row; justify-content: flex-end;'>\r\n  <ng-container *ngFor=\"let btn of buttonsConfig\">\r\n    <div *ngIf=\"btn.conditionShowHeader()\" (click)=\"action(btn.action)\" matTooltip=\"{{btn.tooltip}}\" matTooltipPosition=\"above\">\r\n      <i class=\"fa {{btn.icon}} btn-accion\" [ngStyle]=\"{'font-size': fontSize ? fontSize : '170%', 'margin-right': marginRight ? marginRight : '15px'}\"></i>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n", styles: [".contenedor-tabla{width:100%;overflow-x:auto}.table_Eter{width:100%;margin-bottom:4px;color:primary;border-collapse:collapse}.table_Eter .dark th{color:#fff;background-color:#343a40;border-color:#454d55;text-align:center;vertical-align:middle}.table_Eter thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table_Eter th,.table_Eter td{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}th{text-align:inherit}*,*:before,*:after{box-sizing:border-box}.btn-accion{cursor:pointer}mat-form-field{padding:0!important;width:100%}.filter{padding:0;margin-bottom:10px;width:100%}.filter ::ng-deep .mat-form-field-underline{bottom:3px!important}.filter ::ng-deep .mat-form-field-infix{border:0!important}.filter ::ng-deep .mat-form-field-wrapper{padding:0}.filter ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding:0}.selected-row{color:#212529;background-color:#00000013}button:focus{outline:none!important}@media only screen and (max-width: 600px){.no-movil{display:none}}::ng-deep .mat-paginator{background:transparent!important}@media screen and (max-width: 400px){.filter{padding:0;margin-bottom:40px;width:70%}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i8$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i3$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i13.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i7$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i5.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i1$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]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FiltersComponent, selector: "app-filters", inputs: ["headerFilters"], outputs: ["applyFilters"] }] });
+DataTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DataTableComponent, selector: "data-table", inputs: { title: "title", columns: "columns", data: "data", combo: "combo", configuration: "configuration", reloadTable: "reloadTable", url: "url", params: "params", titleLoading: "titleLoading", messageLoading: "messageLoading", headerFileXlsm: "headerFileXlsm", headerFilters: "headerFilters", xslxTitleFields: "xslxTitleFields", xslxSheetNameFields: "xslxSheetNameFields", xslxBodyFields: "xslxBodyFields", xslxParams: "xslxParams", roleId: "roleId", moduleId: "moduleId", subModuleId: "subModuleId" }, outputs: { clickRow: "clickRow", add: "add", edit: "edit", delete: "delete", print: "print", exportXslxByRow: "exportXslxByRow", active: "active", selected: "selected", view: "view", closeOrder: "closeOrder", packOff: "packOff", advance: "advance", income: "income", exit: "exit", internalData: "internalData", sendEmail: "sendEmail" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"contenedor-tabla\">\r\n  <app-filters [headerFilters]=\"headerFilters\" (applyFilters)=\"applyFilters($event)\">\r\n  </app-filters>\r\n\r\n  <div style='display: flex; flex-direction: row; justify-content: space-between;  align-items: center;'>\r\n    <div style='flex:1; font-size: 1rem;'>\r\n      <strong><p style='margin:0' *ngIf='selectedRows.length>0 && selectedRows.length<2 && configuration.selectable'> {{selectedRows.length}} Seleccionado </p></strong>\r\n      <strong><p style='margin:0' *ngIf='selectedRows.length>1'> {{selectedRows.length}} Seleccionados </p></strong>\r\n      <strong><p style='margin:0' *ngIf='selectedRows.length<1 && !configuration.hideTitle'> {{title}} </p></strong>\r\n    </div>\r\n\r\n    <div *ngIf=\"!configuration.hideFilter\" style='flex:3; padding-right: 10px; margin-bottom: 5px;'>\r\n       <mat-form-field class='filter'>\r\n        <input type=\"text\" [(ngModel)]='filters' (keyup)='changeFilters()'  matInput placeholder=\"Filtrar\">\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <ng-container *ngTemplateOutlet=\"buttonsTable\"></ng-container>\r\n\r\n  </div>\r\n\r\n <table class=\"table_Eter table-hover\">\r\n     <thead class=\"dark\">\r\n       <tr >\r\n        <th *ngIf='configuration.selectable' style='justify-content: center;'>\r\n          <mat-checkbox color='primary' (change)='seletecAllEvent($event)' [(ngModel)]='selectAll' [indeterminate]='indeterminateState'> </mat-checkbox>  </th>\r\n       <th\r\n       [class]=\"column.style?.movil\"\r\n       *ngFor='let column of columns' scope=\"col\"\r\n       [ngStyle]=\"column.style\"\r\n       >{{column.label}}</th>\r\n       <th *ngIf=\"shouldShowMenu()\"></th>\r\n       </tr>\r\n     </thead>\r\n     <tbody class='mat-elevation-z3'>\r\n\r\n       <tr style=\"cursor: pointer;\" *ngFor='let row of data' (click)='clickOnRoW(row)' [class]=\"checkboxs[row[configuration.primaryKey]]?'selected-row':''\">\r\n        <th *ngIf='configuration.selectable' style='justify-content: center;'> <mat-checkbox color='primary' [(ngModel)]='checkboxs[row[configuration.primaryKey]]' (click)='clicked($event)' (change)='selection(row, $event)'> </mat-checkbox>  </th>\r\n        <th [class]='column.style?.movil' [ngStyle]='column.style' scope=\"row\" *ngFor='let column of columns'>{{ row[column.ID] }}</th>\r\n\r\n        <th *ngIf=\"shouldShowMenu()\" style=\"display: flex; justify-content: center; align-items: center; overflow: visible;\">\r\n          <mat-icon\r\n          (click)=\"showMenu($event)\"\r\n          [matMenuTriggerFor]=\"menu\"\r\n          matRipple\r\n          class=\"menu_more_vert\"\r\n          aria-hidden=\"false\"\r\n          aria-label=\"Example delete icon\"\r\n          >more_vert</mat-icon>\r\n\r\n          <mat-menu #menu=\"matMenu\">\r\n            <div *ngFor=\"let btn of buttonsConfig\" >\r\n              <button *ngIf=\"btn.condition()\" (click)=\"action(btn.action, row)\" mat-menu-item class=\"d-flex align-items-center w-100\" >\r\n                <i class=\"fa {{btn.icon}} btn-accion\" style=\"font-size:120%; margin-right: 10px\"></i>\r\n                {{btn.tooltip}}\r\n              </button>\r\n            </div>\r\n\r\n          </mat-menu>\r\n        </th>\r\n\r\n       </tr>\r\n\r\n\r\n     </tbody>\r\n\r\n   </table>\r\n\r\n   <div *ngIf='length == 0 && data.length == 0' style=\"margin-left: 10px;\"> <strong>No se encontr\u00F3 informaci\u00F3n</strong></div>\r\n\r\n   <mat-paginator *ngIf=\"paginatorActive\"\r\n   [length]=\"length\" [pageSize]=\"pageSize\" [pageSizeOptions]=\"pageSizeOptions\" showFirstLastButtons\r\n   (page)=\"changePage($event)\"></mat-paginator>\r\n\r\n  </div>\r\n\r\n<ng-template #buttonsTable let-fontSize=\"fontSize\" let-marginRight=\"marginRight\" style='flex:0.5; display:flex; flex-direction: row; justify-content: flex-end;'>\r\n  <ng-container *ngFor=\"let btn of buttonsConfig\">\r\n    <div *ngIf=\"btn.conditionShowHeader()\" (click)=\"action(btn.action)\" matTooltip=\"{{btn.tooltip}}\" matTooltipPosition=\"above\">\r\n      <i class=\"fa {{btn.icon}} btn-accion\" [ngStyle]=\"{'font-size': fontSize ? fontSize : '170%', 'margin-right': marginRight ? marginRight : '15px'}\"></i>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n", styles: [".contenedor-tabla{width:100%;overflow-x:auto}.table_Eter{width:100%;margin-bottom:4px;color:primary;border-collapse:collapse}.table_Eter .dark th{color:#fff;background-color:#343a40;border-color:#454d55;text-align:center;vertical-align:middle}.table_Eter thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table_Eter th,.table_Eter td{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}th{text-align:inherit}*,*:before,*:after{box-sizing:border-box}.btn-accion{cursor:pointer}mat-form-field{padding:0!important;width:100%}.filter{padding:0;margin-bottom:10px;width:100%}.filter ::ng-deep .mat-form-field-underline{bottom:3px!important}.filter ::ng-deep .mat-form-field-infix{border:0!important}.filter ::ng-deep .mat-form-field-wrapper{padding:0}.filter ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding:0}.selected-row{color:#212529;background-color:#00000013}button:focus{outline:none!important}@media only screen and (max-width: 600px){.no-movil{display:none}}::ng-deep .mat-paginator{background:transparent!important}@media screen and (max-width: 400px){.filter{padding:0;margin-bottom:40px;width:70%}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i8$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i3$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i13.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i7$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i5.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i1$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]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FiltersComponent, selector: "app-filters", inputs: ["headerFilters"], outputs: ["applyFilters"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'data-table', template: "<div class=\"contenedor-tabla\">\r\n  <app-filters [headerFilters]=\"headerFilters\" (applyFilters)=\"applyFilters($event)\">\r\n  </app-filters>\r\n\r\n  <div style='display: flex; flex-direction: row; justify-content: space-between;  align-items: center;'>\r\n    <div style='flex:1; font-size: 1rem;'>\r\n      <strong><p style='margin:0' *ngIf='selectedRows.length>0 && selectedRows.length<2 && configuration.selectable'> {{selectedRows.length}} Seleccionado </p></strong>\r\n      <strong><p style='margin:0' *ngIf='selectedRows.length>1'> {{selectedRows.length}} Seleccionados </p></strong>\r\n      <strong><p style='margin:0' *ngIf='selectedRows.length<1 && !configuration.hideTitle'> {{title}} </p></strong>\r\n    </div>\r\n\r\n    <div *ngIf=\"!configuration.hideFilter\" style='flex:3; padding-right: 10px; margin-bottom: 5px;'>\r\n       <mat-form-field class='filter'>\r\n        <input type=\"text\" [(ngModel)]='filters' (keyup)='changeFilters()'  matInput placeholder=\"Filtrar\">\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <ng-container *ngTemplateOutlet=\"buttonsTable\"></ng-container>\r\n\r\n  </div>\r\n\r\n <table class=\"table_Eter table-hover\">\r\n     <thead class=\"dark\">\r\n       <tr >\r\n        <th *ngIf='configuration.selectable' style='justify-content: center;'>\r\n          <mat-checkbox color='primary' (change)='seletecAllEvent($event)' [(ngModel)]='selectAll' [indeterminate]='indeterminateState'> </mat-checkbox>  </th>\r\n       <th\r\n       [class]=\"column.style?.movil\"\r\n       *ngFor='let column of columns' scope=\"col\"\r\n       [ngStyle]=\"column.style\"\r\n       >{{column.label}}</th>\r\n       <th *ngIf=\"shouldShowMenu()\"></th>\r\n       </tr>\r\n     </thead>\r\n     <tbody class='mat-elevation-z3'>\r\n\r\n       <tr style=\"cursor: pointer;\" *ngFor='let row of data' (click)='clickOnRoW(row)' [class]=\"checkboxs[row[configuration.primaryKey]]?'selected-row':''\">\r\n        <th *ngIf='configuration.selectable' style='justify-content: center;'> <mat-checkbox color='primary' [(ngModel)]='checkboxs[row[configuration.primaryKey]]' (click)='clicked($event)' (change)='selection(row, $event)'> </mat-checkbox>  </th>\r\n        <th [class]='column.style?.movil' [ngStyle]='column.style' scope=\"row\" *ngFor='let column of columns'>{{ row[column.ID] }}</th>\r\n\r\n        <th *ngIf=\"shouldShowMenu()\" style=\"display: flex; justify-content: center; align-items: center; overflow: visible;\">\r\n          <mat-icon\r\n          (click)=\"showMenu($event)\"\r\n          [matMenuTriggerFor]=\"menu\"\r\n          matRipple\r\n          class=\"menu_more_vert\"\r\n          aria-hidden=\"false\"\r\n          aria-label=\"Example delete icon\"\r\n          >more_vert</mat-icon>\r\n\r\n          <mat-menu #menu=\"matMenu\">\r\n            <div *ngFor=\"let btn of buttonsConfig\" >\r\n              <button *ngIf=\"btn.condition()\" (click)=\"action(btn.action, row)\" mat-menu-item class=\"d-flex align-items-center w-100\" >\r\n                <i class=\"fa {{btn.icon}} btn-accion\" style=\"font-size:120%; margin-right: 10px\"></i>\r\n                {{btn.tooltip}}\r\n              </button>\r\n            </div>\r\n\r\n          </mat-menu>\r\n        </th>\r\n\r\n       </tr>\r\n\r\n\r\n     </tbody>\r\n\r\n   </table>\r\n\r\n   <div *ngIf='length == 0 && data.length == 0' style=\"margin-left: 10px;\"> <strong>No se encontr\u00F3 informaci\u00F3n</strong></div>\r\n\r\n   <mat-paginator *ngIf=\"paginatorActive\"\r\n   [length]=\"length\" [pageSize]=\"pageSize\" [pageSizeOptions]=\"pageSizeOptions\" showFirstLastButtons\r\n   (page)=\"changePage($event)\"></mat-paginator>\r\n\r\n  </div>\r\n\r\n<ng-template #buttonsTable let-fontSize=\"fontSize\" let-marginRight=\"marginRight\" style='flex:0.5; display:flex; flex-direction: row; justify-content: flex-end;'>\r\n  <ng-container *ngFor=\"let btn of buttonsConfig\">\r\n    <div *ngIf=\"btn.conditionShowHeader()\" (click)=\"action(btn.action)\" matTooltip=\"{{btn.tooltip}}\" matTooltipPosition=\"above\">\r\n      <i class=\"fa {{btn.icon}} btn-accion\" [ngStyle]=\"{'font-size': fontSize ? fontSize : '170%', 'margin-right': marginRight ? marginRight : '15px'}\"></i>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n", styles: [".contenedor-tabla{width:100%;overflow-x:auto}.table_Eter{width:100%;margin-bottom:4px;color:primary;border-collapse:collapse}.table_Eter .dark th{color:#fff;background-color:#343a40;border-color:#454d55;text-align:center;vertical-align:middle}.table_Eter thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table_Eter th,.table_Eter td{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}th{text-align:inherit}*,*:before,*:after{box-sizing:border-box}.btn-accion{cursor:pointer}mat-form-field{padding:0!important;width:100%}.filter{padding:0;margin-bottom:10px;width:100%}.filter ::ng-deep .mat-form-field-underline{bottom:3px!important}.filter ::ng-deep .mat-form-field-infix{border:0!important}.filter ::ng-deep .mat-form-field-wrapper{padding:0}.filter ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding:0}.selected-row{color:#212529;background-color:#00000013}button:focus{outline:none!important}@media only screen and (max-width: 600px){.no-movil{display:none}}::ng-deep .mat-paginator{background:transparent!important}@media screen and (max-width: 400px){.filter{padding:0;margin-bottom:40px;width:70%}}\n"] }]
@@ -79925,6 +80448,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], xslxParams: [{
                 type: Input
+            }], roleId: [{
+                type: Input
+            }], moduleId: [{
+                type: Input
+            }], subModuleId: [{
+                type: Input
             }], clickRow: [{
                 type: Output
             }], add: [{
@@ -80739,494 +81268,10 @@ class RolesAndPermissions {
     constructor() {
         this.hasAccessToAll = false;
     }
+}
+class IPermissions {
 }
 
-const Root = {
-    id: 1,
-    name: 'root',
-    hasAccessToAll: true,
-};
-const Administrative = {
-    id: 2,
-    name: 'Administrativo',
-    modules: [
-        {
-            id: 0,
-            name: "Inicio"
-        },
-        {
-            id: 2,
-            name: "Administración",
-            hasAccessToAll: true,
-        },
-        {
-            id: 3,
-            name: "Mantenimiento",
-            hasAccessToAll: true
-        },
-        {
-            id: 4,
-            name: "Combustible",
-            hasAccessToAll: true
-        },
-        {
-            id: 5,
-            name: "Personal",
-            hasAccessToAll: true
-        },
-        {
-            id: 6,
-            name: "Indicadores",
-            hasAccessToAll: true
-        },
-        {
-            id: 7,
-            name: "Inspecciones",
-            hasAccessToAll: true
-        },
-        {
-            id: 8,
-            name: "Almacén",
-            hasAccessToAll: true
-        },
-        {
-            id: 9,
-            name: "Localización",
-            hasAccessToAll: true
-        },
-        {
-            id: 10,
-            name: "Alquiler",
-            hasAccessToAll: true
-        },
-    ],
-};
-const MaintenanceManager = {
-    id: 3,
-    name: 'Jefe Mantenimiento',
-    modules: [
-        {
-            id: 0,
-            name: "Inicio"
-        },
-        {
-            id: 2,
-            name: "Administración",
-            hasAccessToAll: true,
-        },
-        {
-            id: 3,
-            name: "Mantenimiento",
-            hasAccessToAll: true
-        },
-        {
-            id: 4,
-            name: "Combustible",
-            hasAccessToAll: true
-        },
-        {
-            id: 5,
-            name: "Personal",
-            hasAccessToAll: true
-        },
-        {
-            id: 6,
-            name: "Indicadores",
-            hasAccessToAll: true
-        },
-        {
-            id: 7,
-            name: "Inspecciones",
-            hasAccessToAll: true
-        },
-        {
-            id: 8,
-            name: "Almacén",
-            hasAccessToAll: true
-        },
-        {
-            id: 9,
-            name: "Localización",
-            hasAccessToAll: true
-        },
-        {
-            id: 10,
-            name: "Alquiler",
-            hasAccessToAll: true
-        },
-    ],
-};
-const BasicOperator = {
-    id: 4,
-    name: 'Operario básico',
-    modules: [
-        {
-            id: 0,
-            name: "Inicio"
-        },
-        {
-            id: 2,
-            name: "Administración",
-            subModules: [
-                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
-            ]
-        },
-        {
-            id: 3,
-            name: "Mantenimiento",
-            subModules: [
-                { id: 10, name: "Registro de Mtto", permissions: { write: true } },
-                { id: 12, name: "Solicitudes Mtto", permissions: { readDetail: true, write: true, delete: true, update: true } },
-                { id: 7, name: "Ejecucion O.T", permissions: { readOwn: true, closeOT: true } },
-            ]
-        },
-        {
-            id: 4,
-            name: "Combustible",
-            subModules: [
-                { id: 16, name: "Solicitudes", permissions: { readDetail: true, write: true, delete: true, update: true } },
-            ]
-        },
-        {
-            id: 7,
-            name: "Inspecciones",
-            subModules: [
-                { id: 27, name: "Diligenciar", permissions: { write: true, update: true } },
-                { id: 28, name: "Consultar", permissions: { readAll: true } },
-            ]
-        },
-        {
-            id: 9,
-            name: "Localización",
-            subModules: [
-                { id: 38, name: "Iniciar ruta", permissions: { readDetail: true, write: true } },
-            ]
-        },
-        // {
-        //   id: 10,
-        //   name: "Alquiler",
-        //   subModules: [
-        //     {id: 41, name: "Ingreso", permissions: {readDetail:true, write:true}},
-        //     {id: 42, name: "Despacho", permissions: {readDetail:true, write:true}},
-        //     {id: 43, name: "Catalogo", permissions: {readDetail:true, write:true}},
-        //     {id: 44, name: "Orden Alquiler", permissions: {readDetail:true, write:true}},
-        //   ]
-        // }
-    ]
-};
-const BasicMechanical = {
-    id: 5,
-    name: 'Mecanico básico',
-    modules: [
-        {
-            id: 0,
-            name: "Inicio"
-        },
-        {
-            id: 2,
-            name: "Administración",
-            subModules: [
-                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
-            ]
-        },
-        {
-            id: 3,
-            name: "Mantenimiento",
-            subModules: [
-                { id: 10, name: "Registro de Mtto", permissions: { write: true } },
-                { id: 12, name: "Solicitudes Mtto", permissions: { readDetail: true, write: true, delete: true, update: true } }
-            ]
-        },
-        {
-            id: 4,
-            name: "Combustible",
-            subModules: [
-                { id: 16, name: "Solicitudes", permissions: { readDetail: true, write: true, delete: true, update: true } },
-            ]
-        },
-        {
-            id: 7,
-            name: "Inspecciones",
-            subModules: [
-                { id: 27, name: "Diligenciar", permissions: { write: true, update: true } },
-                { id: 28, name: "Consultar", permissions: { readAll: true } },
-            ]
-        }
-    ]
-};
-const BasicStorer = {
-    id: 6,
-    name: 'Almacenista básico',
-    modules: [
-        {
-            id: 0,
-            name: "Inicio"
-        },
-        {
-            id: 2,
-            name: "Administración",
-            subModules: [
-                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
-            ]
-        },
-        {
-            id: 3,
-            name: "Mantenimiento",
-            subModules: [
-                { id: 33, name: "Despachar", permissions: { readAll: true, allocateResources: true } },
-            ]
-        },
-        {
-            id: 6,
-            name: "Indicadores",
-            subModules: [
-                { id: 35, name: "Almacen", permissions: { readAll: true, write: true, delete: true, update: true } },
-            ]
-        },
-        {
-            id: 8,
-            name: "Almacén",
-            subModules: [
-                { id: 30, name: "Entradas", permissions: { readAll: true, write: true, delete: true, update: true } },
-                { id: 31, name: "Salidas", permissions: { readAll: true, write: true, delete: true, update: true } },
-                { id: 32, name: "Inventario", permissions: { readAll: true, write: true, delete: true, update: true } },
-                { id: 34, name: "Orden Compra", permissions: { readAll: true, write: true, delete: true, update: true } },
-                { id: 39, name: "Bodegas", permissions: { readAll: true, write: true, delete: true, update: true } },
-            ]
-        },
-        // {
-        //   id: 10,
-        //   name: "Alquiler",
-        //   hasAccessToAll: true
-        // }
-    ],
-};
-const AdvanceStorer = {
-    id: 7,
-    name: 'Almacenista avanzado',
-    modules: [
-        {
-            id: 0,
-            name: "Inicio"
-        },
-        {
-            id: 2,
-            name: "Administración",
-            subModules: [
-                { id: 2, name: "Terceros", permissions: { readAll: true } },
-                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
-            ]
-        },
-        {
-            id: 3,
-            name: "Mantenimiento",
-            subModules: [
-                { id: 4, name: "Equipos", permissions: { readAll: true } },
-                { id: 8, name: "Históricos", permissions: { readAll: true } },
-                { id: 9, name: "Calendario", permissions: { readAll: true } },
-                { id: 33, name: "Despachar", permissions: { readAll: true, allocateResources: true } },
-            ]
-        },
-        {
-            id: 6,
-            name: "Indicadores",
-            subModules: [
-                { id: 35, name: "Almacen", permissions: { readAll: true, write: true, delete: true, update: true } },
-            ]
-        },
-        {
-            id: 8,
-            name: "Almacén",
-            subModules: [
-                { id: 30, name: "Entradas", permissions: { readAll: true, write: true, delete: true, update: true } },
-                { id: 31, name: "Salidas", permissions: { readAll: true, write: true, delete: true, update: true } },
-                { id: 32, name: "Inventario", permissions: { readAll: true, write: true, delete: true, update: true } },
-                { id: 34, name: "Orden Compra", permissions: { readAll: true, write: true, delete: true, update: true } },
-            ]
-        },
-    ],
-};
-const AdvanceOperator = {
-    id: 8,
-    name: 'Operario avanzado',
-    modules: [
-        {
-            id: 0,
-            name: "Inicio",
-            subModules: []
-        },
-        {
-            id: 2,
-            name: "Administración",
-            subModules: [
-                { id: 2, name: "Terceros", permissions: { readAll: true } },
-                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
-            ]
-        },
-        {
-            id: 3,
-            name: "Mantenimiento",
-            subModules: [
-                { id: 4, name: "Equipos", permissions: { readAll: true } },
-                { id: 5, name: "Actividades", permissions: { readAll: true } },
-                { id: 7, name: "Ejecucion O.T", permissions: { readOwn: true, closeOT: true } },
-                { id: 8, name: "Históricos", permissions: { readAll: true } },
-                { id: 9, name: "Calendario", permissions: { readAll: true } },
-                { id: 10, name: "Registro de Mtto", permissions: { readAll: true, write: true } },
-                { id: 12, name: "Solicitudes Mtto", permissions: { readAll: true, write: true, delete: true, update: true } }
-            ]
-        },
-        {
-            id: 4,
-            name: "Combustible",
-            subModules: [
-                { id: 16, name: "Solicitudes", permissions: { readAll: true, write: true, delete: true, update: true } },
-                { id: 17, name: "Órdenes", permissions: { readOwn: true, closeOT: true } },
-                { id: 18, name: "Históricos", permissions: { readAll: true } },
-            ]
-        },
-        {
-            id: 7,
-            name: "Inspecciones",
-            subModules: [
-                { id: 27, name: "Diligenciar", permissions: { readAll: true, write: true, delete: true, update: true } },
-                { id: 28, name: "Consultar", permissions: { readAll: true, write: true, delete: true, update: true } },
-            ]
-        },
-        {
-            id: 8,
-            name: "Almacén",
-            subModules: [
-                { id: 32, name: "Inventario", permissions: { readAll: true } },
-            ]
-        },
-        {
-            id: 9,
-            name: "Localización",
-            subModules: [
-                { id: 37, name: "Históricos", permissions: { readAll: true, write: true } },
-                { id: 38, name: "Iniciar ruta", permissions: { readAll: true, write: true, delete: true, update: true } },
-            ]
-        },
-    ]
-};
-const AdvanceMechanical = {
-    id: 9,
-    name: 'Mecanico avanzado',
-    modules: [
-        {
-            id: 0,
-            name: "Inicio",
-            subModules: []
-        },
-        {
-            id: 2,
-            name: "Administración",
-            subModules: [
-                { id: 2, name: "Terceros", permissions: { readAll: true } },
-                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
-            ]
-        },
-        {
-            id: 3,
-            name: "Mantenimiento",
-            subModules: [
-                { id: 4, name: "Equipos", permissions: { readAll: true } },
-                { id: 5, name: "Actividades", permissions: { readAll: true } },
-                { id: 7, name: "Ejecucion O.T", permissions: { readOwn: true, closeOT: true } },
-                { id: 8, name: "Históricos", permissions: { readAll: true } },
-                { id: 9, name: "Calendario", permissions: { readAll: true } },
-                { id: 10, name: "Registro de Mtto", permissions: { readAll: true, write: true } },
-                { id: 12, name: "Solicitudes Mtto", permissions: { readAll: true, write: true, delete: true, update: true } }
-            ]
-        },
-        {
-            id: 4,
-            name: "Combustible",
-            subModules: [
-                { id: 16, name: "Solicitudes", permissions: { readAll: true, write: true, delete: true, update: true } },
-                { id: 17, name: "Órdenes", permissions: { readOwn: true, closeOT: true } },
-                { id: 18, name: "Históricos", permissions: { readAll: true } },
-            ]
-        },
-        {
-            id: 7,
-            name: "Inspecciones",
-            subModules: [
-                { id: 27, name: "Diligenciar", permissions: { readAll: true, write: true, delete: true, update: true } },
-                { id: 28, name: "Consultar", permissions: { readAll: true, write: true, delete: true, update: true } },
-            ]
-        },
-        {
-            id: 8,
-            name: "Almacén",
-            subModules: [
-                { id: 32, name: "Inventario", permissions: { readAll: true } },
-            ]
-        },
-    ]
-};
-const OperatorFusion = {
-    id: 10,
-    name: 'Operario fusion',
-    modules: [
-        {
-            id: 0,
-            name: "Inicio"
-        },
-        {
-            id: 2,
-            name: "Administración",
-            subModules: [
-                { id: 3, name: "Perfil", permissions: { readDetail: true, update: true } },
-            ]
-        },
-        {
-            id: 3,
-            name: "Mantenimiento",
-            subModules: [
-                { id: 10, name: "Registro de Mtto", permissions: { write: true } },
-                { id: 12, name: "Solicitudes Mtto", permissions: { readDetail: true, write: true, delete: true, update: true } },
-                { id: 8, name: "Históricos", permissions: { readAll: true, update: true } },
-            ]
-        },
-        {
-            id: 4,
-            name: "Combustible",
-            subModules: [
-                { id: 16, name: "Solicitudes", permissions: { readDetail: true, write: true, delete: true, update: true } },
-            ]
-        },
-        {
-            id: 7,
-            name: "Inspecciones",
-            subModules: [
-                { id: 27, name: "Diligenciar", permissions: { write: true, update: true } },
-                { id: 28, name: "Consultar", permissions: { readAll: true } },
-            ]
-        },
-        {
-            id: 9,
-            name: "Localización",
-            subModules: [
-                { id: 38, name: "Iniciar ruta", permissions: { readDetail: true, write: true } },
-            ]
-        },
-    ]
-};
-const modulesByRol = [
-    Root,
-    Administrative,
-    MaintenanceManager,
-    BasicOperator,
-    BasicMechanical,
-    BasicStorer,
-    AdvanceOperator,
-    AdvanceStorer,
-    AdvanceMechanical,
-    OperatorFusion
-];
-
 /**
  * @modules
  * exportacion de modulos adjuntos a brainloper
@@ -81236,5 +81281,5 @@ const modulesByRol = [
  * Generated bundle index. Do not edit.
  */
 
-export { BrainloperUiModule, BreadCrumbComponent, ButtonIconComponent, ButtonLabelComponent, CarouselComponent, CombosComponent, CryptoService, DataTableComponent, ExportDataService, FileFormsService, FileInputComponent, FiltersComponent, FunctionsService, GeneratePdfService, HttpService, LoadingComponent, LocalStorageService, MenuBreadCrumb, MessageService, RolesAndPermissions, ScreenSizeUtil, SelectFilterComponent, SessionService, TableModalComponent, enumActions, modulesByRol, playerFactory };
+export { BrainloperUiModule, BreadCrumbComponent, ButtonIconComponent, ButtonLabelComponent, CarouselComponent, CombosComponent, CryptoService, DataTableComponent, ExportDataService, FileFormsService, FileInputComponent, FiltersComponent, FunctionsService, GeneratePdfService, HttpService, IPermissions, LoadingComponent, LocalStorageService, MenuBreadCrumb, MessageService, RolesAndPermissions, ScreenSizeUtil, SelectFilterComponent, SessionService, TableModalComponent, enumActions, modulesByRol, playerFactory };
 //# sourceMappingURL=brainloper-ui.mjs.map